［1日更新］HTMLコーディングの準備作業
この記事だけ書いたら、今日は寝ようと思う。
とりあえず、明日目が覚めたらすぐHTMLコーディングに入れるよう、少し準備作業だけやっておくことにした。
【楽天ブロードバンド】月額2000円～ 楽天スーパーポイントが毎月貯まる！
まず、これまでの構成案は、画像編集ソフトFireworksで「絵」として書いてしまっているので、大きさやスペースを調整。
そのため、「ガイド」を何本もひっぱって、ピクセル単位で小見出しや枠を動かしてゆく。
黄緑色の線が「ガイド」。
メニューで「ガイドに吸着」を選択しているので、これを使うと、画像やテキストなど動かしやすい。
次に、パワーポイントにこの構成案を貼り付けて、スタイルシートで配置や大きさ、色などを指定する際に、なんていうID名・CLASS名にするかを書き込んでゆく。
普段はここまではやらず、HTML書きながら適当に決めてゆくんだけど、今回は、数ヶ月後にMT化することを考えているので、その時にすぐ思い出せるよう、なんちゃって設計図として残しておくことにした。
このあたりの作業をしっかりやってからHTMLコーディングに入ると、途中で幅や余白・マージンなどをいくつにすればいいのかわからなくなり、何度もブラウザに表示させながら修正したり・・・という手間が省け、スムーズに最後までいける。
ということで、今日はここまで。
明日外出までに全ページのコーディングを終わらせたいな。
いや、明日は平日だからお仕事しなくちゃだめか。
どっかで暇を見つけてちょこちょこ進めていこう。
「日記・コラム・つぶやき」カテゴリの記事
- 日食グラスを販売しているお店(2009.07.07)
- 表参道に「MoMAデザイン・ストア」OPEN(2007.12.12)
- ハッピー・ウェディング♪(2009.06.27)
- ショッピングサーチ・アラジンの本社訪問(2006.10.18)
- 楽天市場でのマスク販売に絡む騒動その後(2009.06.21)
すごい！感激しました。
自分ではこれまであまりサイトロゴをちゃんと作っていなかったのですが、サイトロゴをちゃんと作るっていいなぁと思いました。
それから、デザインの設計図。私はいつもHTMLを書いて表示させて、修正してもう一度表示させて、としているので、こういうこともできるという発見しました。
投稿者: のらり (2007/01/29 12:13:29)
とことこ散歩さん、
ありがとうございます。
私も普段は割りと適当にその場の流れでやっているのですが、
今回はちょっと、ブログで実況中継という試みもあって、かちかちと進めてみました。
> それにしてもサイト直しで忙しいのに、ブログにもここまで記録しちゃう
ブログ記録してなかったら、多分コーディングまで終わってましたね（笑
のらりさん、
サイトロゴ、自分も素人なのでたいしたものは作れないのですが、本を買ったら、自分でも作れそうなのがいろいろ載っていて、それ以来楽しくなりました。
なかなか面白いですよ！
投稿者: わだ (2007/01/29 12:48:14)
内容に関連性のある記事からのトラックバックは歓迎です。記事内リンクも特に必要ありません。過去交流のないブログでもまったく問題ありません。
ただし「単に部分的なキーワードつながり（関連性が薄すぎ）」「自動で大量トラックバック送信」「自身がトラックバックを受付けていないブログからの一方的なトラックバック」は、削除します。
- 大変です！！！ なんと「５」がでてしまうそうです。 MT4.Xにしようかどうしようか悩んでいるあなた！ もしくは勇気を出...
- たぶん一般募集では初かなと思うんだけど、結婚相談所大手のオーネットが、今月末、アフィリエイトを対象とした婚活セミナーを開...
- 週末うちに（突如！）遊びにきてくれた夢子さんに「東京きたら売ってると思ってたんだけど、日食グラスどこで買えるの？」と聞か...
- 数日前に届いた、Vixen（ビクセン）の日食グラス。 種類いろいろあるみたいなんだけど、ネットで検索していたら、これがよ...
- 自宅でカクテルを作って楽しむ「おうちカクテル」。 楽天ブログ内にそのスタッフブログが立ち上がっていますが（自分も動画関連...
- 先月、久しぶりにau携帯を買った。 ４年前からウィルコムユーザで、今のアドエスと番号が気に入っているのでこの後もメインは...
- 報道ステーションの特集「今治タオル・・・存続の危機から奇跡の復活へ～究極の肌ざわりと環境配慮で世界一を目指す」を見ていた...
- ニュージーランド航空は、機内で流す「安全ガイド」を乗客に確実に見てもらうための新たな試みを始めている。 国内線のボーイ...
- おととい、三洋電機のエネループ・ブロガーミーティングに参加してきた。びっくりしたのは、冒頭で司会カイさん＠AMNの「エネ...
- 今日のエネループ・ブロガーミーティングで見た、三洋電機の新製品「エネループランプ」。最初見た時、単にお洒落なインテリアラ...
- モラタメで「ウコンの力」のお試しがあったので申し込んだ。 このシーズン、“取材”名目でビアガーデン回りしてる自分には、ウ...
- ここ１週間ほど、なぜか頭の中でリフレインしまくってます、この歌が。癖になる感じです。（自分も通っているエジプト舞踊スクー...
- 先日、1,050円のトライアルセットを使ってみたところ、鏡見てびっくり！さわってびっくり！なしっとりヘアになれたので、フ...
- とある知人が最近結婚した。 そのお祝いも兼ねての飲み会で、どでかいモンブランケーキが登場！！！
- 明日6月27日（土）から9月23日（水）まで、パシフィコ横浜で開催される「海のエジプト展」の開会式＆特別内覧会の招待券を...
- 前にブログコメント欄で、熊本の「ビアガー電」なるものを教えてもらってから、いつか一度乗ってみたいなあと思っている、納涼ビ...
- 「自宅飲酒解禁」の日曜日にコンビにで買った「角ハイボールセット」。 面白いのは一緒に入っているグラスとジョッキの合いの子...
- 近所のコンビニで「角ハイボールセット」を見つけ、購入。 外では飲む機会が増えているけど、家では、昨年ハイボールナイトでお...
- 品薄中に「マスク買い集め奨励メール」配信で批判も集めた楽天市場。
（一覧）
おおお、おもしろかったです！
一気読みしちゃいました～！
そういえば今まで「こんな感じで～、ここはこんなんで～♪」と適当にサイトを作ってました。ｱﾊﾊ(^^;)
いろいろやれること、やるべきことがあるんですね。
参考になりました。
それにしてもサイト直しで忙しいのに、ブログにもここまで記録しちゃう和田さんの素早さはやっぱりすごい～！
投稿者: とことこ散歩 (2007/01/29 8:40:49)