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

複数ファイルで、１ページを表示

ホームページは１ページでも、実は複数のファイルで成り立ちます。主に次のファイルが必要です。

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》などネット上で取得可能。ただし、１年毎に更新料がかかります。

関連メニュー

関連リンク

カテゴリ
Web制作・コンテンツ運営, 記事
特徴タグ