ホームページ(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制作・コンテンツ運営, 記事
特徴タグ