タグ

ブックマーク / lopan.jp (2)

  • Webサイトの作り方のまとめ!番外。

    サンプルサイトの制作を通して、「Webサイトの制作手順」についてまとめてみました(の番外です)。 前回の記事では、トップページのデザイン制作と、勢い余ってスライスまでしてしまいましたが、その後、依頼主からデザインの修正依頼がありました。この記事では、トップページデザインの修正と、下層(コンテンツ)ページのデザイン制作について書いてます。 目次です。クリックするとその項目へ移動します。 トップページデザインの修正 依頼主からの返答 改善案を考える 修正案を制作する ちょっと寄り道:ロールオーバー時の見せ方 サイトの役割を再確認 サイトの構成を決める サイト構成図を制作する ちょっと補足:サイト構成図?サイトマップ?sitemap? 下層(コンテンツ)ページの制作 各ページに入れる内容を整理する レイアウトを考える 下層ページのデザイン制作 スライスしてWeb用に書き出し トップページデザイン

    Webサイトの作り方のまとめ!番外。
    Rlee1984
    Rlee1984 2014/03/30
    サイト構成図
  • Webサイトの作り方のまとめ!コーディングまで。

    サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて(マークアップして)、CSSで見栄えを整える(CSSコーディングする)」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング!まずはマークアップ(HTML) index.htmlの基設定 トップページの内容をマークアップ コーディング!レイアウトを整える(CSS) style.cssの基設定 トップページのレイアウトを整える <heade

    Webサイトの作り方のまとめ!コーディングまで。
    Rlee1984
    Rlee1984 2014/03/28
    ディレクトリマップ
  • 1