https://helpfan.jp

 

SiteTitle

Title（h1要素で作成しています）

これは本文のサンプルです。
このテンプレートは、写真など大きめの画像を扱うサイト向けに作成されています。
見せたい写真をトップページに大きく配置できるように設定しています。
写真についての詳細を下に書き込む場合は、h1を日付またはタイトルにして、pタグ内にテキストを表示させると見やすいかと思います。
また、テキストや画像の配置をある程度決めておくと、更新時にも楽です。
トップ画像の枠は800px固定です。出来る限り800pxで設定してください。

写真を800pxに縮小する方法
デジカメのオマケでついてきたソフトや、Windows付属の「ペイント《などで拡大縮小・サイズ指定ができます。
やりかたがわからない場合は、googleで「windows 付属 ペイント　写真加工《と入力して検索してみてください。
ペイントでどんなことができるか、いろいろな人がページを作っています。
それ以外のソフトはVectorや窓の杜、フリーソフト100で「画像加工・縮小専用《などのキーワードで調べてみてください。サイズ変更だけなら無料で利用出来るソフトもたくさんあります。

zipファイル内には、
HTMLファイル6（うちフレームページ用HTMLファイル2）［index.html/about.html/photo_frame.html（フレームページ。 photo_a.html/photo_b.html ）/link.html］
CSSファイル1［base.css］
imageフォルダ（画像サンプルファイルが入っています）

ブログは忍者ブログでレンタルできます。
HTMLファイルは基本的にCSSファイルで制御しています。
サイトにアップロードする場合は、CSSを含め全てのファイルを（自分用に修正して）アップロードしてください。
画像ファイルはサンプルですので、自分が撮った写真などに差し替えてください。

構成
インデックスページ（index.html）
　L　プロフィールやサイト紹介など(about.html)
　L　写真またはテキストなど（photo_frame.html）
　　L 　photo_frame.html構成HTMLファイル(photo_a.html photo_b.html)
　L　ブログを持っている場合はブログへのリンクを作成してください。そうでない場合は削除、別の吊前に変更するなど、適宜自分のサイトにそったかたちに変更してください。
　L　リンクページ（link.html）　
　―HTMLの表示を制御するCSSファイル（base.css）
　―HTMLで使用する画像が入っているimageフォルダ

※CSSファイルや画像フォルダの位置を変更する場合は、必ずHTMLのパス（./image/pic.jpg　など、画像の位置を設定した場所）を書き換えてください。

Title2（h2要素で作成しています）

h1よりもh2の方を大きめに指定しています。フォントの色は同じです。
色を調整したい場合は、CSSを修正してください。

Title3（h3要素で作成しています）

aboutページを別のページに作成するほどでもない、という場合は、ここにaboutやちょっとした注意事項などを追加してください。
その上で、aboutのリンクを「Title３《の文字にページ内リンクしてください。
ページ内リンク　がわからない場合は、「ページ内リンク《とgoogleで検索してご確認ください。