![]()
src=“../image/top.jpg”
width=“980px;” height=“130px;” />
1、簡述Web瀏覽器打開一個Web文件的工作過程。
2、描述網(wǎng)頁設(shè)計的一般步驟。
3、簡述網(wǎng)頁設(shè)計的基本準(zhǔn)則。
4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)遵循的原則。
5、描述版面布局的步驟。
6、什么是“HTML”?HTML“標(biāo)記”又是什么?
7、簡述“HTML”文檔的基本結(jié)構(gòu)。
8、簡述以下一段HTML代碼中各對標(biāo)記的作用?!磆tml〉
〈head〉
〈title〉網(wǎng)頁設(shè)計〈/title〉 〈/head〉
〈body〉
〈h2〉北國風(fēng)光〈/h2〉
〈/body〉 〈/html〉
9、如何進(jìn)行本地網(wǎng)頁的測試?
10、網(wǎng)站管理和維護(hù)的主要工作有哪些?
11、什么是Web瀏覽器?
12、簡述網(wǎng)頁設(shè)計中所需要注意的通用規(guī)則。
13、簡述DHTML的概念及主要組成。
14、簡述使用FrontPage在網(wǎng)頁中插入一個日歷的過程。
15、簡述色彩的三原色的概念及每種顏色的調(diào)配范圍。
16、為什么要采用DHTML技術(shù)?客戶端動態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點?
17、網(wǎng)站欄目劃分的原則是什么?
18、XML與HTML相比的主要優(yōu)點有哪些?
19、請簡述一下網(wǎng)站的設(shè)計流程?
20、簡述FireWorks的特點。
21、網(wǎng)頁制作的步驟是什么?
22、怎樣讓鏈接沒有下劃線?
23、怎樣在網(wǎng)頁中加入多媒體播放?
24、怎樣讓網(wǎng)頁的背景圖像不滾動?
25、怎樣定義網(wǎng)頁的關(guān)鍵字?
26、什么是Web瀏覽器?
27、網(wǎng)頁上所說的重心平衡指的是什么?
28、什么是DHTML?DHTML技術(shù)主要由哪幾部分組成?
29、在CSS中,對字體的的設(shè)置所涉及到的屬性有哪些?
30、用HTML語言回答一個HTML文件應(yīng)具有的基本結(jié)構(gòu)。
31、比較GIF格式和JPG格式的原理與各自的適用范圍。
32、為什么要采用DHTML技術(shù)?客戶端動態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點?
33、簡述站點的概念以及虛擬目錄和實際目錄之間的對應(yīng)關(guān)系。
34、什么是Web安全色?
35、簡述虛擬主機(jī)的概念和功能。
36、簡述Dreamweaver的工作窗口由哪些部分組成。
37、在Dreamweaver中,插入圖像的方法有哪些?
38、在Fireworks中,如何使文字附加于路徑?
39、在Flash MX中可以創(chuàng)建哪些類型的元件?各元件的含義是什么?
40、HTML中
標(biāo)記和
標(biāo)記有何區(qū)別?
41、簡述在網(wǎng)頁中插入背景音樂的方法。
42、怎樣在網(wǎng)頁中插入Flash影片?
43、簡述設(shè)計Web站點的一般步驟。
44、簡要說明html的基本工作原理。
45、簡要說明表格與框架布局的區(qū)別。
46、舉例說明在網(wǎng)頁中使用CSS樣式表的三種方式(都使用對p標(biāo)記符應(yīng)用color屬性為例),并簡要分析各自的特點。
47、簡要說明使用網(wǎng)頁圖像時應(yīng)注意的問題
48、簡要回答選擇符的作用及分類。
49、XML的主要特征有哪些?
50、FrontPage的主要功能有哪些?
51、簡答HTML文件的基本標(biāo)記組成。
52、簡答Java與JavaScript的主要區(qū)別。
53、簡述網(wǎng)站的開發(fā)流程。(10分)
54、簡述靜態(tài)網(wǎng)頁的執(zhí)行過程。(7分)
55、簡述在Dreamweaver MX中制作以插件方式播放音樂的頁面的步驟。
56、簡述網(wǎng)頁制作有哪些基本流程。
57、在Dreamweaver MX中,目標(biāo)端點的鏈接有哪幾種?
58、簡述在Fireworks中,可以做哪幾個方面的環(huán)境設(shè)置。
59、在Flash MX中,幀有哪幾種類型?各自的含義是什么?
參考答案:
1、簡述Web瀏覽器打開一個Web文件的工作過程。
1)
Web瀏覽器向服務(wù)器發(fā)出頁面請求
2)
服務(wù)器接收頁面請求,并將搜索到的頁面發(fā)給Web瀏覽器
3)
Web瀏覽器接收并顯示頁面
2、描述網(wǎng)頁設(shè)計的一般步驟。
1)
設(shè)計主題
2)
設(shè)計網(wǎng)頁的總體結(jié)構(gòu)
3)
資料的收集和整理
4)
選擇網(wǎng)頁的設(shè)計方法
5)
注意一些基本問題,如:標(biāo)題要簡明、圖片最好加說明等
3、簡述網(wǎng)頁設(shè)計的基本準(zhǔn)則。
需要遵循的藝術(shù)原則主要有:
1)
對比原則
2)
協(xié)調(diào)原則
3)
平衡原則
4)
趣味原則。
還包括統(tǒng)一、連貫、分割、對比、和諧、易讀、易找、清晰、精選。
4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)遵循的原則。
在創(chuàng)建目錄時需要注意:
(1)不要將所有文件都存放在根目錄下。
(2)目錄層次不要太深,建議不要超過三層。
(3)不要使用過長的目錄名和盡量不要使用中文目錄名。
5、描述版面布局的步驟。
步驟:
1)
繪制網(wǎng)頁草圖
2)
粗略布局
3)
定案
6、什么是“HTML”?HTML“標(biāo)記”又是什么?
HTML是一種建立網(wǎng)頁文件的語言,透過標(biāo)記式指令,將影像、聲音、圖片和文字等連接起來。
在HTML中用于描述功能的符號稱為“標(biāo)記”,它是用來控制文字、圖形等顯示方式的符號。
7、簡述“HTML”文檔的基本結(jié)構(gòu)。
HTML網(wǎng)頁的基本結(jié)構(gòu)。
HTML文件開始
文件頭開始
文件頭
文件頭結(jié)束
文件體開始
文件體
《網(wǎng)頁設(shè)計與制作教案》
教師:系部:信息技術(shù)工程系專業(yè):計算機(jī)應(yīng)用班級:計機(jī)
湄洲灣職業(yè)技術(shù)學(xué)院
2008-2009學(xué)年第一學(xué)期
唐 俊 奇
電子信息
07(1)信息07(1)08(2)
1.3 網(wǎng)頁中所使用的技術(shù)
1.3.1 HTML語言和XML語言
1、HTML語言
?HTML只使用SGML中很小一部分標(biāo)記
?HTML語言(Hyper Text Markup Language 超文本標(biāo)記語言)
?HTML是純文本的語言,其源代碼可以用各種文本編輯工具進(jìn)行編輯,常用的網(wǎng)頁制作軟件如FrontPage、Dreamweaver等實際上是自動生成HTML源代碼的工具
2、XML語言
XML(eXtensible Markup Language)1.3.2 動態(tài)網(wǎng)頁
1.3.3 多媒體技術(shù)的應(yīng)用 1.3.4 Web服務(wù)器端程序
1.4 制作網(wǎng)頁的基本方法
1.4.1 制作網(wǎng)頁的基本步驟
1、確定網(wǎng)頁的內(nèi)容
2、設(shè)計網(wǎng)頁的組織結(jié)構(gòu)
3、資料的收集與整理
4、選擇網(wǎng)頁的設(shè)計方法
1.4.2 制作網(wǎng)頁時要注意的問題
1、網(wǎng)頁的標(biāo)題要簡潔,明確。
2、在文本中要使用水平線,以分割不同部分。
3、對重點段落要強調(diào)顯示。
4、網(wǎng)頁中插入的圖片要盡量的小。
5、圖形要附加文字說明,以便關(guān)閉圖像時查看。
6、網(wǎng)頁中引用的資料及商標(biāo)(或圖標(biāo)),不能侵犯版權(quán)?!菊n后小結(jié)】
通過學(xué)習(xí),認(rèn)識網(wǎng)絡(luò)、網(wǎng)站、網(wǎng)頁及相關(guān)信息,理解網(wǎng)頁制作的流程及了解相應(yīng)開發(fā)工具,為設(shè)計網(wǎng)頁做準(zhǔn)備。
第二講 HTML的基本標(biāo)志與格式標(biāo)志
【教學(xué)內(nèi)容】
講解HTML基本標(biāo)志對和格式標(biāo)志?!窘虒W(xué)目的】
使學(xué)生標(biāo)志對與格式標(biāo)志對的使用?!窘虒W(xué)重點】
格式標(biāo)志的使用?!窘虒W(xué)難點】
* 使學(xué)生掌握超級鏈接標(biāo)志的使用。【教學(xué)重點】
* 字體、圖片和超級鏈接標(biāo)志的使用。* 網(wǎng)頁中特殊符號的輸入?!窘虒W(xué)難點】
* 理解特殊符號對應(yīng)的標(biāo)志。* 理解img標(biāo)志中屬性的意義。* 理解書簽超級鏈接的意義。【教學(xué)方式】
討論式、案例分析式、練習(xí)式?!窘虒W(xué)參考】
1、《網(wǎng)頁設(shè)計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?!拘抡n內(nèi)容】
2.2 插入文字
2.2.1 劃分段落 格式
段落內(nèi)容
2.2.2 插入標(biāo)題文字 格式
標(biāo)題內(nèi)容 2.2.3 字號屬性
設(shè)置基準(zhǔn)字號: 網(wǎng)頁內(nèi)的其他文字,采用下面的格式來定義 ...... Size的有效范圍是1(最大)到7(最?。H绻赟ize的值前面帶上“+”號或“-”號,則表示相對于基礎(chǔ)字體增大或減小若干字號。2.2.4 顏色屬性 兩種方式
字符串 2.2.5 字體屬性
2.2.6
文本修飾
......,文字以粗體顯示。......,文字顯示為斜體。......,顯示下劃線。
...... STRIKE>,中心線貫穿文字。< EM>...... EM>,強調(diào)文字,通常用斜體。
< STRONG>...... STRONG >,特別強調(diào)的文字,通常用黑體。
2.3.2 圖片的屬性
2.4 建立超級鏈接
2.4.1 指向一個目標(biāo)
1、建立超級鏈接
字符串
2、為圖片建立超級鏈接
3、鏈接到郵件和多媒體文件 鏈接到郵件
請與我聯(lián)系 2.4.2 使用錨點
?使用錨點可以使用戶在一個較長的文檔中跳轉(zhuǎn),方便地找到要閱讀的內(nèi)容。?建立錨點:
?錨點文字 ?使超級鏈接指向已定義的錨點。?文字 ?文字 2.4.3 新窗口和基準(zhǔn)鏈接
1、打開新窗口 Target=“window-name”>開一個新窗口
2、基準(zhǔn)鏈接
在
與 之間設(shè)定
BorderColor=“#008000“ >
2.7.3 子窗口屬性設(shè)置
-2.7.4 常見的框架窗口劃分方法(1)標(biāo)題和正文,分為上下兩部分(2)層次結(jié)構(gòu),分為上中下三部分
(3)目錄和標(biāo)題,分為左上、左下、右三部分
(4)標(biāo)題、目錄和正文,分為上、左下、右下三部分(5)嵌套目錄,分為左、右上、右下三部分 2.7.5 不支持框架的網(wǎng)頁