はげちゃんの世界

人々の役に立とうと夢をいだき、夢を追いかけてきた日々

Web頁作成法 内容紹介 

HTML4.0とCSSを使って作成した最初のWebページをアップロードしたのは2000年12月27日でした。この経験をもとに、簡単なWebページの作成法を公開しています。17年10月よりHTML5.0とCSS3の講座を開始しました。

中級講座7.Webページ北海道米の謎

北海道は北緯42度以上の亜寒帯に属し、江戸時代までは日本一の長さだった石狩川が蛇行しながら湿地帯を作り、石狩平野には農耕不適な泥炭層が広がっていました。弥生時代のない北海道で、食味ランキング「特A」を獲得した米が誕生したのはなぜでしょう。

トップへ戻る

中級講座6.Webページ蒙古軍撃退の謎

1274年に世界最強とされたモンゴル軍3万の兵が博多湾に攻め寄せ、1282年には14万もの大群で再び押し寄せましたが、二度とも暴風雨で壊滅しました。蒙古軍は神風と呼ばれた暴風雨が撃退したのでしょうか。

トップへ戻る

中級講座5.Webページ卑弥呼の謎

倭人の発音を伝え聞いた陳寿は、魏志倭人伝に「邪馬台国」や「卑弥呼」と漢字で表記しました。私たちは「やまたいこく」や「ひみこ」と学びましたが、当時の倭人の言葉は正確に伝わっていたのでしょうか。また、魏志倭人伝は正確な歴史書なのでしょうか。

トップへ戻る

中級講座4.ホームページの作成

ウエブページの原版をコピーして、ウエブページの表紙にあたるホームページを作成します。ほとんどはコピー&ペーストで作成します。小中学校と高校で日本史を学びましたが、様々な資料を調べるたびに真実が見えてきます。

トップへ戻る

中級講座3.スタイルシートの作成

ウエブページのレイアウトはスタイルシートで指定します。スタイルシートは英語で記述しますが、説明を読みながらコピー&ペーストすることで意味がわかります。あなたが再利用しやすいように、独立したスタイルシートファイルにしました。

トップへ戻る

中級講座2.Webページの原版作成

あなたのパソコン内にウエブページをつくる作業を開始します。専用のフォルダーを作成し、ホームページをつくるためのソース原版をエディタにコピーして保存します。ソースの解説を読みながら、最少必要事項を入力してウエブページの原版を完成します。

トップへ戻る

中級講座1.HTML5のWebページ

初級講座をマスターされた方は、最新のHTML5とCSS3でWebページづくりに挑戦しましょう。初級講座よりも若干複雑な構造ですが、時間をかけて可能な限り簡単な作成方法を考えましたので、最新の技術を一緒に勉強していきましょう。

トップへ戻る

初級講座6.最終ページの作成

ウエブページの最後のページもほとんどはコピー&ペーストで作成し、スタイルシートで指定した位置に写真を表示させます。あなたの思い出を入力するコーナーもあります。ウエブページをつくろうと思った時がチャンスです。いつやるの、いまでしょ!

トップへ戻る

初級講座5.中間ページの作成

あなたのパソコン内につくるウエブページは、表紙のホームページ、中間ページ、最終ページの3ページです。中間ページもコピー&ペーストで作成し、スタイルシートで指定した位置に写真を表示させます。あなたの思い出を入力するコーナーもあります。

トップへ戻る

初級講座4.ホームページの作成

ウエブページの原版をコピーして、ウエブページの表紙にあたるホームページを作成します。ほとんどはコピー&ペーストで作成し、スタイルシートで指定した位置に写真を表示させます。写真を使う場合のマナーである著作権についても知っていただきます。

トップへ戻る

初級講座3.スタイルシートの作成

ウエブページのレイアウトはスタイルシートで指定します。スタイルシートは英語ですが、説明を読みながらコピー&ペーストすることで意味がわかります。あなたが再利用しやすいように、独立したスタイルシートファイルにまとめて記入する方法を取ります。

トップへ戻る

初級講座2.Webページの作成開始

あなたのパソコン内にウエブページをつくる作業を開始します。専用のフォルダーをつくり、ホームページをつくるためのソース原版をコピーします。英語で書かれているソースの解説を読みながら、最少必要事項を入力してウエブページの原版を完成します。

トップへ戻る

初級講座1.Webページの予備知識

あなたもWebページをつくりましょう。決められたタグと簡単な文法で文章や画像を表示させ、レイアウトはスタイルシートで整えます。多くの失敗を基にして、可能な限り簡単な方法を考えました。「へ~え、そうやるの。」ぐらいの気持ちで読んでください。

トップへ戻る