速習HTMLの進め方

このサイトについて サイトマップ


アフィリエイトで稼ぐのは厳しい速習HTML⇒進め方について


第2章速習HTMの進め方について

この文字をクリックするとサンプルダウンロード出来ます。


|→ウェブページの土台を作る


★1週間でマスターすることを目標として進めます★


第2章速習HTMLへようこそ。第1章とは趣を変え、HTMLを速習できる章にしました。

必要なものは、テキストファイルを作成するメモ帳と画像編集ツールです。メモ帳はシステム標準で
インストールされていますので、問題無いと思います。

画像編集ツールは画像を切ったり貼ったりする為に使用します。多分、お持ちではないかと思います。

あっ、もうひとつ必要なものありました根性ヾ(^-^;) ゴメンゴメン

●進め方

@HTMLとスタイルシートを並行して進めます。また、後々の為、スタイルシートは外出ファイルとします。

Aサンプルサイトを順番に少しずつ作成して、最後には完成したものが残る様な進め方です。

B必要な画像ファイルもサンプルで用意してあります。

Cサンプルサイトは「野辺山高原の四季」で、内容は架空のもので、ページ間の内容も
整合していません。sorry

トップページから個別の2個のページへリンクする構成です。トップメニューから遷移させます。
トップメニューの1個は、閲覧者からサイト管理者宛てのメール送信に使っています。


●ファイル名や拡張子

・index.html:トップページのhtmlソースです。

・about.html:牛乳工房についてのページhtmlソースです。:工房や周辺案内です。

・event.html:イベント案内ページhtmlソースです。:季節のイベントの案内です。

・title.gif :トップページ最上部の画像
・top.gif:トップページ中央部の画像
・pic1.gif :牛乳工房ページの最初の画像
・pic2.gif :牛乳工房ページの2番目の画像
・pic3.gif :牛乳工房ページの最後の画像
・mark.gif:牛乳工房ページの見出しもマーク
・back.gif:見易さ考慮して背景に模様をつける為に使用

・style-css.css:スタイルシートです。


●出来上がりのイメージは下図の通りです。

また、この第2章の最終ページにはサンプル内容の一括ダウンロードがりますので、
自由に使用して下さい。

細かい事は大幅に割愛しましたので、適宜、他サイトや本で補完して下さい。


サンプル





関連記事


もしも「今からアフィリエイトをやろう、稼ぐ。」 と考えているのでしたら、悪い事言いません。
本格アフィリエイトを断念して趣味+αにするか、本格的に勉強をするかのどちらかにした方が良いです。
アフィリエイトに必要なもの、事。それほど多くは有りません。
インターネットに接続されたパソコン、ASPに登録申請、ドメイン取得、レンタルサーバ、ブログ登録&投稿、サイト作成&サーバアップ、検索エンジンインデックス、地道なSEO。
ASPにアフィリエイト登録して初めてアフィリエイトが可能になります。
各ASPともアフィリエイト登録申請時にサイトかブログを提示して審査を受ける必要があります。
アフィリエイトサイトの同一ページに異なるASPの広告を並列同時掲載することもできます。
何とかサイトを作成してレンタルサーバにアップしても、そのままだと大海の孤島で誰も存在を知りません。
すぐ検索エンジンに登録して下さい。キャッシュとかインデックスとか言ってます。
携帯やスマートフォンなど、その時の最先端向きアフィリ教材もありますが、スタリも早くなります。
時代やツールが変っても、商材選定〜サイト構築などの取組み方や思考は変りません。
その辺りを詳しく解説しているものを選定しました。