[1日更新]2日目突入だけど続いてます・・・
昨日1日でHTMLコーディングまで終わらせるつもりが、予想外に時間がかかってしまい、結局2日目。
午前中のメール対応も終えたので(なぜかタスクが増えちゃったけど)、1時から3時間ほど作業を再開しようと思う。
【楽天ブロードバンド】月額2000円~ 楽天スーパーポイントが毎月貯まる!
昨日の作業内容はこんな感じ。
1.現行サイトのダメ出し
2.配色を決める
3.紙にざっくり構成案書いてからタイトル作成
4.画像編集ソフトでトップページ構成案作成
5.同じく中身ページの構成案作成
6.作った構成案の調整─幅や大きさ、配置などを最終的にFIX
7.構成案をPPTに貼り付け、スタイルシート作成時のID名・CLASS名を決める
今日は、昨日作った構成案(Fireworksで実物大に出来上がっている)とPPTのなんちゃってスタイルシート設計図を元に、いっきにコーディングする予定。
まずは、トップページとなる「index.html」のHTMLを書く。
その際、スタイルシートは完全後回しで、PPTを参考に、div class="なんちゃら"、div id="うんちゃら"もどんどん突っ込んでゆく。PPTに書いている以外でCLASS、ID指定したほうがいいものがでてきたら、それも都度、PPTに書き込んでゆく。
トップページのHTMLが完成したら、次にスタイルシート。
これは、Fireworksで作った構成案とPPTだけ見て書く。
| HTML+CSS Handbook 2nd Edition | |
![]() | 水津 弘幸 石井 歩 C&R研究所 ソフトバンククリエイティブ 2003-08 売り上げランキング : 54986 おすすめ平均 ![]() 買って損はしないでしょう 自分自身のステップアップに貢献 サンプルが・・・?Amazonで詳しく見る by G-Tools |
ちなみに、スタイルシート知識はかなり危うげなので、HTMLコーディングの際は、この本をいつも傍らに置いておく。600ページ以上もある、辞書みたいなリファレンスだ。
(スタイルシートをちゃんと使うようになったのはMTいじるようになってから)
HTMLと見比べながらだと、漏れが発生したり、美しくない部分ができちゃうので、できるだけ「絵」を見ながらやるようにしている。それだと割りと一発でうまくいき、何度も書き直したりという無駄な作業をせずにすむ。
中身ページは、トップページが完成した後。
こっちは、とりあえずもっともスタンダードな内容のものを1つ分だけ作る。
それが完成したら、初めてDreamweaverの出番。
これで、タイトル部分やサイドバー、フッター部分などを一斉更新できる「テンプレート化」してしまう。
そして他のページも新しいテンプレートに置き換えてゆく。
もしかしたら、以前のページもすべてDreamweaverで作っているから、このあたりの作業は「現在のテンプレートを更新」することで、かなり効率的にやれる可能性もある(詳しく見ていないのでわからないが)
とりあえず、今から作業再開!
「日記・コラム・つぶやき」カテゴリの記事
- 我が家にエアコンがやってきた!\(^o^)/(2009.07.13)
- 梅雨の谷間のビアガーデン日和(2009.07.13)
- 日食グラスを販売しているお店(2009.07.07)
- 表参道に「MoMAデザイン・ストア」OPEN(2007.12.12)
- ハッピー・ウェディング♪(2009.06.27)
朝、ふとお邪魔させていただくと。
なんとも、タイムリーな話題だ!^^
が、すでに、画像編集とか設計図とか・・。
使ってるsoft自体の格が違うことが発覚!w
さすがプロ!違うと思いました。
我が家のXOOPSサイトもリニュを考え実行しようと
今、Webを俳諧中・・
→「巡回」「検索」じゃないあたりがもう
ど素人な自分(ノД`)
HTML+CSS Handbook 2nd Edition♪今、ワタクシの傍らにも、どどーんと居座ってます(^^ゞ
が、CSSを書く云々の前にテーマ作成とサイト構造を考えないといけませんだ・・。
プロの製作過程がこうして覗き見れてすごく楽しいです!(^^ゞ
我が家も、早いうちに・・リニュ完了するように、まずわお勉強しなくちゃいけません;;
投稿者: ごん (2007/01/29 15:40:36)
おーば、
そんなプロ集団のシステム構築プロジェクトと比べないでやってください(^_^; こっちはおままごとです。
あ、でもあれだね。サイト作る時の行程を、あえて仕事モードでちゃんと仕様書とか作ったりして、スケジューリングとかしてやってみるなんてのも、ちょい刺激的で面白そうだね。
ごんさん、
お、同じ本使ってたんですね!奇遇。
背伸びしても、なかなかプロになれないアマチュアの悲哀ってあたりです。でも、人によって作業の進め方っていろいろだから、こういう風に覗き見してもらえるのって、互いにとって面白いかもと思いました。
投稿者: わだ (2007/01/29 18:02:38)
内容に関連性のある記事からのトラックバックは歓迎です。記事内リンクも特に必要ありません。過去交流のないブログでもまったく問題ありません。
ただし「単に部分的なキーワードつながり(関連性が薄すぎ)」「自動で大量トラックバック送信」「自身がトラックバックを受付けていないブログからの一方的なトラックバック」は、削除します。
- 大変です!!! なんと「5」がでてしまうそうです。 MT4.Xにしようかどうしようか悩んでいるあなた! もしくは勇気を出...
- たぶん一般募集では初かなと思うんだけど、結婚相談所大手のオーネットが、今月末、アフィリエイトを対象とした婚活セミナーを開...
- 週末うちに(突如!)遊びにきてくれた夢子さんに「東京きたら売ってると思ってたんだけど、日食グラスどこで買えるの?」と聞か...
- 数日前に届いた、Vixen(ビクセン)の日食グラス。 種類いろいろあるみたいなんだけど、ネットで検索していたら、これがよ...
- 自宅でカクテルを作って楽しむ「おうちカクテル」。 楽天ブログ内にそのスタッフブログが立ち上がっていますが(自分も動画関連...
- 先月、久しぶりにau携帯を買った。 4年前からウィルコムユーザで、今のアドエスと番号が気に入っているのでこの後もメインは...
- 報道ステーションの特集「今治タオル・・・存続の危機から奇跡の復活へ~究極の肌ざわりと環境配慮で世界一を目指す」を見ていた...
- ニュージーランド航空は、機内で流す「安全ガイド」を乗客に確実に見てもらうための新たな試みを始めている。 国内線のボーイ...
- おととい、三洋電機のエネループ・ブロガーミーティングに参加してきた。びっくりしたのは、冒頭で司会カイさん@AMNの「エネ...
- 今日のエネループ・ブロガーミーティングで見た、三洋電機の新製品「エネループランプ」。最初見た時、単にお洒落なインテリアラ...
- モラタメで「ウコンの力」のお試しがあったので申し込んだ。 このシーズン、“取材”名目でビアガーデン回りしてる自分には、ウ...
- ここ1週間ほど、なぜか頭の中でリフレインしまくってます、この歌が。癖になる感じです。(自分も通っているエジプト舞踊スクー...
- 先日、1,050円のトライアルセットを使ってみたところ、鏡見てびっくり!さわってびっくり!なしっとりヘアになれたので、フ...
- とある知人が最近結婚した。 そのお祝いも兼ねての飲み会で、どでかいモンブランケーキが登場!!!
- 明日6月27日(土)から9月23日(水)まで、パシフィコ横浜で開催される「海のエジプト展」の開会式&特別内覧会の招待券を...
- 前にブログコメント欄で、熊本の「ビアガー電」なるものを教えてもらってから、いつか一度乗ってみたいなあと思っている、納涼ビ...
- 「自宅飲酒解禁」の日曜日にコンビにで買った「角ハイボールセット」。 面白いのは一緒に入っているグラスとジョッキの合いの子...
- 近所のコンビニで「角ハイボールセット」を見つけ、購入。 外では飲む機会が増えているけど、家では、昨年ハイボールナイトでお...
- 品薄中に「マスク買い集め奨励メール」配信で批判も集めた楽天市場。


買って損はしないでしょう
サンプルが・・・?





す、すげー。私は工程でいうと最近は6までやってなかったよ。あとはプログラマまかせ。まあ、その後のバグだし、スケジュール管理はやってたけどね。
自分のためにも勉強しておこうかな
投稿者: おーば (2007/01/29 13:53:27)