内置框架的语法-1pdfnet.PPT

使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師 設定主題、收集資料 作業的主題分為「人文／科技／慈善」三個類別，請同學們從自己生活領域，課業學習內容中找出符合這三類的主題。 資料不可以直接從網站上面複製，也不可以直接將書本的內容直接全抄，這樣都是違反智慧財產權的，引用網站要在網頁上附上該網站的網址，引用書本內容要在文末加註書本的作者書名頁次，這樣可以尊重作者及讓看的人更清楚這個資料來源的可信度。 取得工具 動畫：Macromedia Flash、Ulead Gif Animator 繪圖影像處理：Macromedia Fireworks、Adobe Photoshop、Ulead Photo Impact、Corel DRAW、Corel Painter、...。 圖片管理：ACDSee、Picasa。 網頁製作工具：Macremedia Dreamweaver、Microsoft Frontpage、...。 Macromedia 與Adobe合併，Dreamweaver、Flash、Fireworks...最新版可以在Adobe下載。 Corel 免費試用軟體 第一步：開新網站 展開以顯示本機和遠端網站 規劃網站藍圖 網頁製作的第一頁檔名設為 index.html 選單頁：main.html 內容第一頁：home.html 研究主題頁：research.html、底下的相關檔可以設為r01.html、r02.html... 各科作業：homework.html、底下的相關檔設為 h01.html、h02.html、...。 好站連結：link.html 網站地圖：map.html 站長介紹：profile.html，可以將自己的部落格連結在站長介紹裡互連。 參考資料：reference.html 增設一個「images」資料夾，將所有的圖片都放在「images」資料夾中。 繪製網站地圖 收合至僅顯示本機或遠端網站 網站地圖 上傳檔案 101~110班同學的作品網址（ URL）範例：.tw/~st960145/ 主機：.tw 帳號：st960145 網頁存放資料夾（目錄）：public_html 111~114班同學的作品網址（URL）範例：.tw/~s9611401/ 主機：.tw 帳號：s9611401 網頁存放資料夾（目錄）：public_html 設定本地資訊及遠端資訊 101~110班同學請將「使用安全FTP(SFTP)」打勾 本設定內容以111班45號為例 HTML 的基本架構 HTML文件的程式碼分為三個區塊 html.../html、head.../head、body.../body。 整個HTML文件由html.../html標籤(tag)包圍、瀏覽器一看到這個標籤就知道這是一個HTML文件，而範圍內又包含了head.../head、body.../body標籤。 html 　head 　　HTML 文件的標題　 　/head 　body 　　HTML 文件的內容 　/body /html 詳細說明： .tw/~bcc/ 網頁設計 利用iframe 設置內置框架 內置框架的語法 iframe name=content width=600 height=400 src=home.html frameborder=0 scrolling=auto allowtransparency=true很抱歉，您必需使用支援inline frame 內置框架的瀏覽程式才可以看到完整的網頁。/iframe 作法 複製以上語法 打開HTML語法視窗 貼在欲建置內置框架的網頁位置 說明： 名稱(name)：內置框架名稱為 content 寬度(width)：框架寬度 600 (依自己網頁修改) 高度(height)：框架高度400 (依自己網頁修改) 來源檔(src)：框架內第一個顯示檔案為home.html 邊框(frameborder) ： 設 0 表示沒有框線 捲軸(scrolling)：設自動 auto ，依網頁長度自動顯示 選單項目設定連結時：目標要設為 content 利用CSS讓超連結動起來 自訂超連結的文字顯示格式 style type=text/cssa {text-decoration:none;font-size:14pt;font-family=標楷體;}a:link {color:#ff6633;}/style 設定當滑鼠移過時的超連結文字顯示格式 style type=text/cssa {text-decoration:none;font-size:14pt;font-family=標楷體;}a: