[1日更新]中身ページのコーディング方針
うかさんが、「アフィリエイトインテリジェンス」で、今回のリニューアル実況中継の記事を紹介してくれた。そしてさらにこんな記事。
【楽天ブロードバンド】月額2000円~ 楽天スーパーポイントが毎月貯まる!
ヘッダー部分はヘッダー部分で崩れのないようにチェックしながら完成させる。2段組部分は2段組部分で崩れのないようにチェックしながら完成させる.....といった感じで作業を進めていくと、もし崩れが出てしまった場合でも、その原因は今作業している部分(ヘッダー部分の作業をしていればヘッダー部分)にあるわけで、余計なところをチェックしなくてすみます。
確かに。
とくに、自分のようにまだスタイルシート知識が十分じゃない場合、崩れた時、「どの時点で過ちが起きたのか」できあがってしまった後だと、見当がつかず、検証作業が大変になる。で、場当たり的にいろいろ数値を変更していたら、あるとき突然「あ、うまくいった」という感じの修正方法。
各ブロックの幅指定が間違っているのかと思ったら、
単に、2つの画像がぶつかりあって内側から膨らんでしまっているだけだったり・・・。
土台を組む。
しっかり土台が組めていることを確認したら柱を立てる。
柱がまっすぐ立ったことを確認したら壁を作り、
そして最後に内装に着手する。
そんな、ステップ毎に確認作業をしながら堅実に進めていくやり方のほうが、
知識もつきそうだし、効率的だ。
中身ページのコーディングは、うか流でやってみようと思う。
なにはともあれ、マックでB5ノート(10.5型)でコーディング作業をするのは、なかなかしんどい。忍耐力はつきそうだけど、やっぱり大型ディスプレイがいい。
気づいたらもう日も沈んじゃっているし。
そろそろおうちに帰ろう。
(注:まだマック千石店にいます)
「日記・コラム・つぶやき」カテゴリの記事
- 日食グラスを販売しているお店(2009.07.07)
- 表参道に「MoMAデザイン・ストア」OPEN(2007.12.12)
- ハッピー・ウェディング♪(2009.06.27)
- ショッピングサーチ・アラジンの本社訪問(2006.10.18)
- 楽天市場でのマスク販売に絡む騒動その後(2009.06.21)
わださん、もの凄い企画やってますね(笑)
サイトを再構築しながらそれを実況するとは、その魂に熱いものを感じましたよw
ちなみに僕はたいした技術はないですが、やはりHTMLとCSSは同時に作ることにしてます。
理由はわださんやうかさんのように、キッチリ計画的にサイトを作ることが出来ないので、行き当たりばったりで作るにはその方がやりやすいからだったりしますが・・・w
投稿者: アフィリ (2007/01/30 23:22:44)
yuuさん、
私もちょい前まで、HTMLとCSSと同時に書いていたんですが、先に構成案を固めるようになってから、分離して作るようになっていました。複数ブラウザ表示確認、ここのところかなり怠惰になっていたので、今回しっかりとクリーンで正しいタグ記述をマスターしたいなと思います。
アフィリさん、
いえいえ、こんな企画にするつもりなかったんです。
3本くらい記事書いて、日曜日の夕方には完成して「ふふふ」とか画面見て笑いながら、祝杯ビールを飲んでいるはずだったんです。
なにやら長期戦になってきてしまいました。
ま、でもロフトベッド購入ナビは、ぼちぼち成果あげている残り少ないサイトでもあるので、ここらできちんとリボーンさせてあげようと思いました。
投稿者: わだ (2007/01/31 0:32:04)
内容に関連性のある記事からのトラックバックは歓迎です。記事内リンクも特に必要ありません。過去交流のないブログでもまったく問題ありません。
ただし「単に部分的なキーワードつながり(関連性が薄すぎ)」「自動で大量トラックバック送信」「自身がトラックバックを受付けていないブログからの一方的なトラックバック」は、削除します。
- 大変です!!! なんと「5」がでてしまうそうです。 MT4.Xにしようかどうしようか悩んでいるあなた! もしくは勇気を出...
- たぶん一般募集では初かなと思うんだけど、結婚相談所大手のオーネットが、今月末、アフィリエイトを対象とした婚活セミナーを開...
- 週末うちに(突如!)遊びにきてくれた夢子さんに「東京きたら売ってると思ってたんだけど、日食グラスどこで買えるの?」と聞か...
- 数日前に届いた、Vixen(ビクセン)の日食グラス。 種類いろいろあるみたいなんだけど、ネットで検索していたら、これがよ...
- 自宅でカクテルを作って楽しむ「おうちカクテル」。 楽天ブログ内にそのスタッフブログが立ち上がっていますが(自分も動画関連...
- 先月、久しぶりにau携帯を買った。 4年前からウィルコムユーザで、今のアドエスと番号が気に入っているのでこの後もメインは...
- 報道ステーションの特集「今治タオル・・・存続の危機から奇跡の復活へ~究極の肌ざわりと環境配慮で世界一を目指す」を見ていた...
- ニュージーランド航空は、機内で流す「安全ガイド」を乗客に確実に見てもらうための新たな試みを始めている。 国内線のボーイ...
- おととい、三洋電機のエネループ・ブロガーミーティングに参加してきた。びっくりしたのは、冒頭で司会カイさん@AMNの「エネ...
- 今日のエネループ・ブロガーミーティングで見た、三洋電機の新製品「エネループランプ」。最初見た時、単にお洒落なインテリアラ...
- モラタメで「ウコンの力」のお試しがあったので申し込んだ。 このシーズン、“取材”名目でビアガーデン回りしてる自分には、ウ...
- ここ1週間ほど、なぜか頭の中でリフレインしまくってます、この歌が。癖になる感じです。(自分も通っているエジプト舞踊スクー...
- 先日、1,050円のトライアルセットを使ってみたところ、鏡見てびっくり!さわってびっくり!なしっとりヘアになれたので、フ...
- とある知人が最近結婚した。 そのお祝いも兼ねての飲み会で、どでかいモンブランケーキが登場!!!
- 明日6月27日(土)から9月23日(水)まで、パシフィコ横浜で開催される「海のエジプト展」の開会式&特別内覧会の招待券を...
- 前にブログコメント欄で、熊本の「ビアガー電」なるものを教えてもらってから、いつか一度乗ってみたいなあと思っている、納涼ビ...
- 「自宅飲酒解禁」の日曜日にコンビにで買った「角ハイボールセット」。 面白いのは一緒に入っているグラスとジョッキの合いの子...
- 近所のコンビニで「角ハイボールセット」を見つけ、購入。 外では飲む機会が増えているけど、家では、昨年ハイボールナイトでお...
- 品薄中に「マスク買い集め奨励メール」配信で批判も集めた楽天市場。





私もうかさんとほぼ同じやり方です。
中身入れてからやるとソース多くなってよく分からなくなるんですよね(^^ゞ
全体レイアウトを手書きでざっと書いて、そこにclass、idなどをちょこちょこ書いてるんですが、作って増えていくうちにわからなくなるので、今回の画像パーツ作成は「なるほど」と思いました。
(特に画像って所が思いつきもしなくて新鮮でした(^^;)
Dreamweaverででもざっと全体レイアウト作成しておいたら、良さそうですよね。これからそうしてみます♪
CSSはほんとに困ったもんです。。
うちもSleipnirなんで、Firefoxで見るとかなりぐちゃぐちゃで・・
特にリストや行、マージンなんかが微妙に違うんですよね・・(T_T)
回り込みもまた色々と複雑で・・(苦笑)
私も見習って、今日の夜は頑張ります♪
投稿者: yuu (2007/01/30 17:55:46)