2015年4月18日土曜日

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

現在すすんでいる所は？

4/10・13　
 第１章  サイト設定　 
→　第１１章 ファイルのアップロード P.146〜155 

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

4/17　↑と同じ内容をプリントで復習し、
　　　　　　　自分の(作品の)画像を「WEB用に保存」して公開しました。

4/17に配布したプリント(３枚)



↑
このプリントの6番の「中央揃えボタン」がCS6では使いにくい(非常に複雑な設定になる)ので
以下のように、画像のタグ(<img の行)の　前に<CENTER>　後に</CENTER>を入れる。

<CENTER>
<img src="画像のコード.jpg">
</CENTER>

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


4/20は自習です。

以下の内容を教科書を見ながら進めてください


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

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



ダウンロードの仕方　　　　　　　　

上のバーの「ダウンロード」のアイコンを選択

画面上のほうにある下矢印と棒がダウンロードのアイコンです。

↓
ダウンロードしたkadaisiteのフォルダを、
　[書類]の中の[自分のサイトのフォルダ]に入れます。
↓

教科書のP.34.35の操作を順に進めていきます。
※P.35の(4)の「[Chap01]フォルダー」は「[kadaisite]フォルダー」になります
↓

※要注意※

htmlファイルの数とフォルダの名前や位置を確認しよう。

htmlファイルの数とフォルダの名前を確認しよう。
※これが違うとリンクがズレたり、(=提出のページのリンクから到達できない)
　画像のソースがズレます(＝表示されません)


ローカルファイルのウインドウ内が↓こうなっていないといけない


↑

Machintosh HDの中の、ユーザーの中の、iMac○○の中の、書類の中の、
自分のサイトのフォルダの中がこうなっていないといけない



↓

続いて、
教科書P.46〜55  = ３章
教科書P.60〜69  = ４章
教科書P.74〜79  = ５章
と
教科書にそって操作を進めて
行きましょう。




それぞれの章の解説内容とそれによって編集できるHTMLタグ一覧

第２章
  • 新規ファイルの作り方　⌘+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>




時刻:
ラベル: