109學年度(上)九年級網頁製作

**資訊倫理與規範(明辨是與非)

**使用Adobe 公司的Dreamweaver CC 2019軟體來製作個人網站：

1.認識軟體的介面與操作 (完成學習單)

2.建立首頁的框架與存檔並上傳(標題HomePage)~~依序 命名 index,right,left,top

3.學會(網站設定與管理)

  ~~~ 簡單HTML語法介紹[~認識程式碼~]~~~~~

 ~~~ 4種檢視模式[程式碼、分割、即時與設計]~~~~~

4.首頁的主畫面right 編輯製作；(滑鼠變換影像)(EMAIL的連結製作)(更新日期Update).(CopyRight@版權宣告)....

////////  加入特效(會考倒數與日期時間now)

5.設定網頁背景及大綱項目.....

6.項目必含：站長介紹(版主簡介).班級課表(my_class..任課老師及幹部等).學習心得(學習資源).活動照片(我的相簿).好站推薦(優質網站).訪客留言及回到首頁~~~~另加1個自訂項目ㄛ

~~Happy Tour To You ! ~~(多拍些畢旅活動照片喔)

~~~~加上美美漂漂背景與花俏的網頁日曆以及酷酷時鐘"~~~~~~

 7. Come some music!!  背景音樂設定OK(mp3、mid、wav、wma...............)

8.製作活動相簿Web Album....，再設定好連結到pic1.html，目標rightframe!!

  <回到首頁按鈕直接設定連結即可>

9.製作站長簡介 存為 001.html  ~~~(大頭照)(大綱的連結)..........Important!

10.製作班級功課表.幹部一覽表....存為 002.html，再設定好連結!!

------------------------------------------------------------------------------------------------

11.製作各科學習心得或學習教材....003.html，再設定好連結! (錨點的應用   < a name="a0"  id="a0">  )

  ******跑馬燈製作法***********

12.繼續製作好站推薦的頁面....(005.html)-----可分門別類，運用SPRY選單技巧，推薦給訪客們~

**補充: 外部超連結作法-------建議目標框架用_blank

~~~~~~祝大家新年快樂，學業更上層樓~~~~~~~~~

13.介紹 加入背景音樂 or 音樂面板之方法

  ******顏色表示法(色碼表之應用)****

14.旅遊景點(運用影像地圖技巧...)~~~-----存006.html

15.訪客留言版之申請及連結做法(http://gb.tovery.net/mychjh/)存07.html

16.最後1個是自訂的，請選擇適當之技巧呈現出內容，讓訪客瀏覽之!!(自由發揮，期末考喔)

17.Finished !!網站大功告成~~~~成果報告!!。

[成果發表]-----掌聲鼓勵!!

<備註>

18.試選填志願網址  https://105noexam.wlsh.tyc.edu.tw/

~~~試模擬會考成績單發放與解說~~~<<<<試選填志願>>>

****配合輔導處性平影片票選及心得短評活動---學習影音剪輯技巧喔****

 祝大家 ~~寒假暨農曆年快樂~~~

 

旅遊景點OR班級花絮(OR笑話專區...)~~~~運用SPRY折疊式技巧--------存006.html

~~目標框架之設定:  name="mainFrame" id="mainFrame" title="mainFrame" 

• src=”多媒體檔案來源”。常見的播放格式有 mov、mpg、avi、au、mid、wav、mp3…等。
• width=”寬度”。。設定播放面板的寬度，以像素(Pixel)為單位。
• height=”高度”。設定播放面板的高度，以像素(Pixel)為單位。
• hidden=”隱藏或顯示面板”。設定為TRUE時，將隱藏播放面板；設定為NO時，則顯示播放面板。預設值為NO。
• autostart=”自動播放”。設定為TRUE時，將自動播放多媒體；設定為NO時，則不自動播放。預設值為NO。
• loop=”重複播放次數”。設定為TRUE時會無限制播放；若設定為NO，則僅播放一次。預設值為NO。

OR

 


loop="infinite表示不斷循環播放

loop="5"則表示播放5次。

volume="100" → 調整音量大小，最大為100，最小為0

其他::〈embed src=檔案位址 ShowTracker=false〉

〈embed src=檔案位址 ShowPositionControls=false〉

〈embed src=檔案位址 ShowAudioControls=false〉

〈embed src=檔案位址 Volume=0〉

〈embed src=檔案位址 ShowStatusBar=true〉

〈embed src=檔案位址 ShowDisplay=true〉資訊視窗

〈embed src=檔案位址 EnableContextMenu=false〉 禁按右鍵

〈embed src=檔案位址 hidden=true〉隱藏面版

〈embed src=檔名.m3u〉清單檔

〈embed src=檔名.ram autostart=true width=寬度 height=高度 controls=controlpanel〉

-----------------------------------------------------------------------------------------------------------------------------------------------

HTML marquee 跑馬燈可用的參數如下

• 方向設定：direction="參數值"；可設定 up（向上）、dun（向下）、left（向左）、right（向右）。
• 對齊設定：align="參數值"；可設定 top（向上對齊）、midden（垂直至中）、botton（向下對齊）。
• 速度設定：scrollamount="參數值" ；可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。
• 長度設定：height="參數值"；數字，自行設定。
• 寬度設定：width="參數值"；數字，自行設定。
• 行為設定：behavior="參數值"；可設定 alternate（來回跑）、slide（跑入後停止）。
• 背景顏色：bgcolor="參數值"；可設定為顏色的色碼，不設定則沒有顏色。
  

HTML marquee 跑馬燈範例

跑馬燈

跑馬燈

在內的屬性 :

• bgcolor="#aaff00"這裡加上背景顏色，顏色可以自己改喔
• direction=這是空控制行進的方巷喔right／up／down
• scrollamount=這是空控制行進的步伐喔
• behavior=這是空控制行進的方式喔：
  slide文字碰到底邊就會停止／alternate左右碰撞
• width=加上這可以設定行進的寬度
• height=加上這可以設定行進的高度