網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)課件

網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)北京教育學(xué)院秦昆網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)北京教育學(xué)院秦昆網(wǎng)站建站流程設(shè)定目標(biāo)網(wǎng)站結(jié)構(gòu)版面草圖搜集資料版面設(shè)計(jì)登錄宣傳外部測(cè)試網(wǎng)頁(yè)上傳內(nèi)部測(cè)試網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容更新維護(hù)網(wǎng)站建站流程設(shè)定目標(biāo)網(wǎng)站結(jié)構(gòu)版面草圖搜集資料版面設(shè)計(jì)登錄宣傳網(wǎng)站類型網(wǎng)站服務(wù)器Internet使用者應(yīng)用程序服務(wù)器數(shù)據(jù)庫(kù)提出需求響應(yīng)需求靜態(tài)網(wǎng)站動(dòng)態(tài)網(wǎng)站動(dòng)態(tài)網(wǎng)站含數(shù)據(jù)庫(kù)網(wǎng)站類型網(wǎng)站服務(wù)器Internet使用者應(yīng)用程序數(shù)據(jù)庫(kù)提出需靜態(tài)網(wǎng)頁(yè)制作流程PhotoImpactPhotoshopImageReadyFireworksDreamweaverExtensionFlashJavaScriptPhotoImpactWebSite版面設(shè)計(jì)版面配置網(wǎng)頁(yè)設(shè)計(jì)多媒體內(nèi)容動(dòng)態(tài)網(wǎng)站靜態(tài)網(wǎng)頁(yè)制作流程PhotoImpactPhotoshopIm動(dòng)態(tài)網(wǎng)頁(yè)制作流程ASPPHPASP.NETColdFusionWindows+IISLinux+ApacheJSPIISApache.NETFrameworkColdFusionServerJSPServerDataBaseODBC或DNSless網(wǎng)站服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)法應(yīng)用程序服務(wù)器數(shù)據(jù)庫(kù)AccessSQLServerMySQL動(dòng)態(tài)網(wǎng)頁(yè)制作流程ASPPHPASP.NETColdFusio網(wǎng)站設(shè)計(jì)原則文件、文件夾名稱：

請(qǐng)盡量以英文方式命名，90%首頁(yè)一般皆命名為index.htm(html)、default.htm(html)頁(yè)面設(shè)計(jì)長(zhǎng)度以一頁(yè)為主，避免超過(guò)一頁(yè)網(wǎng)頁(yè)架構(gòu)以一至四層，并注意垂直、水平link，方便使用者瀏覽注意版權(quán)問(wèn)題30秒40ｋ原則網(wǎng)站設(shè)計(jì)原則文件、文件夾名稱：

請(qǐng)盡量以英文方式命名，90%網(wǎng)站的基本架構(gòu)認(rèn)識(shí)網(wǎng)頁(yè)（為何我們使用Dreamweaver開(kāi)發(fā)網(wǎng)頁(yè)）網(wǎng)頁(yè)和網(wǎng)站之間的關(guān)系制作網(wǎng)頁(yè)的前置工作何謂網(wǎng)頁(yè)(HTML語(yǔ)法)網(wǎng)站的基本架構(gòu)認(rèn)識(shí)網(wǎng)頁(yè)（為何我們使用Dreamweaver開(kāi)認(rèn)識(shí)Dreamweaver開(kāi)始建立網(wǎng)站、窗口接口的認(rèn)識(shí)新增網(wǎng)站(定義網(wǎng)站)新建網(wǎng)頁(yè)和網(wǎng)頁(yè)儲(chǔ)存頁(yè)標(biāo)題Title網(wǎng)頁(yè)基本編輯段落<p>與強(qiáng)迫換行<br>空格符

認(rèn)識(shí)Dreamweaver開(kāi)始建立網(wǎng)站、窗口接口的認(rèn)識(shí)開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”案例概述案例開(kāi)發(fā)要點(diǎn)案例分析腳本設(shè)計(jì)腳本設(shè)計(jì)屏幕界面設(shè)計(jì)案例分析框架結(jié)構(gòu)設(shè)計(jì)回章目錄開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”案例概述案例開(kāi)發(fā)案例分析腳本設(shè)計(jì)腳本設(shè)計(jì)屏幕界面案例分析框架網(wǎng)站結(jié)構(gòu)設(shè)計(jì)回節(jié)目錄機(jī)器人技術(shù)首頁(yè)人工智能artificial機(jī)器人介紹robot機(jī)器人動(dòng)態(tài)active在線教程O(píng)nline經(jīng)驗(yàn)交流communicate人工智能相關(guān)理論知識(shí)機(jī)器人相關(guān)知識(shí)、我校的機(jī)器人機(jī)器人發(fā)展動(dòng)態(tài)介紹機(jī)器人軟、硬件，編程及組裝在線交流討論、作業(yè)提交網(wǎng)站結(jié)構(gòu)設(shè)計(jì)回節(jié)目錄機(jī)器人技術(shù)首頁(yè)人工智能artifici腳本設(shè)計(jì)

腳本設(shè)計(jì)包括：首頁(yè)腳本設(shè)計(jì)、“人工智能”頁(yè)面腳本設(shè)計(jì)、“機(jī)器人介紹”頁(yè)腳本設(shè)計(jì)、“機(jī)器人動(dòng)態(tài)”頁(yè)腳本設(shè)計(jì)、“在線教程”頁(yè)腳本設(shè)計(jì)、在線交流頁(yè)腳本設(shè)計(jì)和文章內(nèi)容頁(yè)腳本設(shè)計(jì)。機(jī)器人技術(shù)腳本設(shè)計(jì)回節(jié)目錄腳本設(shè)計(jì)腳本設(shè)計(jì)包括：首頁(yè)腳本設(shè)計(jì)、“人工智能”頁(yè)面屏幕界面設(shè)計(jì)回節(jié)目錄屏幕界面設(shè)計(jì)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)。文檔的基本操作。文本內(nèi)容開(kāi)發(fā)。圖像的設(shè)計(jì)與處理。使用表格進(jìn)行網(wǎng)頁(yè)排版。創(chuàng)建超鏈接?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)。回節(jié)目錄創(chuàng)建和管理本地站點(diǎn)

任務(wù)一：認(rèn)識(shí)MacromediaDreamweaverCS31.啟動(dòng)MacromediaDreamweaverCS32.進(jìn)入DreamweaverCS3的標(biāo)準(zhǔn)工作界面

任務(wù)二：新建站點(diǎn)1.確定網(wǎng)絡(luò)自主學(xué)習(xí)型課件主題2.規(guī)劃網(wǎng)絡(luò)自主學(xué)習(xí)型課件的結(jié)構(gòu)3.設(shè)計(jì)網(wǎng)站界面4.定義本地站點(diǎn)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)任務(wù)一：認(rèn)識(shí)Macromedia創(chuàng)建和管理本地站點(diǎn)任務(wù)三：在站點(diǎn)中添加網(wǎng)頁(yè)文件及文件夾1.方法一：在Dreamweaver編輯窗口中的“創(chuàng)建新項(xiàng)目”中單擊，新建html文檔，選擇“文件”|“保存”命令，在彈出的“另存為”對(duì)話框中輸入文件名2.方法二：在右側(cè)的“文件”面板中，在站點(diǎn)名稱上單擊鼠標(biāo)右鍵，在彈出的下拉菜單中，選擇“新建文件”，修改文件名3.本案例站點(diǎn)的文件夾結(jié)構(gòu)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)任務(wù)三：在站點(diǎn)中添加網(wǎng)頁(yè)文件及文件文檔的基本操作任務(wù)一：打開(kāi)文檔1.方法一：選擇“文件”|“打開(kāi)”命令，在彈出的“打開(kāi)”對(duì)話框中，選擇文檔，單擊“打開(kāi)”按鈕。2.方法二：在“文件”面板站點(diǎn)文件列表中直接雙擊文件。任務(wù)二：設(shè)置頁(yè)面屬性1.選擇“修改”|“頁(yè)面屬性”命令，在彈出的“頁(yè)面屬性”對(duì)話框中，選擇“外觀”選項(xiàng)卡，設(shè)置字體大小為12px、背景圖像、頁(yè)邊距。2.在“頁(yè)面屬性”對(duì)話框中，選擇“標(biāo)題/編碼”選項(xiàng)卡，設(shè)置網(wǎng)頁(yè)標(biāo)題?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)文檔的基本操作任務(wù)一：打開(kāi)文檔1.方法一：選擇“文件”|文本內(nèi)容開(kāi)發(fā)

任務(wù)一：添加與編輯文本內(nèi)容1.打開(kāi)index.html，在文檔窗口光標(biāo)閃爍處直接輸入文本即可。2.輸入的文本默認(rèn)為宋體、12像素。選中文本，在“屬性面板”中修改字體、大小、顏色、對(duì)齊方式等選項(xiàng)?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)一：添加與編輯文本內(nèi)容1.打開(kāi)ind文本內(nèi)容開(kāi)發(fā)任務(wù)二：使用CSS樣式設(shè)置文本格式1.打開(kāi)CSS樣式面板，單擊“新建CSS樣式”

按鈕，在彈出的“新建CSS樣式”對(duì)話框中，選擇“類”，名稱為.content，定義在“新建樣式表文件”，單擊“確定”按鈕。2.在彈出的“保存樣式表文件為”對(duì)話框中，選擇保存位置為images文件夾中，名稱為style.css。單擊“保存”按鈕。3.設(shè)置字體大小、行高、修飾、顏色等內(nèi)容，單擊“確定”按鈕。4.應(yīng)用CSS樣式5.對(duì)文本建立其他樣式時(shí)可以直接定義在style.css中?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)二：使用CSS樣式設(shè)置文本格式1.文本內(nèi)容開(kāi)發(fā)任務(wù)三：對(duì)超鏈接文字設(shè)置樣式1.單擊“新建CSS樣式”按鈕，在彈出的“新建CSS樣式”對(duì)話框中，選擇“高級(jí)”，單擊“選擇器”后面的下拉菜單，選擇a:hover，定義在style.css，單擊“確定”按鈕。2.在彈出的a:hover的CSS定義對(duì)話框中，設(shè)置顏色和下劃線，單擊“確定”按鈕。3.a:hover的CSS樣式定義好后會(huì)自動(dòng)應(yīng)用到網(wǎng)頁(yè)中的帶有超鏈接的文字上。回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)三：對(duì)超鏈接文字設(shè)置樣式1.單擊“新圖像的設(shè)計(jì)與處理任務(wù)一：設(shè)計(jì)網(wǎng)站中標(biāo)題性圖像1.啟動(dòng)AdobePhotoshopCS軟件。2.選擇“文件”菜單，選擇“打開(kāi)”命令，在彈出的對(duì)話框中找到所需要圖像。3.選擇“圖像”

︱“圖像大小”命令，將圖像寬度修改為780px，高度按比例即可。4.單擊PhotoshopCS工具箱中的“橫排文字工具”，在菜單欄下面的“選項(xiàng)”中選擇字體、設(shè)置字號(hào)、顏色等，然后輸入“人工智能”四個(gè)字。5.在“圖層面板”中的文字層單擊鼠標(biāo)右鍵，選擇“混合選項(xiàng)”。6.在彈出的“圖層樣式”對(duì)話框中選擇“投影”和“漸變疊加”。7.單擊“漸變疊加”右側(cè)，在出現(xiàn)的選項(xiàng)中單擊顏色區(qū)域，彈出“漸變編輯器”，色標(biāo)設(shè)置。回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)圖像的設(shè)計(jì)與處理任務(wù)一：設(shè)計(jì)網(wǎng)站中標(biāo)題性圖像1.啟動(dòng)圖像的設(shè)計(jì)與處理任務(wù)二：制作網(wǎng)站導(dǎo)航欄圖片1．啟動(dòng)AdobePhotoshopCS軟件。2．單擊“文件”菜單，選擇“打開(kāi)”命令，在彈出的對(duì)話框中找到藍(lán)色背景圖像。3．單擊“圖像”菜單，選擇“調(diào)整”|“色相/飽和度”命令，在彈出的對(duì)話框中修改相應(yīng)的值，使顏色變成橙色。4．將橙色的背景圖像另存為jpg格式文件。5．分別打開(kāi)藍(lán)色和橙色的背景，輸入各個(gè)欄目的名稱。再分別用“文件”菜單的“存儲(chǔ)為”命令，格式選擇CompuServegif，保存即可?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)圖像的設(shè)計(jì)與處理任務(wù)二：制作網(wǎng)站導(dǎo)航欄圖片1．啟動(dòng)A使用表格進(jìn)行網(wǎng)頁(yè)排版

任務(wù)一：插入及編輯表格回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)使用表格進(jìn)行網(wǎng)頁(yè)排版任務(wù)一：插入及編輯表格回節(jié)目錄案使用表格進(jìn)行網(wǎng)頁(yè)排版

任務(wù)二：向表格中插入元素回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)使用表格進(jìn)行網(wǎng)頁(yè)排版任務(wù)二：向表格中插入元素回節(jié)目錄創(chuàng)建超鏈接

任務(wù)一：對(duì)文本創(chuàng)建超鏈接1.創(chuàng)建外部鏈接：選中文本，在“屬性面板”的“鏈接”欄中，直接輸入鏈接地址，如，如果在新的窗口打開(kāi)，則在“目標(biāo)”中選擇_blank。2.創(chuàng)建內(nèi)部鏈接：選中文本，在“屬性面板”的“鏈接”欄中，直接輸入鏈接地址?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建超鏈接任務(wù)一：對(duì)文本創(chuàng)建超鏈接1.創(chuàng)建外部鏈接：創(chuàng)建超鏈接

任務(wù)二：制作導(dǎo)航欄超鏈接本案例中導(dǎo)航欄的超鏈接是利用“鼠標(biāo)經(jīng)過(guò)圖像”來(lái)實(shí)現(xiàn)圖像翻轉(zhuǎn)效果的。回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建超鏈接任務(wù)二：制作導(dǎo)航欄超鏈接本案例中導(dǎo)航網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)北京教育學(xué)院秦昆網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)北京教育學(xué)院秦昆網(wǎng)站建站流程設(shè)定目標(biāo)網(wǎng)站結(jié)構(gòu)版面草圖搜集資料版面設(shè)計(jì)登錄宣傳外部測(cè)試網(wǎng)頁(yè)上傳內(nèi)部測(cè)試網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容更新維護(hù)網(wǎng)站建站流程設(shè)定目標(biāo)網(wǎng)站結(jié)構(gòu)版面草圖搜集資料版面設(shè)計(jì)登錄宣傳網(wǎng)站類型網(wǎng)站服務(wù)器Internet使用者應(yīng)用程序服務(wù)器數(shù)據(jù)庫(kù)提出需求響應(yīng)需求靜態(tài)網(wǎng)站動(dòng)態(tài)網(wǎng)站動(dòng)態(tài)網(wǎng)站含數(shù)據(jù)庫(kù)網(wǎng)站類型網(wǎng)站服務(wù)器Internet使用者應(yīng)用程序數(shù)據(jù)庫(kù)提出需靜態(tài)網(wǎng)頁(yè)制作流程PhotoImpactPhotoshopImageReadyFireworksDreamweaverExtensionFlashJavaScriptPhotoImpactWebSite版面設(shè)計(jì)版面配置網(wǎng)頁(yè)設(shè)計(jì)多媒體內(nèi)容動(dòng)態(tài)網(wǎng)站靜態(tài)網(wǎng)頁(yè)制作流程PhotoImpactPhotoshopIm動(dòng)態(tài)網(wǎng)頁(yè)制作流程ASPPHPASP.NETColdFusionWindows+IISLinux+ApacheJSPIISApache.NETFrameworkColdFusionServerJSPServerDataBaseODBC或DNSless網(wǎng)站服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)法應(yīng)用程序服務(wù)器數(shù)據(jù)庫(kù)AccessSQLServerMySQL動(dòng)態(tài)網(wǎng)頁(yè)制作流程ASPPHPASP.NETColdFusio網(wǎng)站設(shè)計(jì)原則文件、文件夾名稱：

請(qǐng)盡量以英文方式命名，90%首頁(yè)一般皆命名為index.htm(html)、default.htm(html)頁(yè)面設(shè)計(jì)長(zhǎng)度以一頁(yè)為主，避免超過(guò)一頁(yè)網(wǎng)頁(yè)架構(gòu)以一至四層，并注意垂直、水平link，方便使用者瀏覽注意版權(quán)問(wèn)題30秒40ｋ原則網(wǎng)站設(shè)計(jì)原則文件、文件夾名稱：

請(qǐng)盡量以英文方式命名，90%網(wǎng)站的基本架構(gòu)認(rèn)識(shí)網(wǎng)頁(yè)（為何我們使用Dreamweaver開(kāi)發(fā)網(wǎng)頁(yè)）網(wǎng)頁(yè)和網(wǎng)站之間的關(guān)系制作網(wǎng)頁(yè)的前置工作何謂網(wǎng)頁(yè)(HTML語(yǔ)法)網(wǎng)站的基本架構(gòu)認(rèn)識(shí)網(wǎng)頁(yè)（為何我們使用Dreamweaver開(kāi)認(rèn)識(shí)Dreamweaver開(kāi)始建立網(wǎng)站、窗口接口的認(rèn)識(shí)新增網(wǎng)站(定義網(wǎng)站)新建網(wǎng)頁(yè)和網(wǎng)頁(yè)儲(chǔ)存頁(yè)標(biāo)題Title網(wǎng)頁(yè)基本編輯段落<p>與強(qiáng)迫換行<br>空格符

認(rèn)識(shí)Dreamweaver開(kāi)始建立網(wǎng)站、窗口接口的認(rèn)識(shí)開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”案例概述案例開(kāi)發(fā)要點(diǎn)案例分析腳本設(shè)計(jì)腳本設(shè)計(jì)屏幕界面設(shè)計(jì)案例分析框架結(jié)構(gòu)設(shè)計(jì)回章目錄開(kāi)發(fā)案例——“人工智能-機(jī)器人技術(shù)”案例概述案例開(kāi)發(fā)案例分析腳本設(shè)計(jì)腳本設(shè)計(jì)屏幕界面案例分析框架網(wǎng)站結(jié)構(gòu)設(shè)計(jì)回節(jié)目錄機(jī)器人技術(shù)首頁(yè)人工智能artificial機(jī)器人介紹robot機(jī)器人動(dòng)態(tài)active在線教程O(píng)nline經(jīng)驗(yàn)交流communicate人工智能相關(guān)理論知識(shí)機(jī)器人相關(guān)知識(shí)、我校的機(jī)器人機(jī)器人發(fā)展動(dòng)態(tài)介紹機(jī)器人軟、硬件，編程及組裝在線交流討論、作業(yè)提交網(wǎng)站結(jié)構(gòu)設(shè)計(jì)回節(jié)目錄機(jī)器人技術(shù)首頁(yè)人工智能artifici腳本設(shè)計(jì)

腳本設(shè)計(jì)包括：首頁(yè)腳本設(shè)計(jì)、“人工智能”頁(yè)面腳本設(shè)計(jì)、“機(jī)器人介紹”頁(yè)腳本設(shè)計(jì)、“機(jī)器人動(dòng)態(tài)”頁(yè)腳本設(shè)計(jì)、“在線教程”頁(yè)腳本設(shè)計(jì)、在線交流頁(yè)腳本設(shè)計(jì)和文章內(nèi)容頁(yè)腳本設(shè)計(jì)。機(jī)器人技術(shù)腳本設(shè)計(jì)回節(jié)目錄腳本設(shè)計(jì)腳本設(shè)計(jì)包括：首頁(yè)腳本設(shè)計(jì)、“人工智能”頁(yè)面屏幕界面設(shè)計(jì)回節(jié)目錄屏幕界面設(shè)計(jì)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)。文檔的基本操作。文本內(nèi)容開(kāi)發(fā)。圖像的設(shè)計(jì)與處理。使用表格進(jìn)行網(wǎng)頁(yè)排版。創(chuàng)建超鏈接?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)?；毓?jié)目錄創(chuàng)建和管理本地站點(diǎn)

任務(wù)一：認(rèn)識(shí)MacromediaDreamweaverCS31.啟動(dòng)MacromediaDreamweaverCS32.進(jìn)入DreamweaverCS3的標(biāo)準(zhǔn)工作界面

任務(wù)二：新建站點(diǎn)1.確定網(wǎng)絡(luò)自主學(xué)習(xí)型課件主題2.規(guī)劃網(wǎng)絡(luò)自主學(xué)習(xí)型課件的結(jié)構(gòu)3.設(shè)計(jì)網(wǎng)站界面4.定義本地站點(diǎn)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)任務(wù)一：認(rèn)識(shí)Macromedia創(chuàng)建和管理本地站點(diǎn)任務(wù)三：在站點(diǎn)中添加網(wǎng)頁(yè)文件及文件夾1.方法一：在Dreamweaver編輯窗口中的“創(chuàng)建新項(xiàng)目”中單擊，新建html文檔，選擇“文件”|“保存”命令，在彈出的“另存為”對(duì)話框中輸入文件名2.方法二：在右側(cè)的“文件”面板中，在站點(diǎn)名稱上單擊鼠標(biāo)右鍵，在彈出的下拉菜單中，選擇“新建文件”，修改文件名3.本案例站點(diǎn)的文件夾結(jié)構(gòu)回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)創(chuàng)建和管理本地站點(diǎn)任務(wù)三：在站點(diǎn)中添加網(wǎng)頁(yè)文件及文件文檔的基本操作任務(wù)一：打開(kāi)文檔1.方法一：選擇“文件”|“打開(kāi)”命令，在彈出的“打開(kāi)”對(duì)話框中，選擇文檔，單擊“打開(kāi)”按鈕。2.方法二：在“文件”面板站點(diǎn)文件列表中直接雙擊文件。任務(wù)二：設(shè)置頁(yè)面屬性1.選擇“修改”|“頁(yè)面屬性”命令，在彈出的“頁(yè)面屬性”對(duì)話框中，選擇“外觀”選項(xiàng)卡，設(shè)置字體大小為12px、背景圖像、頁(yè)邊距。2.在“頁(yè)面屬性”對(duì)話框中，選擇“標(biāo)題/編碼”選項(xiàng)卡，設(shè)置網(wǎng)頁(yè)標(biāo)題?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)文檔的基本操作任務(wù)一：打開(kāi)文檔1.方法一：選擇“文件”|文本內(nèi)容開(kāi)發(fā)

任務(wù)一：添加與編輯文本內(nèi)容1.打開(kāi)index.html，在文檔窗口光標(biāo)閃爍處直接輸入文本即可。2.輸入的文本默認(rèn)為宋體、12像素。選中文本，在“屬性面板”中修改字體、大小、顏色、對(duì)齊方式等選項(xiàng)?；毓?jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)一：添加與編輯文本內(nèi)容1.打開(kāi)ind文本內(nèi)容開(kāi)發(fā)任務(wù)二：使用CSS樣式設(shè)置文本格式1.打開(kāi)CSS樣式面板，單擊“新建CSS樣式”

按鈕，在彈出的“新建CSS樣式”對(duì)話框中，選擇“類”，名稱為.content，定義在“新建樣式表文件”，單擊“確定”按鈕。2.在彈出的“保存樣式表文件為”對(duì)話框中，選擇保存位置為images文件夾中，名稱為style.css。單擊“保存”按鈕。3.設(shè)置字體大小、行高、修飾、顏色等內(nèi)容，單擊“確定”按鈕。4.應(yīng)用CSS樣式5.對(duì)文本建立其他樣式時(shí)可以直接定義在style.css中。回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)二：使用CSS樣式設(shè)置文本格式1.文本內(nèi)容開(kāi)發(fā)任務(wù)三：對(duì)超鏈接文字設(shè)置樣式1.單擊“新建CSS樣式”按鈕，在彈出的“新建CSS樣式”對(duì)話框中，選擇“高級(jí)”，單擊“選擇器”后面的下拉菜單，選擇a:hover，定義在style.css，單擊“確定”按鈕。2.在彈出的a:hover的CSS定義對(duì)話框中，設(shè)置顏色和下劃線，單擊“確定”按鈕。3.a:hover的CSS樣式定義好后會(huì)自動(dòng)應(yīng)用到網(wǎng)頁(yè)中的帶有超鏈接的文字上。回節(jié)目錄案例開(kāi)發(fā)要點(diǎn)文本內(nèi)容開(kāi)發(fā)任務(wù)三：對(duì)超鏈接文字設(shè)置樣式1.單擊“新圖像的設(shè)計(jì)與處理任務(wù)一：設(shè)計(jì)網(wǎng)站中標(biāo)題性圖像1.啟動(dòng)AdobePhotoshopCS軟件。2.選擇“文件”菜單，選擇“打開(kāi)”命令，在彈出的對(duì)話框中找到所需要圖像。3.選擇“圖像”

︱“圖像大小”命令，將圖像寬度修改為780px，高度按比例即可。4.單擊PhotoshopCS工具箱中的“橫排文字工具”，在菜單欄下面的“選項(xiàng)”中選擇字體、設(shè)置字號(hào)、顏色等，然后輸入“人工智能”四個(gè)字。5.在“圖層面板”中的文字層單擊鼠標(biāo)右鍵，選擇“混合選項(xiàng)”。6.在彈出的“圖層樣式”