(教學(xué)課件)chapter4利用Dreamweaver制作簡單網(wǎng)頁_第1頁
(教學(xué)課件)chapter4利用Dreamweaver制作簡單網(wǎng)頁_第2頁
(教學(xué)課件)chapter4利用Dreamweaver制作簡單網(wǎng)頁_第3頁
(教學(xué)課件)chapter4利用Dreamweaver制作簡單網(wǎng)頁_第4頁
(教學(xué)課件)chapter4利用Dreamweaver制作簡單網(wǎng)頁_第5頁
已閱讀5頁，還剩51頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第4章利用Dreamweaver制作簡單網(wǎng)頁

——制作“慧衡”頁面計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教學(xué)部第4章利用Dreamweaver制作簡單網(wǎng)頁

——制作“慧1學(xué)習(xí)目標(biāo)了解DreamweaverCS6認(rèn)識HTML標(biāo)記語言分析網(wǎng)頁的頁面結(jié)構(gòu)及代碼結(jié)構(gòu)創(chuàng)建站點(diǎn)及制作簡單網(wǎng)頁網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室學(xué)習(xí)目標(biāo)了解DreamweaverCS6網(wǎng)頁設(shè)計(jì)與制作實(shí)用2實(shí)訓(xùn)項(xiàng)目深圳慧衡科技有限公司需要制作一個二級頁面“慧衡”，用于介紹公司的基本情況。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室實(shí)訓(xùn)項(xiàng)目深圳慧衡科技有限公司需要制作一個二級頁面“慧衡”，用3項(xiàng)目分析設(shè)計(jì)思路：（1）頁面元素：包括相應(yīng)的公司介紹文字、公司的logo、客戶案例展示的Flash影片、水平線和特殊字符等。（2）頁面布局：由于是初識網(wǎng)頁設(shè)計(jì)，還不懂布局技術(shù)，本案例只做一個簡單的圖文頁面，采用較普遍的上中下結(jié)構(gòu)，自上而下對頁面元素進(jìn)行排版，3個版塊的排列情況及其中的元素如圖所示。（3）配色方案：采用藍(lán)灰色以體現(xiàn)的企業(yè)的穩(wěn)健、深遠(yuǎn)、平靜和諧。配有一些橙色使穩(wěn)健中增添活力。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室項(xiàng)目分析設(shè)計(jì)思路：網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程4設(shè)計(jì)目標(biāo)網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室設(shè)計(jì)目標(biāo)網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算5預(yù)備知識：初識Dreamweaver

CS6DreamweaverCS6工作界面網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS6Dreamwea6預(yù)備知識：初識Dreamweaver

CS6工作界面包括：1．菜單欄：含有“文件”、“編輯”等10個菜單分類。2．文檔工具欄：包含了一些與查看文檔等相關(guān)的常用命令和選項(xiàng)。3．插入面板：包括用于創(chuàng)建和插入各種對象（如表格、AP元素和圖像）的按鈕。當(dāng)鼠標(biāo)指針移動到一個按鈕上時，會出現(xiàn)該按鈕的名稱的提示。4．文檔窗口：是Dreamweaver的主工作區(qū)，用于顯示和編輯當(dāng)前創(chuàng)建的文檔。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS6工作界面包括：網(wǎng)7預(yù)備知識：初識Dreamweaver

CS65．屬性面板：用于檢查和編輯當(dāng)前選定頁面元素（如文本、圖像或其他插入的對象）的最常用屬性，其內(nèi)容根據(jù)選定的元素會有不同變化。6．狀態(tài)欄：位于文檔窗口底部，提供與文檔相關(guān)的其他信息。7．浮動面板：集中了網(wǎng)頁編輯和站點(diǎn)管理過程中最常用的一些操作?？梢哉归_和折疊這些面板，在菜單欄中的“窗口”下拉菜單中單擊面板名稱可以顯示或者隱藏這些面板。8．代碼窗口：當(dāng)在“文檔工具欄”中點(diǎn)擊“拆分”或“代碼”后可以看到代碼窗口。在代碼窗口中能夠查看、輸入和修改網(wǎng)頁的代碼。垂直于代碼窗口左側(cè)的是編碼工具欄，包含用于執(zhí)行多種標(biāo)準(zhǔn)編碼的操作按鈕。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS65．屬性面板：用8預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)一個標(biāo)準(zhǔn)的HTML網(wǎng)頁文檔的基本代碼結(jié)構(gòu)，如圖所示。其標(biāo)簽含義：超文本標(biāo)記語言標(biāo)簽<html><html></html>在文檔的最外層，文檔中的所有文本和HTML標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)記語言（HTML）編寫的。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)一個標(biāo)準(zhǔn)的HTML網(wǎng)頁9預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)頭標(biāo)簽<head><head></head>是HTML文檔的頭部標(biāo)簽，在瀏覽器窗口中，頭部信息是不被顯示在正文中的，在此標(biāo)簽中可以插入其它標(biāo)記，用以說明文件的標(biāo)題和整個文件的一些公共屬性。標(biāo)題標(biāo)簽<title><title>和</title>是嵌套在<head>頭部標(biāo)簽中的，標(biāo)簽之間的文本是文檔標(biāo)題，文檔標(biāo)題顯示在瀏覽器窗口的標(biāo)題欄。網(wǎng)頁主體區(qū)標(biāo)簽<body><body></body>標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器中要顯示的頁面內(nèi)容。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)頭標(biāo)簽<head>網(wǎng)頁10預(yù)備知識：HTML——HTML語法形式HTML標(biāo)簽通常有三種格式：不帶屬性的雙標(biāo)簽：格式為<標(biāo)簽名稱>內(nèi)容</標(biāo)簽名稱>。例如：<h1>…</h1>用于設(shè)置一級標(biāo)題帶有屬性的雙標(biāo)簽：

格式為<標(biāo)簽名稱屬性名稱1="值"屬性名稱2="值"……>內(nèi)容</標(biāo)簽名稱>。屬性名稱（name）和值（value）一起使用。例如：<hrsize="3"align="left"width="800"/>單標(biāo)簽：格式為<標(biāo)簽名稱/>。例如：<br/>換行標(biāo)簽。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML語法形式HTML標(biāo)簽通常有三種11預(yù)備知識：HTML——HTML語法規(guī)則

Web文檔中，標(biāo)簽采用“<”和“>”作為分割字符。

HTML標(biāo)簽不區(qū)分大小寫，如<HTML>和<html>是相同的標(biāo)簽。大多數(shù)HTML標(biāo)簽可以嵌套，但不能交叉，各層標(biāo)簽為全包容關(guān)系。

Web文檔一行可以書寫多個標(biāo)簽，一個標(biāo)簽也可以分多行書寫。

HTML源代碼中的換行、回車符和多個連續(xù)空格在瀏覽時都是無效的。網(wǎng)頁中所有顯示的內(nèi)容都應(yīng)該受限于一個或多個標(biāo)簽，不能存在游離于標(biāo)簽之外的文字或圖像等，否則會產(chǎn)生錯誤。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML語法規(guī)則Web文檔中，標(biāo)簽12預(yù)備知識：HTML——HTML常用標(biāo)簽強(qiáng)制換行標(biāo)簽<br/>：放在一行的末尾，可以使后面的文字、圖片、表格等顯示于下一行，而又不會在行與行之間留下空行，強(qiáng)制換段標(biāo)簽<p></p>：HTML的分段完全依賴于分段標(biāo)記元素<p>。標(biāo)題標(biāo)簽<hn></hn>：用于把文字設(shè)置為各種大小不同的標(biāo)題。共有六級標(biāo)題。標(biāo)簽中“h”后面的數(shù)字代表標(biāo)題的級別，該數(shù)字越大標(biāo)題文本就越小。字體設(shè)置標(biāo)簽<font>：用于設(shè)置文本的字體格式。HTML語言的注釋標(biāo)簽<!--注釋內(nèi)容-->或<!-->注釋內(nèi)容</!-->網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML常用標(biāo)簽強(qiáng)制換行標(biāo)簽<br/>13制作流程任務(wù)2：在頁面插入基本元素任務(wù)4：設(shè)置頁面元素格式任務(wù)3：設(shè)置頁面屬性網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)5：添加背景音樂和字幕效果任務(wù)1：創(chuàng)建與管理本地站點(diǎn)制作流程任務(wù)2：在頁面插入基本元素任務(wù)4：設(shè)置頁面元素格式任14任務(wù)1——創(chuàng)建與管理本地站點(diǎn)創(chuàng)建本地站點(diǎn)管理本地站點(diǎn)管理本地站點(diǎn)文件網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)1——創(chuàng)建與管理本地站點(diǎn)創(chuàng)建本地站點(diǎn)管理本地站點(diǎn)管理本15任務(wù)2——在頁面插入基本元素在網(wǎng)頁中插入圖像在網(wǎng)頁中添加文本在網(wǎng)頁中插入Flash影片在網(wǎng)頁中插入水平線在網(wǎng)頁中插入特殊字符網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)2——在頁面插入基本元素在網(wǎng)頁中插入圖像在網(wǎng)頁中添加文16step

在W08文件夾中，新建空白頁“introduce.html”。

在網(wǎng)頁中插入圖像文件“banner.gif”。

在網(wǎng)頁中添加文本。

在網(wǎng)頁中插入Flash影片文件“show.swf”

在網(wǎng)頁中插入水平線（寬為1000像素，高為4像素）。

在網(wǎng)頁中插入特殊字符（空格和版權(quán)）。計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）step在W08文件夾中，新建空白頁“introduce17設(shè)置頁面屬性，其中：①頁面的背景顏色值為“#5E6C7B”。②頁面的左、右邊距均為130px。任務(wù)3——設(shè)置頁面屬性計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）設(shè)置頁面屬性，其中：任務(wù)3——設(shè)置頁面屬性計(jì)算機(jī)工程學(xué)院18任務(wù)4——設(shè)置頁面元素格式設(shè)置文本格式設(shè)置SWF影片格式設(shè)置水平線格式網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)4——設(shè)置頁面元素格式設(shè)置文本格式設(shè)置SWF影片格式設(shè)19Step1設(shè)置文本格式頁面文字設(shè)置格式首頁方案技術(shù)服務(wù)設(shè)計(jì)案例培訓(xùn)合作慧衡顏色值為“#FE6F00”，“加粗”效果，中文字體為“黑體”，對齊方式為“右對齊”深圳慧衡科技有限公司（InteMatrix）顏色值為“#FE6F00”，“加粗”效果，中文字體為默認(rèn)字體，英文設(shè)置字體為“ComicSansMS,cursive”公司管理團(tuán)隊(duì)，客戶案例展示顧正書(SteveGu)－合伙創(chuàng)始人兼首席咨詢師肖衛(wèi)華博士(WarrenXiao)－合伙創(chuàng)始人兼首席分析師程勝(ChalsenCheng)－首席工程師顏色值為“#FEEEED”中文字體為默認(rèn)字體慧衡觀點(diǎn)慧衡博客外貿(mào)社區(qū)關(guān)于慧衡Email訂閱常見問題解答(FAQ)聯(lián)系我們顏色值為“#CCC”，字體為“仿宋”，字號為默認(rèn)值，居中對齊Copyright?2008-2014InteMatrix慧衡AllRightReserved.粵ICP備09069737號-1顏色值為“#CCC”，字體為默認(rèn)值，字號為10px,居中對齊其他文字字體為“仿宋”，字號為17px計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）Step1設(shè)置文本格式頁面文字設(shè)置格式首頁方案技術(shù)服20Step1設(shè)置文本格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）頁面文字設(shè)置格式公司管理團(tuán)隊(duì)，客戶案例展示標(biāo)題4顧正書(SteveGu)－合伙創(chuàng)始人兼首席咨詢師肖衛(wèi)華博士(WarrenXiao)－合伙創(chuàng)始人兼首席分析師程勝(ChalsenCheng)－首席工程師標(biāo)題5Step1設(shè)置文本格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁21STEP2：設(shè)置SWF影片格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）通過代碼，設(shè)置SWF影片居中。STEP2：設(shè)置SWF影片格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研22STEP3：設(shè)置水平線格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）通過代碼，設(shè)置水平線顏色值為"#F15F00"。STEP3：設(shè)置水平線格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)23任務(wù)5——添加背景音樂和字幕效果網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室添加背景音樂制作文本字幕效果任務(wù)5——添加背景音樂和字幕效果網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第24step利用代碼添加背景音樂“bg.mp3”。利用代碼設(shè)置文本滾動字幕效果。預(yù)覽網(wǎng)頁時，文字“客戶案例展示”從右向左進(jìn)行滾動計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）step利用代碼添加背景音樂“bg.mp3”。計(jì)算機(jī)工程25項(xiàng)目總結(jié)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）項(xiàng)目總結(jié)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教26課后練習(xí)配套實(shí)訓(xùn)

利用配套實(shí)訓(xùn)文件夾下提供的素材文件，根據(jù)前面所學(xué)的知識，自主設(shè)計(jì)與制作一個介紹中國臺灣音樂團(tuán)體“信樂團(tuán)”的網(wǎng)頁，要求如下：創(chuàng)建本地站點(diǎn)文件夾，將網(wǎng)頁用到的素材按類別復(fù)制到站點(diǎn)文件夾中，啟動Dreamweaver，定義站點(diǎn)。新建“index.htm”文件，設(shè)置頁面背景圖像為“bg.jpg”，網(wǎng)頁標(biāo)題為“信樂團(tuán)”。插入基本的頁面元素包括文本、圖像、水平線等對象。設(shè)置頁面文字的文本格式。查看本機(jī)顯示分辨率，計(jì)算頁面留白邊距使頁面內(nèi)容位于背景圖像的白色區(qū)域中。在“代碼”視圖中通過代碼設(shè)置某一頁面元素的具有滾動效果。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室課后練習(xí)配套實(shí)訓(xùn)

利用配套實(shí)訓(xùn)文件夾下提供的素材文件，根據(jù)前27課后練習(xí)同步測試

通過教材第4章“同步測試”檢驗(yàn)自己是否掌握了本章的相關(guān)知識點(diǎn)與技能點(diǎn)。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室課后練習(xí)同步測試

通過教材第4章“同步測試”檢驗(yàn)自己是否掌握28第4章利用Dreamweaver制作簡單網(wǎng)頁

——制作“慧衡”頁面計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教學(xué)部第4章利用Dreamweaver制作簡單網(wǎng)頁

——制作“慧29學(xué)習(xí)目標(biāo)了解DreamweaverCS6認(rèn)識HTML標(biāo)記語言分析網(wǎng)頁的頁面結(jié)構(gòu)及代碼結(jié)構(gòu)創(chuàng)建站點(diǎn)及制作簡單網(wǎng)頁網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室學(xué)習(xí)目標(biāo)了解DreamweaverCS6網(wǎng)頁設(shè)計(jì)與制作實(shí)用30實(shí)訓(xùn)項(xiàng)目深圳慧衡科技有限公司需要制作一個二級頁面“慧衡”，用于介紹公司的基本情況。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室實(shí)訓(xùn)項(xiàng)目深圳慧衡科技有限公司需要制作一個二級頁面“慧衡”，用31項(xiàng)目分析設(shè)計(jì)思路：（1）頁面元素：包括相應(yīng)的公司介紹文字、公司的logo、客戶案例展示的Flash影片、水平線和特殊字符等。（2）頁面布局：由于是初識網(wǎng)頁設(shè)計(jì)，還不懂布局技術(shù)，本案例只做一個簡單的圖文頁面，采用較普遍的上中下結(jié)構(gòu)，自上而下對頁面元素進(jìn)行排版，3個版塊的排列情況及其中的元素如圖所示。（3）配色方案：采用藍(lán)灰色以體現(xiàn)的企業(yè)的穩(wěn)健、深遠(yuǎn)、平靜和諧。配有一些橙色使穩(wěn)健中增添活力。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室項(xiàng)目分析設(shè)計(jì)思路：網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程32設(shè)計(jì)目標(biāo)網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室設(shè)計(jì)目標(biāo)網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算33預(yù)備知識：初識Dreamweaver

CS6DreamweaverCS6工作界面網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS6Dreamwea34預(yù)備知識：初識Dreamweaver

CS6工作界面包括：1．菜單欄：含有“文件”、“編輯”等10個菜單分類。2．文檔工具欄：包含了一些與查看文檔等相關(guān)的常用命令和選項(xiàng)。3．插入面板：包括用于創(chuàng)建和插入各種對象（如表格、AP元素和圖像）的按鈕。當(dāng)鼠標(biāo)指針移動到一個按鈕上時，會出現(xiàn)該按鈕的名稱的提示。4．文檔窗口：是Dreamweaver的主工作區(qū)，用于顯示和編輯當(dāng)前創(chuàng)建的文檔。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS6工作界面包括：網(wǎng)35預(yù)備知識：初識Dreamweaver

CS65．屬性面板：用于檢查和編輯當(dāng)前選定頁面元素（如文本、圖像或其他插入的對象）的最常用屬性，其內(nèi)容根據(jù)選定的元素會有不同變化。6．狀態(tài)欄：位于文檔窗口底部，提供與文檔相關(guān)的其他信息。7．浮動面板：集中了網(wǎng)頁編輯和站點(diǎn)管理過程中最常用的一些操作?？梢哉归_和折疊這些面板，在菜單欄中的“窗口”下拉菜單中單擊面板名稱可以顯示或者隱藏這些面板。8．代碼窗口：當(dāng)在“文檔工具欄”中點(diǎn)擊“拆分”或“代碼”后可以看到代碼窗口。在代碼窗口中能夠查看、輸入和修改網(wǎng)頁的代碼。垂直于代碼窗口左側(cè)的是編碼工具欄，包含用于執(zhí)行多種標(biāo)準(zhǔn)編碼的操作按鈕。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：初識DreamweaverCS65．屬性面板：用36預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)一個標(biāo)準(zhǔn)的HTML網(wǎng)頁文檔的基本代碼結(jié)構(gòu)，如圖所示。其標(biāo)簽含義：超文本標(biāo)記語言標(biāo)簽<html><html></html>在文檔的最外層，文檔中的所有文本和HTML標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)記語言（HTML）編寫的。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)一個標(biāo)準(zhǔn)的HTML網(wǎng)頁37預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)頭標(biāo)簽<head><head></head>是HTML文檔的頭部標(biāo)簽，在瀏覽器窗口中，頭部信息是不被顯示在正文中的，在此標(biāo)簽中可以插入其它標(biāo)記，用以說明文件的標(biāo)題和整個文件的一些公共屬性。標(biāo)題標(biāo)簽<title><title>和</title>是嵌套在<head>頭部標(biāo)簽中的，標(biāo)簽之間的文本是文檔標(biāo)題，文檔標(biāo)題顯示在瀏覽器窗口的標(biāo)題欄。網(wǎng)頁主體區(qū)標(biāo)簽<body><body></body>標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器中要顯示的頁面內(nèi)容。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML文檔結(jié)構(gòu)頭標(biāo)簽<head>網(wǎng)頁38預(yù)備知識：HTML——HTML語法形式HTML標(biāo)簽通常有三種格式：不帶屬性的雙標(biāo)簽：格式為<標(biāo)簽名稱>內(nèi)容</標(biāo)簽名稱>。例如：<h1>…</h1>用于設(shè)置一級標(biāo)題帶有屬性的雙標(biāo)簽：

格式為<標(biāo)簽名稱屬性名稱1="值"屬性名稱2="值"……>內(nèi)容</標(biāo)簽名稱>。屬性名稱（name）和值（value）一起使用。例如：<hrsize="3"align="left"width="800"/>單標(biāo)簽：格式為<標(biāo)簽名稱/>。例如：<br/>換行標(biāo)簽。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML語法形式HTML標(biāo)簽通常有三種39預(yù)備知識：HTML——HTML語法規(guī)則

Web文檔中，標(biāo)簽采用“<”和“>”作為分割字符。

HTML標(biāo)簽不區(qū)分大小寫，如<HTML>和<html>是相同的標(biāo)簽。大多數(shù)HTML標(biāo)簽可以嵌套，但不能交叉，各層標(biāo)簽為全包容關(guān)系。

Web文檔一行可以書寫多個標(biāo)簽，一個標(biāo)簽也可以分多行書寫。

HTML源代碼中的換行、回車符和多個連續(xù)空格在瀏覽時都是無效的。網(wǎng)頁中所有顯示的內(nèi)容都應(yīng)該受限于一個或多個標(biāo)簽，不能存在游離于標(biāo)簽之外的文字或圖像等，否則會產(chǎn)生錯誤。網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML語法規(guī)則Web文檔中，標(biāo)簽40預(yù)備知識：HTML——HTML常用標(biāo)簽強(qiáng)制換行標(biāo)簽<br/>：放在一行的末尾，可以使后面的文字、圖片、表格等顯示于下一行，而又不會在行與行之間留下空行，強(qiáng)制換段標(biāo)簽<p></p>：HTML的分段完全依賴于分段標(biāo)記元素<p>。標(biāo)題標(biāo)簽<hn></hn>：用于把文字設(shè)置為各種大小不同的標(biāo)題。共有六級標(biāo)題。標(biāo)簽中“h”后面的數(shù)字代表標(biāo)題的級別，該數(shù)字越大標(biāo)題文本就越小。字體設(shè)置標(biāo)簽<font>：用于設(shè)置文本的字體格式。HTML語言的注釋標(biāo)簽<!--注釋內(nèi)容-->或<!-->注釋內(nèi)容</!-->網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室預(yù)備知識：HTML——HTML常用標(biāo)簽強(qiáng)制換行標(biāo)簽<br/>41制作流程任務(wù)2：在頁面插入基本元素任務(wù)4：設(shè)置頁面元素格式任務(wù)3：設(shè)置頁面屬性網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)5：添加背景音樂和字幕效果任務(wù)1：創(chuàng)建與管理本地站點(diǎn)制作流程任務(wù)2：在頁面插入基本元素任務(wù)4：設(shè)置頁面元素格式任42任務(wù)1——創(chuàng)建與管理本地站點(diǎn)創(chuàng)建本地站點(diǎn)管理本地站點(diǎn)管理本地站點(diǎn)文件網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)1——創(chuàng)建與管理本地站點(diǎn)創(chuàng)建本地站點(diǎn)管理本地站點(diǎn)管理本43任務(wù)2——在頁面插入基本元素在網(wǎng)頁中插入圖像在網(wǎng)頁中添加文本在網(wǎng)頁中插入Flash影片在網(wǎng)頁中插入水平線在網(wǎng)頁中插入特殊字符網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)2——在頁面插入基本元素在網(wǎng)頁中插入圖像在網(wǎng)頁中添加文44step

在W08文件夾中，新建空白頁“introduce.html”。

在網(wǎng)頁中插入圖像文件“banner.gif”。

在網(wǎng)頁中添加文本。

在網(wǎng)頁中插入Flash影片文件“show.swf”

在網(wǎng)頁中插入水平線（寬為1000像素，高為4像素）。

在網(wǎng)頁中插入特殊字符（空格和版權(quán)）。計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）step在W08文件夾中，新建空白頁“introduce45設(shè)置頁面屬性，其中：①頁面的背景顏色值為“#5E6C7B”。②頁面的左、右邊距均為130px。任務(wù)3——設(shè)置頁面屬性計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）設(shè)置頁面屬性，其中：任務(wù)3——設(shè)置頁面屬性計(jì)算機(jī)工程學(xué)院46任務(wù)4——設(shè)置頁面元素格式設(shè)置文本格式設(shè)置SWF影片格式設(shè)置水平線格式網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室任務(wù)4——設(shè)置頁面元素格式設(shè)置文本格式設(shè)置SWF影片格式設(shè)47Step1設(shè)置文本格式頁面文字設(shè)置格式首頁方案技術(shù)服務(wù)設(shè)計(jì)案例培訓(xùn)合作慧衡顏色值為“#FE6F00”，“加粗”效果，中文字體為“黑體”，對齊方式為“右對齊”深圳慧衡科技有限公司（InteMatrix）顏色值為“#FE6F00”，“加粗”效果，中文字體為默認(rèn)字體，英文設(shè)置字體為“ComicSansMS,cursive”公司管理團(tuán)隊(duì)，客戶案例展示顧正書(SteveGu)－合伙創(chuàng)始人兼首席咨詢師肖衛(wèi)華博士(WarrenXiao)－合伙創(chuàng)始人兼首席分析師程勝(ChalsenCheng)－首席工程師顏色值為“#FEEEED”中文字體為默認(rèn)字體慧衡觀點(diǎn)慧衡博客外貿(mào)社區(qū)關(guān)于慧衡Email訂閱常見問題解答(FAQ)聯(lián)系我們顏色值為“#CCC”，字體為“仿宋”，字號為默認(rèn)值，居中對齊Copyright?2008-2014InteMatrix慧衡AllRightReserved.粵ICP備09069737號-1顏色值為“#CCC”，字體為默認(rèn)值，字號為10px,居中對齊其他文字字體為“仿宋”，字號為17px計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）Step1設(shè)置文本格式頁面文字設(shè)置格式首頁方案技術(shù)服48Step1設(shè)置文本格式計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第3版）頁面文字設(shè)置格式公司管理團(tuán)隊(duì)，客戶案例展示標(biāo)題4顧

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論