網頁設計目標

1、網頁設計的規劃書

一、實驗目的和要求
綜合應用Dreamweaver 8的基礎知識創建和編輯網頁。
二、實驗內容及步驟
（1） 在「文件」中新建一個網頁，在「插入面板」的「布局」中，新建「左側和嵌套的頂部框架」框架，並使框架網頁符合下列要求。
① 「文件」中的「框架集」另存為，保存框架集時，把框架集文件名改為index.htm。
② 在「框架浮動面板」中選中左框架，在「文件」中選擇「保存框架頁」，同時給左框架文件命名為left.htm，在框架浮動面板中選中左框架，在「修改」中將「頁面屬性」中設置背景圖像為bg0035.jpg以及左框架的列寬度為320像素。
③在框架浮動面板中選中頂框架，在「文件」中選擇「保存框架頁」，頂框架文件名為top.htm，選中頂框架，「屬性面板」中設置行高度為65像素。
④ 選中主框架，在「屬性面板」中設置主框架頁面的「滾動」方式為自動，[源文件]為本地站點中的網頁文件main.htm。
⑤ 分別選中3個框架,在「屬性面板」,「頁面屬性」中將三個框架網頁的頁面屬性「左邊界」、「頂部邊界」、「邊界寬度」、「邊界高度」設為0，在「文件」中選擇「保存全部」,將全部框架文件保存在本地站點中。

（2） 用photo子文件夾中的圖像創建網站圖像冊，其要求如下。
①新建一個網頁,在「命令」中「創建網站相冊」,在彈出的窗口中設置標題為「名畫——人類的精神糧食」，省略副標題。
②在①彈出的窗口中繼續設置頁面圖像的縮略圖尺寸為100*100像素；每行列數我為6列；縮略圖像文件格式為.jpg。
③在①彈出的窗口中繼續設置「源圖像文件」為本地站點根文件夾中的photo子文件夾，「目標文件夾」為本地站點根文件夾，其他參數默認。
④在「頁面屬性」中用img文件夾中的文件bg0029.jpg設置網頁背景圖像。
⑤插入「庫」項目:在頁面中插入層,點擊「文件浮動面板」，「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。
⑥在「文件」中選擇「另存為」,保存網頁文件,以index1.htm為名保存在本地站點的根文件夾中。

（3） 新建一個網頁,命名為 fg1.htm，並將此文件保存本地站點根文件夾中。打開文件fangao.dwt.
①將 「梵高的故事.doc」中的文字內容復制粘貼到網頁文字可編輯區域的藍色框中，並在模板左側2個圖像可編輯區域中，單擊可編輯區域,在「插入」中選擇「圖像」,選擇img文件夾中的tu1_3.jpg和tu2_3.jpg，模板頂部標題可編輯區域輸入文字「梵高的故事」。
②在「屬性面板」中選擇「樣式」，「附加樣式表」,附加本地站點根文件夾中的外部層疊樣式表文件format.css，選中網頁標題,在「屬性面板」樣式中選擇title作用於網頁標題，同樣方法將樣式format作用於網頁中的其他文字，樣式filter作用於圖像文件tu1_3.jpg和tu2_3.jpg。
③把游標放在要插入的位置,在「插入」中選擇「命名錨記」,輸入名稱」aa」,在網頁中最後一段的文字「鑲板畫」中間插入用於超鏈接的名為「aa」的站點。
④在頁面左下角插入層, 在「文件浮動面板」的「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。

（4） 新建網頁文件，並將此文件以fg2.htm為名保存在本地站點的文件夾中。
①在「屬性面板」的「頁面屬性」中設置頁面背景圖像為bg0029.jpg，在「插入」中選中「表單」中的「表單」。在「屬性面板」中設置表單的名稱為：「調查」，動作為：答題學生本人的郵件地址，方式為：POST。
②輸入文字「問卷調查」，選中文字在「屬性面板「中設定」居中」,並設置文字格式。
③在「插入」中選擇「表單」，「文本域」,在表單的第2行，插入文本域。設置標簽文字為「姓名」,確定.選中文本域,在「屬性面板」中設置「字元寬度」為20，「類型」為單行，「最多字元數」為20。
④在「插入」中選擇「表單」，「單選按鈕組」,在同一行中再插入單選按鈕組，單選按鈕組的名稱為「性別」。將標簽改為」男\女」,在屬性面板中設置標識是「男」的單選按鈕的「初始狀態」為已勾選，「選定值」為「男」。標識為「女」的單選按鈕的「初始狀態」為未勾選，「選定值」為「女」。
⑤在「插入」中選擇「表單」，「文本區域」,在表單的第3行中插入多行文本域,在彈出的窗口中設置標簽文字為「談談你對本網站的觀感：」。換行後，插入多行文本域，選中該文本域,在屬性面板中設置其「字元寬度」為50，「類型」為多行，「行數」為10，「換行」為默認，「初始值」為「請發表您的瀏覽觀感」。
⑥在「插入」中選擇「表單」，「按鈕」,在表單的第5行居中插入2個按鈕，在「屬性面板」中並分別將它們的「標簽」和「動作」設為：遞交表單和重設表單。
⑦在頁面左下角插入層, 在「文件浮動面板」中選擇「資源」，「庫」,選中庫項目return,按下」插入」按鈕。

（5） 打開網頁首頁文件index.htm。
①點擊頂部框架,在「插入」中選擇「媒體」中的flash,在頂部框架中插入Flash文件fgl.swf。
②在「插入面板」的「布局」中選擇「繪制布局表格」,在左框架的上半部分畫布局表格,在其中畫5個布局單元格分別選中,在「屬性面板」中設置大小為93*63像素，在「插入」中選擇「滑鼠經過圖像」,在其中分別插入「滑鼠經過圖像」，在彈出的窗口中設置其「原始圖像」文件分別為tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif，「滑鼠經過圖像」文件分別為tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按樣張畫三個層,屬性設置為210*150大小，在這個3層中插入3幅圖像分別是tu1_3.gif、tu2_3.gif、tu3_3.gif,選中3個層,在「修改」中選擇「排列順序」中設置3個層重疊,分別將3個層選中,在右鍵菜單中選擇添加到時間軸,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫，每幅圖像顯示的時間為1s,並鉤選自動播放和循環
④在「文件浮動面板」的「資源」中選擇「庫」中,選中庫項目return，點擊面板右下角的」編輯」按鈕,選中它,在「屬性面板」中設置其與首頁index.htm建立鏈接，並使首頁index.htm在復框架中顯示,目標_parent，然後「修改」中選擇「庫」的「更新頁面站點」。
⑤在首頁文件index.htm被瀏覽時播放聲音文件Applause.wav。
⑥將文件保存
.

（6） 按下列要求為左框架中的5個圖像按鈕添加行為和超鏈接。
①選中圖像，在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」，「控制shockwave或flash」,操作:停止， 在「行為面板」中選擇行為Onclick，「添加行為」「控制shockwave或flash」,操作:播放,可達到以下效果：雙擊該圖像，停止播放頂部框架中的Flash文件fg1.swf，單擊該圖像，開始播放頂部框架中的Flash文件fg1.swf。
②選中第2個滑鼠經過圖像在「屬性面板」添加超鏈接,鏈接至index1.htm,選擇「目標」為「mainframe」可達到以下效果:單擊此圖像是鏈接網站相冊文件index1.htm，並使該文件在主框架中顯示。
③選中圖片在「屬性面板」中設置鏈接為fg1.htm#aa,目標為_mainframe,即可單擊此圖像時鏈接到文件fg1.htm的錨點「aa」上，並使該文件在主框架中顯示。
④給網頁左框架第4個滑鼠經過圖像添加超鏈接，選中圖片,在「屬性面板」中設置鏈接至fg2.htm, 目標為_mainframe,即可單擊此圖像時鏈接到文件fg2.htm上，並使該文件在主框架中顯示。
⑤選中圖像,在行為面板中選擇行為「Ondblclick」, 「添加行為」「控制」shockwave或flash,操作：停止；選擇行為「Onclick」, 「添加行為」「控制」shockwave或flash,操作：播放。使雙擊該圖像，停止播放左框架底部的時間軸動畫，單擊該圖像，開始播放左框架底部的時間軸動畫。

三、實驗中遇到的問題及解決方法
1．起初插入的flash動畫始終無法顯示，插入的main.htm中有個別圖象無法顯示，通過改變絕對路徑,完成顯示效果.
2．做超鏈接時，鏈接的無效果，通過改變鏈接途徑達到鏈接效果。
3.在做最後一步的六個圖片的超鏈接時，添加行為和控制shockwave或flash，多次操作和調試都無法成功，後來經過請教同學，知道是在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」，「控制shockwave或flash」,操作:停止，再在「行為面板」中選擇行為Onclick，「添加行為」「控制shockwave或flash」,操作:播放,即可達到要求的效果。
4．在做3副圖象輪流顯示的時間軸動畫時，開始不會做，後來知道是在右鍵菜單中選擇「添加到時間軸」,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫，每幅圖像顯示的時間為1s,並鉤選自動播放和循環。

2、網站結構設計的目標

(1)層次清楚，突出主題
理清網頁內容及欄目結構的脈絡，使鏈接結構、導航線路層次清晰；內容與結構要突出主題。
(2)體現特徵，注重特色設計
(3)方便用戶使用
(4)網頁在功能分配上合理，且要功能強大
(5)可擴展性能好
(6)網頁設計與結構在用戶體驗上的完美結合
(7)面向搜索引擎的優化(SEO)

3、網頁設計的基本原則是什麼？

審美原則
好的創意必須具有審美性。一種創意如果不能給瀏覽者以好的審美感受，就不會產生好的效果。創意的審美原則要求所設計的內容健康、生動、符合人們審美觀念。
目標原則

創意自身必須與創意目標相吻合，創意必須能夠反映主題、表現主題。網頁設計必須具有明確地目標性。網頁設計的目的是為了更好的體現網站內容。
系列原則
所謂系列化就是在具有同一設計要素或同一造型、同一風格或同一色彩、同一格局等的基礎上進行連續的發展變化，既有重復的變遷，又有漸變的規律。從視覺心理上來說，人們厭棄單調劃一的形式，追求變化，連續系列的獨特性會令人們耳目一新。系列原則也符合「寓多樣於統一之中」這一形式美的基本法則，組成連續系列的每一幅界面雖然是一個獨立的單元，但由於整體結構內容的相關性，風格基調的一致性，使網站在變化中求統一，形成多樣統一、對比而又和諧的藝術效果。

4、網頁設計的目標是什麼？

1、提高企業信譽度
根據目前用戶的習慣，他們都會習慣性地通過網路搜索尋找你的網站，希望通過官網來詳細了解更多內容。
2、展示企業
企業網站一個最基本的功能就是能將你想要展示給用戶的東西全部展示出來，可以最全面的無限制的全天候展示給客戶，隨時隨地讓客戶查看得到。
3、提高客戶服務
當你的客戶遇到一些問題的時候，企業可以利用企業網站為用戶解決所遇到的問題。
4.與潛在客戶建立隱形的商業聯系
企業建立了網站就擁有了與全世界各地的人的聯系方式，當你的用戶想了解某樣產品或信息時，就會習慣地通過搜索網站去了解，其中有一部分很大可能就是你的潛在用戶。

5、dreamweaver網頁設計的目的是什麼？

dreamweaver網頁設計的目的是利用div+css+js做出理想的前端頁面展示；
dreamweaver網頁設計做出的頁面所構成的一個網站可以展示更多的內容，讓訪客和用戶知道您這個網站是干什麼的，從而也可以推廣您的網站，提高知名度，幫助更多用戶解決問題。

6、網頁設計師最終的目標是什麼

個人來說是有錢，大眾來說是服務社會，技術來說 是把網頁做成軟體那麼強大 這樣更方便用戶 交個話費 網上購物 游戲之類的 都不用下載軟體 直接在網頁就能實現這些功能 能讓網頁和人對話

7、網站設計的目的和意義

1 課題開發背：課題開發背景就是網站在市場中的需求，
2 課題目的：課題目的開發此網站的意義
3 課題意義：同上
二課題介紹及相關技術分析：
1總體設計思想：網站的整體框架
2網站開發工具分析：開發網站使用的技術,具體實現網站的功能步驟和難度分析.

8、網頁設計主要的目的是什麼？

1

9、網站建設的目標是什麼?

在互聯網迅速發展的時代公司網站已然成為公司在網路上的一張名片，那麼公司網站建設的目標是什麼？沃然總結了一下：

1、提高企業信譽度

2、展示企業

3、提高客戶服務

4.與潛在客戶建立隱形的商業聯系