HTMLでホームページを作る

HTML・CSSの記述の練習

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

2021/04/21 17:50

サイト設計

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

2021/04/21 11:30

CSSの基礎

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

2021/04/10 14:56

HTMLの基礎

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

2021/04/10 13:30

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

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

2021/04/10 11:55

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

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

2021/04/09 23:38

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

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

2021/04/08 19:37

ファイルの扱いと仕組み

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

2021/04/08 16:42

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

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

2021/04/08 15:25