準備が出来れば次に素材の作成と収集を行います。グラフィックソフトを使ってロゴを作ったり、写真等を加工したりします。その場合注意しなければならないのはサイズの調整です。どうしてもＧＩＦやＪＰＥＧはサイズが大きくなりダウンロードに時間がかかるようになりますから、大き過ぎないようにする必要があります。逆に崩れてもいい素材は小さく作って拡大して使用してもいいと思います。ダウンロードサイズは表示サイズではなくてデータのサイズですから、大きいものをサイズ調整で縮小して表示するなんて無駄なことです。またそのためにも表示単位はピクセルで行うべきです。後は壁紙やボタン等を作成したり、素材集から拾い出したりして収集してフォルダの中に納めます。その場合コピーしたりしますがそのファイルの名前をあらかじめ自分で考えていた名前に変えておいた方がこれも後々楽です。そしてこれはルール違反（？）ですが、素材集の素材の色やサイズ等が気に入らない場合、ファイルのプロパティで読み取り専用をアーカイブに変更すればグラフィックソフトで加工出来ます。それともう一つ保存する場合、フォルダの名前も一緒ですが必ず半バイトの英小文字で名前を付けなければなりません。

参考）私の主にホームページ作成で使用するグラフィックソフト
　　　　　　Adobe Photo Deluxe,Adobe Photoshop,Micrographics Windows Draw

　全部用意できたらまず開始ページの作成にかかります。ここでまず考えなければならないのは基本的な画面サイズです。ホームページを見る人のハード環境はまちまちです。解像度自体ミニノートを除いても 640×480、800×600、1024×768、1280×1024、それ以外も有りますが一応４種類あります。カラーも同様です。インターネットでホームページを見ていても文字が小さすぎてフォント調整しなければならないページがあるように、こちらで或る程度の前提が必要です。私は一番無難な800×600を基準にレイアウトしています。しかしそれでも納まらずに1024が必要な場合もあります。（以前は600×480が多かったですが最近は800×600あるいは、1024×768を推奨するサイトが増えて来ています。）他の解像度では多少見にくいかもしれませんがなんらかの妥協点は必要です。もともとブラウザによっても見え方は大きく変わりますから、これからの新しい技術に期待するしかありません。

　まず最初に自分で考えたレイアウトにオブジェクト等を配置していきます。レイアウトはセンタリング、右寄せ、左寄せがありますが、その他に便利なのがテーブルの利用です。テーブルとは画面の中に表のようなものを入れて、その中に文字・オブジェクトをレイアウトする方法です。そうすれば全体のレイアウトが崩れずに調整出来ます。テーブルの線や枠も太さを自由に変えれますし、０にすれば表示されません。またテーブルの中にテーブルを入れたり、テーブルの１マスごとに色を指定できます。列や行の挿入・削除も自由自在です。その上テーブルごとに文字・オブジェクトのセンタリング、右寄せ、左寄せ、上付き、下付き等調整出来ます。ただし文字等の入っていない場合なんらかの文字等を入れなければブラウザによってはその部分が欠けたテーブルになってしまいます。
　文字の挿入についてですが１行ならいいですが数行にわたる文の場合ＴＴの方がきれいにレイアウト出来ます。ただしＴＴの場合実際の表示サイズは少し小さくなります。また文字の大きさや色、太さ、斜体等の処理もワープロとほとんど同じ感覚で行えます。改行については Enterで行えば１行分のスペースが空きますし、Shift+Enterで行えば詰めて改行されます。
　背景はあらかじめ用意したファイル（素材）を指定すればそれがタイル状に並べられますが、カスタムカラーで色指定してカラーのバックにする事が出来ますしその方が軽いページに仕上がります。ただし全体的にいえることですが、色は受信する人のモニターの設定、モニターの能力によって大きく変わります。あくまでも一つの目安です。２５６色からフルカラーまでありますから。(ただ２５６色がWindowsでもMACでも同じように表示される安全色と言われています。)
　ページが出来上がれば最初のフォルダに開始ページの名前（index.html等）を付けて保存します。他のページも同じように作成しまえもって決めていた名前を付けてそれぞれのディレクトリのフォルダに保存します。

　各ページが出来上がれば仕上げと調整になります。まず最初のページから開きそれぞれどの文字・オブジェクトでリンクをさせるのか確認します。そして文字の場合はドラッグして反転さして、オブジェクトの場合は単純に選択して、次にリンク先のフォルダ名をリンク先を書き込む欄（ソフトによって場所が異なる）に書き込みます。そして Enterを押せば完成です。書き込む要領は以下の通りです。　　　　　　　　　　　　　　　　　　

　なお文字でのリンクの場合標準でいいですが、オブジェクトでのリンクの場合枠線の太さを０にしなければオブジェクトの周りに青い枠が出来てしまいます。
　その他フレーム処理や同ページ内でのアンカーリンク、画像へのリンク等各種の技法がありますがそれらはソフトによって微妙に違いますのでここでは省きます。ただリンクの場合、殆どのソフトはドラグアンドドロップに対応しているようで、リンク元を選択してそこにマイコンピューター等からリンク先のファイルをドロップするだけで設定できます。

　またフレームの場合注意しなければならないのはそのリンク先をそのフレームだけにするのかそれともページ全体にするのかそれとも新しい別のウインドを開くのかで設定が異なります。途中のリンクでうっかりリンク先に"index.html"とか指定してしまうとフレームのなかにもうひとつフレームが出来てしまいます。

　動作確認が済めばあとはプロバイダのサーバーへのアップロードです。アップロード機能は最近のソフトには大抵付いていますので、設定項目を間違いないように入力しサーバーの自分のホームページのディレクトリーの中の指定のフォルダ（大抵 public_html）にアップロードします。最初は一括アップロードが簡単だと思います。
　私の使用しているソフトPageMillには現在一括アップロード機能しか有りませんので、後述のファイルごとの変更にはWS-FTP Proを使用しています。
　ただしアップロードも、なかなかすんなりとは行きません。自分の通信環境、プロバイダーのサーバーによってアップロードを始めても途中で止まってしまったりします。
　なお Windows98を導入し、TAの接続を　USB経由にしてからは何故か相性が良いのか下記の苦労は無くなり、すべてデフォルトの設定のままでアップロード出来るようになりました。

　(以下最初の頃の状況)
　私の場合ＩＳＤＮで通信していますが、私の場合での試行錯誤の結果の設定を説明します。ややこしいですけれどまずマイコンピュータのプロパティのデバイスマネージャーを開き、その中の通信ポートの詳細設定で送信バッファサイズを下から２番目にまで下げています。これはアップロードの時だけで、日常のインターネットは標準でやっています。
　そしてアップロードするおりにファイルのサイズによってＷＳＦＴＰのプロパティの高度な設定でネットワークバッファサイズの転送サイズを変えています。だいたい８ＫＢ位がくぎりで、それより大きなファイルの場合は１０２４、小さなファイルの場合は５１２に切り替えてやっています。多少面倒ですがいろいろと試してみた結果、これなら殆どエラーが無く（たまには起きますが。）アップロード出来ます。ただしこれはあくまでも私の場合であって、他の方に共通する方法ではないかもしれません。それぞれ自分の通信環境に合った方法を試行錯誤して自分なりの設定を決める必要があります。)