導航:首頁 > 萬維百科 > 網站規劃與網頁設計期末考試

網站規劃與網頁設計期末考試

發布時間:2020-11-20 22:30:51

1、求一個Dreamweaver網頁設計作品,這個是網頁設計與製作期末作業

1、 首頁動靜結合,版塊劃分緊湊合理,不能過於簡單;導航欄至少6—7個鏈接;
2、 整個網站要注意具有統一的網站風格,最好使用模板;
3、 切忌每個頁面用大量的文字和圖片簡單組合;
4、 整個設計要主題突出,版塊鮮明,層次清晰;
5、 整個站點要有一個主色調,顏色不能過於混亂。
6、 合理規劃整個站點中的內容,最好將網站中用到的素材圖片、flash等內容放入指定的文件夾中,用於鏈接的頁面也放入指定的文件夾中,切忌不要所有東西放入一個文件夾中,呈現混亂狀態,戰點的根目錄下面只有index.html。

2、網頁設計 期末考試

行 我這里剛好有一個 但是積分要給我呀!!!!!!!!! 呵呵 我的郵箱是[email protected] 那個是我發的 呵呵

3、網頁設計與製作的題目

網頁設計與製作的題目
一、填空題:
1、 1、 請用HTML語言描述下列語法
欲格式化文本 (1)
鏈接格式 (2)
開一個新窗口的格式 (3) 。
網頁背景顏色格式 (4)
2、若當前網頁位置為:c:\my documents\my web\index.htm,鏈接頁面的相對位置為:favorite.htm,則該鏈接頁面的絕對鏈接為: (5) 。
3、DreamWeaver中,Z_index分別為0、2、3的層,我們最先看到的是Z_index為 (6) 的層。
4、Flash中的動畫除了逐幀動畫,主要分為 (7) 、 (8) 兩種。
5、DreamWeaver中,模板通常分為兩個區: (9) 和 (10) 。
6、請用HTML語言描述下列語法
改變字體大小和顏色 (1) 使文本以斜體顯示 (2)
明確描述用在DL元素(用來定義一個列表)中的內容 (3)
創建一個有序列表 (4)
7、HTML中的列表格式分為3種: (5) 、 (6) 和 (7) 。
8、CSS在HTML中主要有三種應用方法 (8) 、 (9) 、 (10) 。
9、請用HTML語言描述下列語法
指明自己Web頁面的名字 (1) 強調某些文本 (2)
定義一個段落 (3)
創建下標 (4)
10、從鏈接的方式上來分,鏈接大致可以分為3種: (5) 、 (6) 和 (7) 。
11、Flash通過使用 (8) 、 (9) 克服了網路傳輸速度慢的問題。
12、使用Fireworks進行圖像編輯過程中,為了更准確地編輯圖像位置,常常藉助於 (10) 。
二、簡答題:
1. 簡述站點的層次結構和層次規劃原則。
2. 簡述什麼是超級鏈接及其語法格式,兩種URL的區別。
3.Dreamweaver是什麼樣的工具軟體?簡述其主要功能。
4. 簡述如何使用Flash製作自己的動態按鈕?
5. 簡述HTML文檔的結構。
6. 簡述什麼是網頁,網頁的特點。
7. 簡述網頁設計的基本准則。
8. Fireworks是什麼樣的工具軟體?簡述其主要特點。
9. 簡述Flash是怎樣通過使用矢量圖形和流式播放技術來克服網路傳輸速度慢的問題的?
10. 簡述表單發送的兩種方式GET方式和POST方式。
11. 簡述什麼是HTML的單標識和雙標識?
12. 簡述Flash開發環境主要由那幾部分組成,並說明其功能或用途。
13. 什麼是地圖索引?使用Dreamweaver製作地圖索引得步驟。
14. 簡述如何使用Fireworks製作按鈕?
15. 簡述你對動態伺服器頁ASP的認識。
三、設計題:
1、用HTML語言實現下列表格。
財務報表
季 度 收 入(元) 支 出(元)
建 築 房 地 產 銷 售 服 務 辦 公
第一季度 306000 282000 90000 10000
第二季度 450000 364000 54000 20000
2用HTML語言實現下列表格。
財務報表
品 牌 春 裝 夏 裝
男 裝 女 裝 童 裝 男 裝 女 裝 童 裝
JC 牛仔系列 116 98 68 88 86 46
休閑系列 120 100 80 98 88 50
3、敘述使用flash工具製作探照燈效果的過程及步驟
提示:
(1) (1) 如何新建flash文件?
(2) (2) 如何新插入新圖層,如何將層名改為暗圖像、亮圖像、探照燈?
(3) (3) 如何選擇暗圖像層的第1幀,導入圖片(圖片名稱任意)。
(4) (4) 是否該將換為符號?如何修改符號名為:背景圖,類型為:graphic。
(5) (5) 怎樣設置透明度(Alpha)為10%。
(6) (6) 選擇亮圖像層,從何處將符號「背景圖」拖放到舞台上, 「亮圖像」中的實例在和「暗圖像」應給注意些什麼?
(7) (7) 選擇探照燈層,在舞台上繪制圓,填充顏色微任意色,分別在第10幀、20幀、30幀插入關鍵幀,並改變第10幀、第20幀、第30幀圓的位置,設置第1~30幀的效果。
(8) (8) 將文件保存為:mask.fla。

4、網頁設計期末作業 用DW

我有以前做的dreamweaver的網頁作業。
有20份作業的源文件。任你挑選。
郵箱我就不單獨發了,為了方便大家下載參考。
我把網頁作業源文件打包上傳到我的百度網盤。可以直接下載,不需要注冊,也不需要積分。
網頁作業的下載地址 公布於本人的百度空間的文章中。
找不到或者有什麼問題的可以私信我

5、求網頁設計作業,由於是作為期末成績,所以大家幫幫忙,作品好可以加分,分不是問題.下面是內容及要求.

已發送,請查收,希望能幫到你~~

6、網頁開發與設計的基本流程是什麼?

網頁製作流程

--------------------------------------------------------------------------------

主要內容介紹:

一、構成網頁的基本要素
二、製作及美化的基本工具
三、網頁製作的基本步驟
四、界面設計及交互研究探討
五、實例製作演示

一.構成網頁的基本要素

1.文字(標題、字型大小、字型...)
2 圖形(網頁上經常使用的圖片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜單按鈕、鏈接、表單、數據交換...)
...

超文本標識語言(HTML)

HTML(Hypertext Markup Language)是一種專門用於Web頁製作的編程語言,用來描述超文本各個部分的內容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。

在HTML中,所有的標記符都用尖括弧括起來。
例如,<HTML>表示HTML標記符。絕大多數標記符都是成對出現的,包括開始標記符和結束標記符。
如:<HTML>…</HTML> .

HTML文檔的基本結構

一個典型的HTML文本的基本結構形式如下:

<HTML>
<HEAD>
<TITLE>網站製作流程及界面交互設計研究探討</TITLE>
</HEAD>
<BODY>文本內容:</BODY>
</HTML>

二.製作及美化的基本工具

1.超文本標識語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、

2.頁面設計及美化工具
使用工具:所有可製作平面的軟體
推薦使用Photoshop、FireWorks、Flash

三、網頁製作的基本步驟

1、整體規劃
需要完成的規劃:網站主題、風格、頁面元素、邏輯結構等

2、資料收集
收集內容:
a、跟主題相關的文字圖片資料
b、一些優秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼

3、偽界面設計
根據事先規劃的結構,在平面軟體里設計你想要的最終效果,利用平面圖片的形式先展示一次,設計時要注意宜人性、人機、心理等各方面因素

4、代碼轉換及交互添加
把平面的偽界面轉化為HTML代碼,添加相應的交互功能Js、按紐、表單,以及一些與資料庫相連接的代碼。

5、測試網頁兼容性
你可以不必嚴格按照W3C標准來製作頁面,但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。

6、發布站點
測試完畢,符合你的要求,當然就可以開始發布你的網站了,發布的伺服器可以是遠程,也可以是本地,各個語言有各自的相應的伺服器,比如ASP,就應該對應的是ASP伺服器,上傳可利用遠程FTP工具。

四.界面設計及交互研究探討

a、導航欄設計
導航要素設計的好壞決定著用戶是否能方便使用網站導航要素要設計的直接而明確,並最大限度為用戶的方便考慮。

b、網頁布局
網頁的布局是整個界面的核心,這里體現了一切以用戶為中心、以及製作者如何與欣賞著溝通的思想在裡面,你必須知道自己要傳達什麼樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現功能以及美感就是你研究的重點。

PS:布局之前要緊密連接你網站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現你想要的效果

網頁布局--主要構成原則
醒目性:指用戶把注意力集中到你誘導起瀏覽的部分和內容
可讀性:指網站的內容讓人容易讀懂
明快性:指准確、快速轉達網站的構成內容
造型性:維持整體外型上的穩定感和均衡性
創造性:有鮮明個性,創意是必不可少的
布局的構成原則上是:統一、協調、流動、強調、均衡

c、交互研究
我這邊的交互主要集中在人機操作方面,研究用戶瀏覽網站心理我個人認為一個成功的個人主頁,單純的美觀是不夠的,重要的是宜人性方面應該注重,喜歡Google、Douban就居於這。

五、實例製作演示(略)

1、頁面製作整體規劃

對象:一個列印商業宣傳主頁
格調:活潑,色彩,簡單,大方

2、資料收集

a 、商標、網址、公司宣傳冊、了解企業文化,了解負責人的品位、他們的案例、跟負責人溝通掌握信息
b 、網上下載相似印刷行業的公司主頁,了解現有行業的的一些設計特點
c、下載一些色彩比較華麗的圖片,或跟印刷相關連的圖片
d、如果你自己不會動態語言,下載一個滿足你功能的新聞發布系統和留言源碼

3、偽界面設計

a、在PS設計偽界面

b、切片工具對整體進行合理的分割
注意點:隱藏你要通過輸入的文字,分割時要保持他的整體意義,盡量讓每一部分是完整的,注意一些交互上操作。

c、導成WEB格式-直接導成HTML格式—步驟:
1、.點擊文件存儲為WEB文件格式
2、在界面裡面調整理想參數
3、導出保存PS能自動生成一些HTML代碼,但是他不是很標准,你必須在Dreamweave裡面進行加工

d、在Dreamweave裡面進行代碼加工
具體步驟:
1、先修改標題
2、修改頁面屬性:背景顏色、背景圖片.....
3、把頁面調整為布局格式(這個可以按照自己習慣來設置,有標準的表格方式,也有布局類型)
4、把要添加文字的圖片轉化為背景形式
a、找到對應圖片路徑
b、拷貝路徑後刪除圖片
c、轉化為標准形式
d、把路徑粘貼到背景屬性上
e、回到布局界面
5、添加具體文字連接設置等操作
6、CSS設置
7、修整代碼,發布預覽按F12即可預覽效果

4、測試網頁兼容性

按照你設計時的對象,根據IE版本以及瀏覽器的不同,調整理想的效果,但是大部分出現問題的是JS\VB等代碼,如果只是單純靜態圖片,基本不會有很大的差別,推選大家盡量往W3C標准靠

5、發布站點

購買自己的空間域名,其實事先就應該購買的,利用FTP上傳軟體,把你的頁面上傳到你的網上伺服器上推薦一款FTP上傳工具LeadFTP

與網站規劃與網頁設計期末考試相關的知識