ホームページ(HTML)の作り方をわかりやすく解説しています。ホームページを作るのは、実はそれほどむつかいものではなく、基本的なHTMLタグさえ理解すれば誰でも簡単にホームページが作れます。
ぜひあなたも、ホームページ作りにチャレンジしてください。
ホームページは作ってみたいけど何から始めていいかわからない方へ、ホームページは誰でも簡単に作れます。
当サイトでは、HTMLで基本構造をマークアップし、ページのデザインをスタイルシート(CSS)で行う、標準規格に準拠した作成方法を解説しています。
ぜひ、このページで基本を学んでください。
ホームページと作成準備・・・・まずは、ホームページを作るのに必要な準備をしましょう。
標準規格で作ろう・・・・・・・・・W3Cの勧告に従って標準規格のホームページを作る。
最初にすること・・・・・・・・・・・コンテンツを作る前にやっておくこと。
基本的なタグを記述する・・・・必ず記述しておく必要のある基本的なタグ。
metaタグ・・・・・・・・・・・・・・・・ ブラウザや検索ロボットに、ページの情報を知らせる。
タイトル・・・・・・・・・・・・・・・・・タイトルは検索順位に大きく影響する大切なタグです。
見出し・・・・・・・・・・・・・・・・・・コンテンツの内容を伝える重要な要素です。
段落・・・・・・・・・・・・・・・・・・・文章の区切りごとにPタグでマークアップしよう。
箇条書き・・・・・・・・・・・・・・・・文章をわかりやすくするために箇条書きにする。
文字を強調する・・・・・・・・・・・ユーザーに特に伝えたい箇所を強調する。
表を作る・・・・・・・・・・・・・・・・データをわかりやすいように表にして表示する。
表を装飾する・・・・・・・・・・・・・表に区切り線・見出し・説明文を付ける。
表のサイズを指定する・・・・・・高さ幅や余白を指定して表を整える。
相対パスでリンクを貼る・・・・・他のページに移動できるようにする。
絶対パスでリンクを貼る・・・・・他のホームページに移動できるようにする。
htmlで文章の構造をマークアップ出来たら次は、ホームページをクールでオシャレにデザインしましょう。
そのためには、CSSを理解することが必要です。
出来るだけわかりやすく解説するのでがんばって理解してください。
CSSとは ・・・・・・・・ホームページのデザインやレイアウトなどの設定をする。
CSSの実装・・・・・・CSSは、外部からリンクさせる。
記述のルール・・・・・具体的に記述する前に基本的な約束ごとを理解する。
CSSの継承・・・・・・CSSを効率よく記述するために欠かせないルールを覚える。
セレクタ・・・・・・・・・デザインを適用する対象の選択の仕方を覚える。
レイアウトの基本メリット等・・CSSでレイアウトすることのメリットカラムとは。
ボックスモデル・・・・・・・・・・・箱を積み上げるようにレイアウトする。
余白(margin)・・・・・・・・・・・・
枠の種類と色・・・・・・・・・・・
幅と高さの設定・・・・・・・・・・・