サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて(マークアップして)、CSSで見栄えを整える(CSSコーディングする)」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング!まずはマークアップ(HTML) index.htmlの基本設定 トップページの内容をマークアップ コーディング!レイアウトを整える(CSS) style.cssの基本設定 トップページのレイアウトを整える <heade
![Webサイトの作り方のまとめ!コーディングまで。](https://cdn-ak-scissors.b.st-hatena.com/image/square/55c6d1ef5d0b99538ff851a6e1b85869c89e9ccc/height=288;version=1;width=512/http%3A%2F%2Flopan.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Ficon_wabdesign2-600x600.jpg)