デザインを考える

設計とあわせてでもいいですが全体のサイトデザインを考えます。サイトカラーまずはカラー。全体の色味を決める必要があります。もちろん一色だけ使うわけではないのですが、ぱっと見の印象になるカラーを決めましょう。メインカラーを軸にして見出しなどのカ

HTML・CSSの記述の練習

それでは実際にHTMLとCSSを記述してブラウザに表示させてみましょう。テキストエディタとブラウザを準備して下さい。ここではテキストエディタはVisual Studio Code（VS Code）を使って記述していきます。下記のスクリーンシ

サイト設計

それでは実際の作業を進めて行きます。まずはサイト設計です。「どのようなサイト構成（ページ構成）にするか」ということを予め決める必要があります。ホームページの規模が大きくなればなるほど、この設計はきちんと事前に行なっておいた方が良いです。サイ

CSSの基礎

まずCSSの正式名称はカスケードスタイルシート（Cascading Style Sheets）と言います。この頭文字をとってCSSと表現します。シーエスエスやスタイルシートと発することが多いですね。CSSのソースコードは半角英数で記述CSS

HTMLの基礎

HTMLの記述の際に最低限必要な基礎を解説していきます。難しく考えずにまずは記述方法に慣れましょう。基本的にhtmlコードのことは「タグ」、「htmlタグ」と呼びますので今後もタグと記載して行きます。※Word Pressのタグとは意味が違

レスポンシブデザインの仕組み

このサイトではレスポンシブデザインでホームページ作成を行う解説を掲載しています。そこでそもそもレスポンシブデザインはどのような仕組みかということを事前に理解しておく必要があります。メインになるのはCSSレスポンシブデザインでのホームページ作

ホームページ作成の際のサイズなどの単位

ホームページを作る際に様々なサイズを指定することになります。そこでその単位などを覚える必要がありますので下記をご覧下さい。px（ピクセル）画像のサイズやCSSで記述する文字サイズやブロックのサイズなどはcm（センチメートル）ではなく、px（

ホームページを公開するにはサーバーが必要

ホームページをネット上に公開して閲覧できるようにするには「サーバー」が必要です。一般的にはレンタルサーバーを利用します。また、合わせてドメインも取得することをおすすめします。レンタルサーバーを申し込むと、そのサーバー専用のURLが付与される

ファイルの扱いと仕組み

ファイルの拡張子まずHTMLとCSSのファイルの拡張子はは以下のようになります。ファイル名.htmlファイル名.css例えばトップページの場合のHTMLファイルはindex.htmlCSSはサイト全体に共通して使用することが多いのでstyl

HTMLでホームページ作成の際に必要なもの

HTMLでホームページを作る際に必要なものは以下になります。パソコン（Mac or Windows）まずはパソコンです。Mac、Windowsどちらでも大丈夫です。スペックもそれほど高いものではなくても大丈夫。ただ、あまり古いパソコンはおす