ウェブサイトを作る技術

16. ウェブサイトを作る技術

ウェブの仕組みと簡単なウェブサイトの作り方について学びます。

現代においては、人間が直接手で「ソースコード」と呼ばれるものを書いてウェブページを作ることは多くありません。ほとんどの場合はブログや CMS と呼ばれるシステムを使うことが多いでしょう。実際この「はいぱーワークブック」も、WordPress と呼ばれるソフトウェアで作られています。しかし、そうしたウェブサイトを作るシステムをカスタマイズしようとすると、この章で紹介するような HTML や CSS の知識が必要になってきます。

そして HTML や CSS の概略を知っていると、直接ウェブページを作ること以外にも役立つことがあります。たとえば HTML は「テキストファイルの中に記号を書いて、文章の構造を表す手法」の一つです。このような「マークアップ」と呼ばれるやり方ではテキストファイルだけでお手軽に情報を表現できるため、wiki と呼ばれるソフトウェアや Markdown 記法など、現代でも色々な場面で用いられます。また HTML と CSS は「文章の論理構造と見た目とを区別して論じるべき」という思想で発展してきました。この考え方は 22. 文書作成 23. 表計算 など、日常生活においてコンピュータを利用する上でも大いに役立つものです。

それでは実際にウェブサイトを作りながら、HTML/CSS の基礎と、その背後にある思想を学びましょう。

16.1. WWW のしくみ

既に 20.4. ウェブについての基礎知識 で簡単に述べましたが、WWW とはインターネット上で動くハイパーテキストシステムです。インターネットは全世界規模... このページを読む

16.2. ウェブサイトの解説

ECCS での情報発信用 WWW サーバ は2022年現在用意されていないので、ウェブサイトを公開する練習はできません。 アップロードするウェブページの用意 # 公... このページを読む

16.3. HTML 文書の書き方

HTML 文書を書くルールについて説明します。文書全体の見栄えをコントロールする方法については次節 16.4. CSS の書き方 で説明します。... このページを読む

16.4. CSS の書き方

CSS を用いて、HTML 文書の見ばえをコントロールする方法について解説します。... このページを読む

16.5. 動的なウェブページを作る技術

今まで説明した HTML と CSS では静的な文書を作ることしかできません。せいぜい CSS の :hover 擬似クラスを使ってマウスカーソルが乗った時にスタイルを変更すること... このページを読む

16.6. 参考文献

この章の内容に関する参考文献を紹介します。 まずは企画書や仕様書の類を紹介します。 ** W3C HTML5仕様書 W3C HTML4.01仕様書:** W3C という WWW... このページを読む

SSH サーバ ウェブサイトを作る技術 WWW のしくみ