これから初めてHPを作ろうとしている人たちにとって、サイト作りのヒントなるように、製作過程を段階的に 　　公開してみました。　興味のある人は下のソースを参考にしてみてください。

>> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >>

第 ２ 過 程　　　第２過程ではサイト全体のイメージを印象付けるヘッダー部分に背景画層と 　　　　　　　　　　　　　　　　　　 HPビルダーのロゴ製作機能を使って作ったショップ名を挿入しました。 　　　　　　　　　　　　　　　　　　 全体的に淡くて柔らかい雰囲気になるように心がけて、素材や色を選択しました。

画像１ 　　テキスト１ 　　画像２ 　　テキスト２ 　　画像３ 　　テキスト３ 　　画像４ 　　テキスト４ 　　画像５ 　　テキスト５ 　　画像６ 　　テキスト６ 　　画像７ 　　テキスト７ 　　画像８ 　　テキスト８ 　　画像９ 　　テキスト９ 　　画像１０ 　　テキスト１０ 　　画像１１ 　　テキスト１１ 　　画像１２ 　　テキスト１２ 　　商品スペース１ 　　商品スペース２ 　　商品スペース３ 　　商品スペース４ 　　商品スペース５ 　　商品スペース６ 　　商品スペース７ 　　商品スペース８ 　　商品スペース９ 　　商品スペース１０ 　　商品スペース１１ 　　商品スペース１２ 　　商品スペース１３ 　　商品スペース１４ 　　商品スペース１５ 　　商品スペース１６ 　　商品スペース１７ 　　商品スペース１８ 　　商品スペース１９ 　　商品スペース２０

　ロゴの上下に配置した素材はsnow white ** さんのサイト内で
　無料配布されているモノを使用させていただきました。　　　　　　

第 ３ 過 程 へ ！

>> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >>