search

o2project / start-dash-of-site-making

[Unmainted] それは僕たちの語られなかった制作秘話――
http://c.o2p.jp/c89/
Other
5 stars 0 forks source link

目次 #62

Closed kubosho closed 8 years ago

kubosho commented 8 years ago
  1. はじめに
  2. 企画
    1. 要件の整理
      1. 今回の要件について
    2. 要素の整理
      1. 各ページが入る
    3. サイトマップの作成
    4. ワイヤーフレームの作成
    5. 仕様書の作成
    6. 今回のワイヤーフレームと仕様書
    7. サイト制作にあたっての注意点
  3. 開発するための準備
    1. 必要なツールの準備
    2. 実装にあたっての心構え
    3. ライブラリ選定
  4. トップページ・ライブステージページ共通の構造を作る
    1. 共通の構造を洗い出し
    2. ファイル構成
    3. 基本構造のマークアップ
    4. ヘッダーのマークアップ
    5. グローバルナビゲーションのマークアップ
    6. フッターのマークアップ
    7. HTMLのまとめ
    8. ヘッダーの見た目をよくする
    9. グローバルナビゲーションの見た目を良くする
    10. CSSのまとめ
  5. トップページを作る
    1. カルーセル部分のマークアップ
    2. ページネーション部分のマークアップ
    3. CSSでスタイルを整える
    4. JavaScriptでカルーセルが動くようにする
  6. ライブステージページを作る
    1. 動画部分のマークアップ
    2. コメント部分のマークアップ
    3. 広告部分のマークアップ
  7. おわりに

書かない部分

  1. デザイン
    • 関係する人の専門領域的に、ここは省く(本来はPhotoshopやIllustratorなどでグラフィックデザインをおこなっていきますが〜的な感じで書く)
    • Bootstrapでお茶を濁す
  2. テスト
    • 書きたいところだけど省く
kubosho commented 8 years ago

終わり。