このページの内容
ウェブ制作をする株式会社のはじめてのページを想定します
今回はウェブ制作をする株式会社ABC Companyという架空の会社を想定して位置からつくるサイトの作り方を主にコーディング部分を紹介します。
ウェブ制作をする株式会社のはじめてのページを成功させるためのポイント
サービスサイトは、ビジネスやプロダクトの「顔」としての役割を果たします。提供するサービスや価値を通じてブランド、経験、信頼性を具体的に示すことができます。
今回は、ウェブ制作を行う株式会社が初めてのウェブサイトを立ち上げる際に考慮すべき要点について深掘りします。ウェブサイトは、企業の顔とも言える存在であり、お客様が最初に接触するポイントとなることが多いです。そのため、第一印象が非常に重要となります。
1. クリアなビジョンと目的
ウェブサイトを作成する前に、その目的を明確にしましょう。それは製品の販売なのか、企業情報の提供なのか、またはブログとして情報発信を行うのか。目的によって、サイトの構造やデザインが大きく変わります。
2. ユーザーフレンドリーなデザイン
訪問者がサイトを簡単にナビゲートできるように、ユーザーフレンドリーなデザインを心掛けましょう。直感的なUI（ユーザーインターフェイス）とシンプルなデザインが求められます。
3. SEO対策
ウェブサイトを作成する際には、SEO（検索エンジン最適化）対策も重要です。SEO対策を行うことで、ウェブサイトの検索エンジンでのランキングを向上させ、より多くの人々にウェブサイトを見てもらうことが可能となります。
Webサイト制作の流れのステップ
下記サイトでWebサイト制作の流れがどのようなステップがあるかを確認できます。
今回はプランニングデザインコンテンツのステップから作られた架空のサイト「ABC service」というサイトを作成します。
上記のページの4.コーディングをどのように作るかを解説します。
サイトマップ
サイトマップは、Webサイトのページの構成や階層構造を図示したものです。一般的には、トップページを中心に各ページを分類し、それらがどのような関係で繋がっているかを示します。サイトマップを作成することで、Webサイトの全体像を俯瞰することができ、ユーザーがサイト内をスムーズに移動することができるようになります。
フォルダとファイルの構成
サイトのトップページ（通常はindex.htmlやindex.phpなど）はルートディレクトリに配置します。
画像、スタイルシート、JavaScriptファイルなどのアセットは、それぞれの専用のサブフォルダに分類します。
- /images
- /css
- /js
命名規則
- 半角英数字のみ
- 複数の単語を組み合わせる場合はハイフンかアンダースコア
- 数字から始まめられない
ファイルやフォルダの名前は、内容が一目でわかるように明確かつ簡潔に命名します。
今回は下記の緑の部分であるフォルダをつくります。
次はトップページindex.htmlをつくります。
続きはアップロードでお知らせします。
