| (１) | 内容を決める
ホームページを作成したいと思った時点で、漠然とした内容は既に
思い浮かべていると思いますが
具体的な内容をリストアップしてみます
順序立てて
なるべく具体的に
(できれば)見る人が興味を持つ内容で
| ［例］このサイトの場合
(ａ)趣味の記録、(楽しさ・失敗談を伝える)
(ｂ)雑多な内容を集めたオムニバスなもの、
分野毎に独立させ階層構造としました
・園芸(植物を育てる)関係
ミニカトレア・サボテン・果樹
・コンピュータ関係
サブノートPC・マイコン（PICなど）
・カメラ・写真関係
カメラ・立体写真・パノラマ写真
・ホームページ関係
作り方・アニメーションGIF
・車関係
旧車(レストア)・エコな車(EV,PHV)
・エコ・DIY 関係
ソーラーハウス・エコの工夫DIY・メンテ
|
| (２) | デザインを決める
(ａ)見た目のイメージ
シック（上品な、あか抜けした、粋な、落ち着いた）
ポップ (popular の略)（軽い、気取らない、ごちゃ混ぜ感覚の）
(ｂ)視覚(ビジュアル)に訴えるか、主に文字で記述するか？
(ｃ)画面のサイズ
ノートPCでも XGA(1024×768)以上が主流なので幅 1024を想定し
ブラウザの表示枠・縦スクロールバーを考慮して幅 1000ピクセル
以下が望ましい様です
|
(ａ)落ち着いた感じ（背景を濃いグレーに）
(ｂ)写真や画像を多用して分かり易く
(ｃ)XGA画面表示に合わせて 幅 960ドット
過去ページは VGA:580、SVGA:750ドット
|
| (３) | 構造を決め、素材を集め、内容を作成する
(ａ)ページの枚数・構成を決める
最初は少数のページからスタートし、都度追加して行きます
(ｂ)HTMLファイルや画像ファイルを置くフォルダ構成を決める
HTMLで参照するため予め決めておく必要があります
(ｃ)内容を記述するための情報や素材を収集する
|
(ａ)現在はトップページ(目次のみ)の下層に
10テーマのサブページとその下層に
数十ページの個別ページで構成しています
(ｂ)HTML記述やメンテナをし易くするため
フォルダーを階層構造にする
(ｃ)画像は、撮り貯めた写真から選んだり
足りないものは撮影する
記載内容に間違いがないか、検索で確認し
参照情報(Wikiなど)を Linkで貼り付ける
|
| (４) | その他、盛り込みたいもの
(ａ)SSL暗号化通信
(ｂ)アクセスカウンタ(サイトのアクセス数)
(ｃ)ファビコン(タブの先頭に表示されるサイトのマーク)
(ｄ)連絡方法の表示(Link)
メールアドレスを単純に文字で記述すると、
おかしなメールが来るので工夫が必要です
［例］<old.and.ordinary gmail.com>
＠マークを画像にしているので、ロボットはメールアドレスと
認識しないが、コピペした場合は「alt="@"」を拾って
＠マークが入った文字列が得られる
フリーメールに「自分のメールアドレスに転送」を設定
|
(ａ)FC2の場合、基本設定でSSL有効にする
(ｂ)FC2カウンターサービスを利用
(ｃ)ロゴマークを作成し設定  
(ｄ)今時、BBSは古い様なので自E-mailや
SNS 自サイトへのリンクを貼り付けて
連絡が取れる様にします
facebook に実名登録している場合は
注意が必要です
|
