HP作りの基本
私がHPつくりで失敗したこと、学んだこと
- HPでは絶対に英数小文字入力(ファイル名・画像名)
(私は画像ファイルに日本語をつけていてアップできなくて困りました・・
なぜ?原因が分からず困ってました・・先生に聞くと基本中の基本だといわれました・・(-_-;)
なので基本はしっかりと見につけようと思いました)
(ファイル名に少し空白があったためにアップが出来なくて・・これもまた基本中の基本でした・・)
- ビルダーの設定は2台のパソコンでする場合は個別に設定しておくことが必要・・
(個別にしていなくて、GENERATORが入ってしまったり、どちらのPCも同じように設定していなくてややこしくなったりしてしまいました・・)
- 機能を良く知り使いこなすようにする
(更新をしていく中で楽しみを見つけて色々な機能を使いこなすことでビルダーの機能をフル活用して
自分なりのHPが出来上がっていきます)
使いこなせないと更新が遅れたり、めんどくさくなったりして折角作り上げていっていたものが挫折してしまう
覚えていたらいいこと
- ツール→オプション→ソース編集 →出力文字
タグ=小文字(ビルダーの場合は大文字)
属性=小文字(ビルダーの場合小文字)
- オプション→ファイル(保存オプション) (バックアップファイルを作成するのチェックをはずす)
- 文字エンコード (自動)
- HTMLソースにGENERATORを組込むのチェックをはずす(ビルダーバーション○で作ったと表示されるから・・)
(ツール→オプション→ファイル→HTMLソース)
- ビルダーに使用するフォルダやファイルの名前は英数小文字8文字程度で作成すること
- タグ(ソース)を見て、タイトルを付けておくこと
- 画像には代替テキストを必ず付けておくこと
- webアートデザイナーで画像の配置の下書きを作ってみるといい。
- back、topなどのアイコンは操作しやすいように縦置きなら右側に、横並びなら中央に置くと操作しやすい (マウスの動作が簡単)
常に見やすく、分かりやすく、操作しやすいように作ること
- テーブル(表)を使ってWEBページのレイアウトをするといい (テーブルを活用することで見栄えの良いHPが出来る)
- テーブルの中に字を入れて枠なしにして背景を白にすると背景の画像と重ならなくて見やすくできる
- テーブルの中で長い文章は属性のところで%で幅を設定変更すると良い。
- 別のウィンドウで開くようにするにはリンクの属性でターゲットを新しいウィンドウで開くに変更しておく
- ラベルをつけるとその部分に飛ぶことが出来る
リンク先を指定して、リンク先の画像、文字、文章などの属性でラベルをつける。リンク元の画像、文字、文章の属性でリンク先を選ぶ。
- 文字はフォーカス枠(段落)に入れていくこと(段落を変えるときはシフト+エンターで改段される
覚えていると便利で効率がよくなるショートカット一覧です(^^)v
HPの作り方
- テーマを考える
- 内容を考える
- レイアウトを決める
- サイトのイメージを(構成)を考える
WEBサイトのトップページを作る
(サイトから開く→サイトの編集をしていく)
(私はビルダーの左上のファイルから開くをしていて、サイトにつながらなかった経験があるので必ずサイトを開くから編集していくほうがいい・・)
- 自分が経験したことで大事だと思ったことを記録のような感じでHpに載せていくことが出来たらうれしいなあと思って作っていっています。
- HPを作るソフトの機能をフル活用して色々と見栄えやレイアウトを考えるのがとっても楽しみです。
- 内容を考えるのはなかなかまとまった時間がないと出来ないけれど、日常で思いついたことをメモってHP更新に役立てています。
-
-
そろそろスタイルシートも勉強して、見栄えの良い、見やすいHpを作りたいな・・
気長にお待ちください!m(__)m
・参考文献