Try   HackMD

網頁設計丙級 - 國家公園 2019-12-03

tags: 網丙

1.在C槽新增webxx(xx為考試座號)資料夾 ex:web03

2.在 web03資料夾 內新增 images、park、others資料夾

3.複製考題圖片(.jpg .gif .png)至images資料夾,其他內容放置others資料夾內

4.開啟dreamweaver 新增網站(如下圖)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

5.在park資料夾新增yangmingshan.htm、sheipa.htm兩個檔案;
在other資料夾新增main.html檔案

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

6.右下角新增版面 1024px* 768px

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

7.儲存index.html檔案在web03資料夾,標題:國家公園介紹網

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

8.插入表格 1024px*768px

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

網頁置中對齊(工具列下方)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

9.插入表格2欄1列,至右邊第二列 寬度824px
高度29px與654px

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

10.設定網頁背景顏色#0000FF


11.開啟Photoshop,新增65px正方形圖片製作gif動畫檔(間隔一秒)
儲存為網頁用,gif檔(存放在images資料夾)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

修改>編輯標籤>

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

win10安裝 Internet Information Services (IIS) 管理員
(程式和功能>開啟或關閉windows功能)
打勾

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

最後連線至http://127.0.0.1/ 畫面出來即連線成功