ホームページ(Webサイト)制作に何が必要か?の“成分”と、ネット公開について、ざっくり解説します。

複数ファイルで、1ページを表示
ホームページは1ページでも、実は複数のファイルで成り立ちます。主に次のファイルが必要です。
Webデザイナーが、これらの作成・編集を行います。
HTMLとCSSは、ホームページを表示するためのコンピュータ言語で、テキスト形式で書かれます。これは「ソースコード」と呼ばれ、書く作業を「コーディング」といいます。
コーディングはほとんどのテキストエディタで行えます。
なお、ホームページに何らかの機能を加える際は、JavaScriptを使うことが多いです。例えば、Googleマップを埋め込むところで使います。
そのほかのタスクで使う主なツール(アプリ)は以下の通りです。
- Adobe Photoshop:バナー広告やタイトルなど画像作り
- Adobe Illustrator:ロゴやアイコン、地図など主に線画を描く
- Figma:UIデザインやプロトタイプの作成
- WordPress:ページ作成・管理システム(CMS)
Webデザイナーとして就職を目指しているのでなければ、「定番のツール」にこだわる必要はないと思います。最近は、安くて便利なツールが増えているからです。

ネット公開とは、Webサーバへアップすること
上記のファイル群をWebサーバにアップ(コピー)することで、ホームページとしてネット公開されます。
- Webサーバ
- いつでも・どこからでもアクセスできる「ファイル保管庫」。ネットに常時接続されている高性能コンピュータの保存領域。
Webサーバは自前で用意するほか、「レンタルサーバ」のサービスを利用する手段があります。
その前に、URLをどうするか?
ホームページのアドレス(URL)は次のようになっています。
- ドメイン+ディレクトリ名+ファイル名
「+」は、URLでは「/」で示されます。
例えば、「https://ezj.jp/create/website/owned-media.htm」なら、「ezj.jp」がドメイン、「owned-media.htm」がファイル名、ほかはディレクトリ名(Webサーバ上のフォルダ)です。
ただし、「index.html」「index.php」などは入力不要とサーバ側で設定がされています。例えば、「https://ezj.jp」は、「https://ezj.jp/index.htm」を表示しています。
URLをタイピングする人は少ないですが、わかりやすく、より短いことがURLの理想です。SEOにも関わると考えられています。
ドメインは使われていなければ、《お名前.com》などネット上で取得可能。ただし、1年毎に更新料がかかります。
関連メニュー
関連リンク
- カテゴリ
- Web制作・コンテンツ運営, 記事
- 特徴タグ