ホームページのコーディング | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

ホームページの作り方、
昨日は、デザイン(画像・色)についてでした。

今日は実際のコーディングです。

要素を出して
それをレイアウトして、
サイトマップを作り、
デザインを決めました。
いよいよ、最終段階のHTMLコーディングです。


コーディングの手順は次のようになります。

① 新規にHTMLファイルを作成する。
        ↓
② メインとなるテーブルを作成する。
        ↓
③ 領域ごとにサブテーブルを作成する。
        ↓
④ 
領域ごとに画像や文章を入れていく。
        ↓
⑤ CSS(スタイルシート)で色や文字間隔などを設定する。
        ↓
⑥ リンクを貼る。
        ↓
⑦ ページのアクション(マウスをオンした時の動作など)作成
        ↓

⑧ ページの情報を書く。


この流れのとおり実現していくためには、
ホームページを作るためのツール(道具)が必要ですね。

プロレベルであれば、
 
・テキストエディターで直接コーディング
だと思いますが、
初心者の方のための
ツールをご紹介します。
有料ツール
 ・ホームページビルダー
 ・ドリームウィーバー
 
・マイクロソフトエクスプレッション
無料ツール
 ・
マイクロソフトエクスプレッションWeb4
 ・Jimdo(ジンドゥー)

ご自分に合ったものを選んで、
ページ作成を楽しんでくださいね。


今日も最後まで読んでいただいてありがとうございました。