《網頁設計與制作》課程實踐考核要點和樣題

發布者: 網站管理員    /    發布時間: 2016-10-14   /   瀏覽次數: 329 次

《網頁設計與制作》實踐環節考核要求

    《網頁設計與制作》是一門實踐性很強的課程,考生通過實踐應掌握電子商務網站設計的基本原則和基本方法。能熟練掌握用HTML語言編寫靜態網頁;掌握CSS層疊樣式表在網頁中的應用;掌握JavaScript語言在主動網頁中的應用。能熟練使用FrontPage 2003或Dreamweaver工具創建網站并設計網頁;能使用Photoshop工具簡單處理圖像素材;能使用Fireworks工具切割圖形,制作簡單的GIF動畫;能使用Flash工具制作簡單的Flash動畫;能熟練使用FTP工具Cute Ftp下載網頁制作所需的素材,上傳并發布所創建的網站,掌握使用WinZIP或RAR工具解壓縮下載的素材。考核的具體要求如下:

第一部分 網頁內容

一、超文本語言HTML

1、HTML基本結構
掌握HTML文件的基本結構,掌握標記<html>、<head>和<body>的使用,掌握注釋<!– –>的使用。
2、頁面排版
掌握標記<title>、<hx>、<br>、<pre>和<center>在網頁中的使用;掌握文字效果標記<strong>(<b>)、<em>(<I>、<cite>)、<u>、<strike>、<sup>、<sub>和<font>的使用,掌握<body>標記屬性bgcolor、background、align和text的設置;掌握特殊符號“<”、“>”、“””和“&”在網頁中的表示方法。
3、清單列表
掌握標記<menu>、<lh>、<li>、<ul>、<ol>和<li>的使用和相關屬性的設置。
4、表格
熟練掌握應用表格來布局網頁的各種元素;掌握表格標記<table>、<tr>、<th>、<td>和<caption>的使用;掌握<table>標記屬性border、width、cellspacing、cellpadding和bgcolor的設置;掌握<th>、<td>標記屬性width、height、align、valign、bgcolor和nowrap的設置;掌握單元格的合并,即及相關標記屬性rowspan和colspan的設置。
5、圖片
掌握<img>標記的使用,及相關屬性width、height、hspace、vspace、border、align和alt的設置。
6、超級鏈接
掌握<a>標記的使用,及相關屬性的設置;掌握同一網頁內的鏈接,同一網站內其他網頁的鏈接,其他網站網頁的鏈接;掌握圖片超級鏈接,圖片上部分區域的超級鏈接及相關標記<map>、<area>使用和屬性的設置。
7、多媒體
掌握<embed>標記的使用,及相關屬性width、height、autostart和loop的設置
8、表單
掌握表單標記<form>和表單元素標記<input>的使用及有關標記屬性的設置,掌握普通按鈕、發送按鈕、重置按鈕、文本框、密碼框、復選框、單選按鈕、選擇菜單框和文本域框的使用。
9、框架
掌握框架的基本格式;掌握框架標記<noframes>、<frameset>和<frame>的使用及相關屬性src、cols、rows、marginwidth、marginheight、border的設置;掌握框架中的超級鏈接。
10、META標記
掌握<meta>標記的使用,利用該標記實現動態鏈接、動態排列文件和網頁關鍵詞設置。

二、CSS層疊樣式表

1、掌握CSS的基本規則和在網頁中引用CSS的方法,重點掌握嵌入式樣式單的使用,掌握<style>標記。
2、掌握使用類選擇符或ID選擇符在網頁中引用CSS中的樣式。
3、掌握錨偽類的使用,即a:link、a:vistied、a:actived、a:hover的使用
4、掌握CSS中的文本屬性letter-spacing、text-decoration、vertical-align、text-align、text-indent、line-height的使用,顏色及背景屬性color、backgroung-color、background-image、background-repeat、background-attachment、background-position的使用,字體屬性font-family、font-size、font-style、font-weight的使用。

三、JavaScript語言

1、掌握腳本標記<script>的使用及屬性的設置,JavasSript語言在網頁中的使用。
2、掌握JavaScript語言的變量、表達式的使用,掌握數學操作符(+、-、*、/、%)、邏輯操作符(&&、||、!)、比較操作符(==、!=、>=、>、<=、<)、字符串操作符(+),及操作符的優先級。
3、掌握變量聲明,賦值語句,函數定義語句(function),條件語句(if…else),循環語句(for、while、break、continue)、對象操作語句(this)。
4、掌握對象的屬性、方法的使用(對象.屬性、對象.方法)。
5、掌握內置對象:String對象(屬性:length,方法:indexOf()、substring()),Date對象。
6、掌握瀏覽器對象:Window對象(方法:open()、close()、alert()),document對象(方法:write()、writeln())
7、掌握常用事件(Load、Click、Select)及處理。

第二部分 網頁制作工具

一、網頁設計工具

網頁設計工具涉及FrontPage和Dreamweaver兩種軟件,要求考生熟練掌握其中一種軟件完成考核中關于網頁設計部分的題目。
1、掌握使用網頁制作工具建立網站,打開已存在的網站。
2、掌握使用網頁制作工具在網站內創建新網頁,編輯修改網站中已存在的網頁。
3、掌握同網站有關的所有網頁和網頁中用到的素材必須在網站的文件夾中。
4、掌握使用網頁制作工具完成靜態網頁的布局。
5、掌握使用網頁制作工具完成靜態網頁的制作
6、掌握使用網頁制作工具,對HTML語言中標記的使用和標記屬性的設置。
7、掌握使用網頁制作工具,自定義CSS樣式,并在網頁中使用自定義的樣式。
8、掌握使用網頁制作工具,編寫簡單的JavaScript腳本。

二、Photoshop

1、熟悉Photoshop的工作環境。
2、掌握使用Photoshop實現圖像文件格式的轉換。
3、掌握圖層的建立、圖層間的關系及透明和圖層的合并。
4、掌握對圖像的移動、旋轉、縮放、選擇、復制。
5、掌握對圖像部分內容的選取,使用橡皮圖章對部分內容的擦除。
6、掌握填充工具的使用。
7、掌握文字的輸入及修飾。

三、Fireworks

1、熟悉Fireworks的工作環境。
2、掌握簡單的圖像編輯。
3、掌握圖形的切割。
4、掌握GIF動畫的制作。
5、掌握文字的輸入及修飾。

四、Flash

1、熟悉Flash的工作環境。
2、掌握圖層的使用。
3、掌握繪圖工具的使用。
4、掌握對對象的處理。

五、Cute FTP

1、掌握使用匿名方式,從指定的FTP服務器下載考核所需的素材,并使用WinZIP或RAR工具解壓縮。
2、掌握使用實名方式,將創建的網站上傳到制定的WEB服務器進行發布,并能在瀏覽器上瀏覽到上傳得網站。

第三部 分使用軟件版本

FrontPage 2003簡體中文版
Dreamweaver MX 2004簡體中文版
Photoshop CS 7.0簡體中文版
Fireworks MX 2004簡體中文版
Flash MX 2004簡體中文版
Cute FTP

附:樣題舉例
一、創建網站
1、在考盤根目錄中建立名為test的“空白網站”。
二、超文本語言HTML
1、在考盤根目錄的test站點中,按下列要求設計網頁,結果以default.htm保存。
1)請用表格布局整個網頁,寬度為700像素,水平居中;水平線的高度為5個像素,棕色;水平線上方圖片及文字的位置如上,其中文字:宋體,3號,在單元格中居中,其背景為圖片。
2)請用表格布局,在水平線下方,網頁右邊設計在線調查,文字為2號加粗,在網頁左下方插入廣告圖片,樣式如上圖。
3)請用表格布局,水平線下方,網頁居中偏左設計“本周暢銷品種”,樣式如上圖,文字格式與樣張基本相同即可。
4)對暢銷品種的圖片使用矩形熱點,與網頁test1.htm建立超鏈接(該網頁在sc文件夾),在缺省窗口中打開;并對網頁test.htm中的文字“返回”設置與網頁default.htm超鏈接。
5)在網頁底部中間輸入設計者的信息:“制作:姓名 張三 準考證號 123456 座位號 100001”字體為5號。


三、CSS層疊樣式表
1、在考盤根目錄的test站點中,按下列要求使用CSS方法編寫一個程序網頁,結果以test1.htm保存。
1)在瀏覽器的左上方顯示文字:“在淘寶網主頁有花鳥市場欄目”。其字下方為文字:“單擊這兒能進入淘寶網花鳥市場”。
2)文字“花鳥市場”的size為150%,color為red,background-color為silver。
3)文字“單擊這兒能進入淘寶網花鳥市場”的指向目標為:http://www.taobao.com/vertical/pet/index.php,當鼠標指針移到該文字上,鼠標指針呈手形并且文字變成紅色 (color:# ff0000。)
四、JavaScript語言
1、在考盤根目錄的test站點中,按下列要求用JavaScript編寫一個網頁程序,結果以test1.htm保存。
1)在瀏覽器屏幕的左上角顯示一個文本框,其上方顯示提示信息:“請正確輸入您的郵件地址:”,其右面設置一個命令按鈕,上方顯示文字:“郵件地址核對”。界面見圖示。

2)當在文本框中沒有輸入任何字符時或者不含有“@”時,用鼠標單擊“郵件地址核對” 命令按鈕時,則顯示一個窗口,上面顯示提示信息:“郵件地址輸入錯誤,請重新輸入!”
3)當在文本框中輸入的字符含有“@”時,用鼠標單擊“郵件地址核對”命令按鈕時,則顯示一個窗口,上面顯示提示信息:“郵件地址輸入正確!”
五、Photoshop
1、利用圖像t0105.jpg中的樹枝為素材,制作一幅網頁所需的圖像文件,如樣張,以文件名為g01.gif保存在考盤根目錄下,制作的具體要求如下:
1)圖像的大小為190X380像素。
2)圖像背景的上半部分為橘紅色,下半部分為黑色。
3)在圖像的左上部分輸入文字秋的回憶。
六、Fireworks
1、用素材中的t0101.jpg、t0102.jpg、t0103.jpg、t0104.jpg圖像制作一個GIF動畫,以文件名為g01.gif保存在考盤根目錄下,制作的具體要求如下:
1)GIF動畫的大小為200X50像素,對不符合要求的圖像,將其右方和下方多余的部分刪除。
2)在t0101.jpg圖像中增加如下文字“歡迎訂閱”。
七、Flash
1、制作如樣例效果的Flash動畫,以文件名為s01.swf保存在考盤根目錄下,制作的具體要求如下:
1)Flash動畫的大小為200X50像素。
2)以動畫的形式逐個顯示文字內容“我能制作Flash動畫”。
3)背景為圖像文件t0106.jpg。
八、Cute FTP
1、將考盤根目錄的test站點中制作好的網站內容,使用FTP方式全部上傳到WEB服務器,上傳服務器的IP地址為192.168.0.1,用戶名為st0001,密碼為888888,上傳后在IE瀏覽器中瀏覽并檢查上傳得網頁,瀏覽的地址為:htpp://192.168.0.1/st0001。

火狐体育 竞博官网| JBO竞博| 竞博JBO| 电竞竞博| 官网竞博| JBO官网| 竞博app官方下载| 竞博官网| 官网竞博| JBO| 竞博| JBO电竞| 竞博官网下载| JBO电竞|