ホームページの更新をほぼ終えました
始めに
私は、ロリポップ!のレンタル・サーバーを利用してブログを投稿しています。
ホームページも、このレンタルサーバーの利用を開始します。
本日、やっとの思いで、コンテンツの見直し、レイアウトの変更、及び、サーバーへのアップも終えました。
いつも、ホームページを作成、更新後、あの時、どのようなデザインだったけ?と、直ぐに忘れ、次回の更新時、二度手間ばかりでした。
今回は、私なりに各々の寸法、各々のブロック化を忘れないように、投稿します。
レイアウト
概略的な値を、記載します。尚、図は、Publisherで、用紙サイズをカスタマイズした値で、作成し、その後、ファイルにした絵です。
諸々の図書で紹介されているような表示ではありませんので、ご了承の程を・・・
構成
尚、<textarea></textarea> で表記させたいのですが、うまく表記させることができません。
下記のテキストファイルと合わせて紹介します。
ホームページの構成
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”>
<head>
<meta name=”google-site-verification” content=”Googleより取得した値” />
<meta name=”msvalidate.01″ content=”Bingより取得した値” />
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”content-script-type” content=”text/javascript” />
<title>栃木の自然派人間 | オフィス菜のホームページ – オフィス菜について</title>
<meta name=”copyright” content=”Copyright 2010-2012 オフッス菜 (Office SAI)” />
<meta name=”auther” content=”小生の氏名” />
<meta name=”robots” content=”index nofollow noarchive” />
</head>
<body>
<!– 全体の区切り //–>
<div id=”wrapper”>
<!– ヘッダー //–>
<div id=”header”></div>
<!– コンテナ – contentsとsideExtraのブロック化 //–>
<div id=”container”>
<!– contents – mainとsideBarのブロック化 //–>
<div id=”contents”>
<!– メイン //–>
<div id=”main”></div>
<!– 左サイドバー //–>
<div id=”sideBar”></div>
</div>
<!– この部分が、contentsの最後 //–>
<!– 右サイドバー //–>
<div id=”sideExtra”></div>
</div>
<!– この部分が、containerの最後 //–>
<!– フッター //–>
<div id=”footer”></div>
</div>
<!– この部分が、全体の区切りの最後 //–>
</body>
デザインとして
- sideBar
- 左サイドバーで、目次的な内容を格納
- 幅 170 px
- main
- 可変幅とし、min-wodthを910 px とした。
- sideExtra
- 右サイドバーで、検索窓やフロントの場合は、カウンタを表記
- 各々の頁のトピックス的な内容を記載
- 幅 160px
- 各々の間隔
- 10 px
残りの作業として
諸々のブラウザにて、意図したように表示されている感じでしすが、徐々に再確認を行っていく予定です。
一方、Ubuntu における確認も、寛大なる協力をして頂けるお客様宅にて、私のパソコンを持ち込み、確認する予定。
基本的に、次の内容を作成すれば、今回の業務は、終了と思っています。
- Google と Bing 関係のサイトマップ作成 (再確認の業務)
- robot.txt の内容と保存場所
- このブログの関連コンテンツよりのリンク
-
SEO/SEM 関連の業務。
この投稿の改定履歴
- 2015年12月03日
-
広告のリンク先を変更
Yahoo!リスティング広告の利用を中止した - 2012年2月5日
- 新規投稿
Bing Webmaster のキーについて 利用するブラウザについて