1学期 WEB第４回 教科書にそって進める前に

現在すすんでいる所は？
第１章  サイト設定　→　第１１章 ファイルのアップロード P.146〜155

 - - - - 4/18の時点で授業はここまで完了している- - - -



【提出物１】
第１〜第３章でできたデータを第１１章の設定を使って自分のサーバにアップロード
http://自分のサイトのURL/chap01/ または
http://自分のサイトのURL/Chap01/ 


元データをDVDRからコピーすると混乱するので
ここからは、
「kadaisite.zip」を↓からダウンロードし、
解凍(zipファイルをダブルクリック)してできるフォルダ「kadaisite」を
Machintosh HD>ユーザー>Mac○○>書類>自分のフォルダ　に入れ、
Dreamweaverで各htmlファイルを開いて教科書の手順で編集していきます。

これをクリックしてダウンロード　　↓

https://docs.google.com/file/d/0B-f8r3Tajvw7ZHNRQlZNZUszV2c/edit?usp=sharing

ダウンロードの仕方
ファイルの中の「ダウンロード」を選択

すでに編集中のindex.htmlやproducts.htmlがある場合は

kadaisiteの中の同じ名前のファイルを消して編集中のファイルに置き換える

第２章

• 新規ファイルの作り方　⌘+N
• タイトルの設定　テキストの打ち方　meta内<title>〜</title>
• ファイル保存　⌘+S 　ブラウザで確認→

第３章

• 見出しタグ<h1>〜</h1>  h1.h2.h3.h4....
• リストタグの打ち方 <ul><li>〜</li><li>〜</li><li>〜</li></ul>
• アドレスタグ <address>〜</adress>
• 強調タグ<strong>〜</strong>

第４章

• 表の作成 <table><tr><td></td></tr></table>
• 画像の挿入　画像の変更 <img src="〜">

第５章

• リンクの設定<a href="〜">○○</a>
• 外部リンク<a href="http://○×△">あいうえお</a>
• メールアドレスのリンク<a href="mailto:〜">アドレス</a>

第６章

• グループ化<div id="〜">〜</div>
• グループ化<div class="〜">〜</div>

第７章

• cssファイル作成  「〜.css」
• cssファイルをHTMLファイルに読み込ませる meta内で<link rel="">

第８章・・・・
第９章・・・・
第１０章・・・