1、朋友,幫我查查論文:web網站的設計與實現。
這是找到的一篇
再給你發一篇論文到郵箱
已經發送
希望能幫助你
畢業論文
第一張 緒論
1.1 Dreamweaver的編輯環境
1.1.1 工作去布局
在Windows 中首次啟動Dreamweaver MX時,會出現「工作區設置」窗口,從中可以選擇一種工作區布局,提供的三種不同的工作界面,分別是「Dreamweaver MX工作區」「Dreamweaver 4工作區」和「Homesite/Coder-Style代碼編者樣式」.
確定了工作區後,如果希望改為其它布局,可以選擇「編輯」菜單中的「參數選擇」命令,切換到不同的工作區。
1.1.2 窗口和面版概述
應用Dreamweaver MX時,首先出現的是Dreamweaver MX的操作界面窗口
現將其組成部分說明如下。
? 插入欄:包含用於將各種類型的對象(如圖像、表格和層)插入到文檔中的按鈕。每個對象都是一段 HTML 代碼,允許您在插入它時設置不同的屬性。例如,您可以在「插入」欄中單擊「圖像」圖標插入一個圖像。如果您願意,可以不使用「插入」欄而使用「插入」菜單插入對象。
? 文檔工具欄:包含按鈕和彈出式菜單,它們提供各種「文檔」窗口視圖(如「設計」視圖和「代碼」視圖)、各種查看選項和一些普通操作(如在瀏覽器中預覽)。
? 文檔窗口:顯示您當前創建和編輯的文檔。
? 屬性檢查器:用於查看和更改所選對象或文本的各種屬性。每種對象都具有不同的屬性。
? 面板組:是一組停靠在某個標題下面的相關面板的集合。若要展開一個面板組,請單擊組名稱左側的展開箭頭;若要取消停靠一個面板組,請拖動該組標題條左邊緣的手柄。
? 站點面板:使您可以管理組成站點的文件和文件夾。
? 標題欄:顯示的是頁面的目錄文件夾名及打開的文件名,如果文件中包含未保存的修改部分,標題欄中將在顯示文件名和星號(*)。
1.2 面版的介紹
在Dreamweaver MX中,最顯著的變化就是面版,文檔窗口右側的界面中包含了所有常用的面版。根據不同的需要,Dreamweaver MX將面版分為以下幾大組。
設計:包含網頁設計中所需要的面版,分別為CSS樣式、HTML樣式和行為。
代碼:包含代碼編輯所需要的面版,分別為標簽檢查器、代碼片段和參考。
應用程序:包含動態網頁設計所需要的面版,分別為資料庫。綁定。伺服器行為和組件。
文件:包含站點內資源管理所需要的面版,分別為站點和資源。
答案:這一組只有一個面版,是所有Macromedia公司系列MX軟體所共有的,主要功能是提供幫助。
以上是默認狀態下的面版組,除此之外,在「窗口」菜單的「其他」命令下還可以顯示其他的面版,包括代碼檢查器、框架、歷史記錄、層和時間軸等。
1.2.1 面版的展開和折疊
面版全部折疊時的顯示狀態,此時面版占據的空間是最小的。
需要使用某一組面版時,單擊面版組的標題欄部分,標題上的三角按鈕從向右轉為向下,面版展開,在同一個面版組中選擇不同的面版時,只需要單擊相應的選項卡即可。
1.2.2 設置默認面版
在文檔窗口出現的面版可以通過「參數選擇」對話框進行設置,具體操作步驟如下。
選擇「編輯/參數選擇」命令,打開「參數選擇」對話框。
取消選中不希望出現的面版前面的復選框,面版就回在文檔窗口中隱藏。
1.2.3 屬性面版
屬性面版可以顯示並修改當前選定對象的屬性,選擇不同的對象時,在屬性面版中會出現其對應的參數。選擇「窗口/屬性」命令或者按[ALT+F3]快捷鍵,可以打開或者關閉屬性面版。
單擊右下角的三角按鈕,可以切換屬性面版的常用屬性和全部屬性,當按鈕為下三角時,屬性面版中顯示的為常用屬性.
當按鈕為上三角時,屬性面版中顯示的為所有屬性。
單擊面版右上角的「快速標簽編輯器」按鈕,可以添加或者編輯HTML語言。
在文檔窗口中選擇不同的網頁對象時,屬性面版中將顯示相應的對象屬性,下面為常見的幾種對象的屬性面版顯示。
圖象的屬性面版顯示
表格的屬性面版顯示
文字的屬性面版顯示
框架的屬性面版顯示
1.2.4插入面版
在Dreamweaver MX中將一些常用的項目,例如圖象的插入、表格的設定等放置在插入面版中,這樣可以十分方便快捷的進行操作,而且面版中相應的圖標非常直觀,應用這些快捷方式,可以使網頁製作事半功倍。插入面版的位置及顯示。包括常用、布局、文本、表格、框架、表單、模板、字元、媒體、文件頭、腳本及應用程序。
選擇「編輯」菜單下的「參數」命令,在左側的「分類」中選擇「常規」選項,在右側的「插入面版」選項中可以選擇插入面版的顯示類型,默認的選擇為「僅圖標」,也可以選擇「圖標和文本」或者「僅文本」。
1. 常用插入面版
常用插入面版的顯示,他主要進行各種頁面內物體的操作,包括圖象及超級鏈接的插入等。
2. 字元插入面版
應用字元插入面版可以在頁面內加入各種符號。
應用時將游標停留在需要標志的位置,然後單擊圖標即可,在HTML頁面內出現的是標志代碼,在瀏覽器中顯示的是符號。
單擊「其他字元」按鈕有,出現「插入其他字元」窗口。選定一個符號後,在上面的「插入」文本框內會出現此符號的名稱,應用的方式與常用符號的方式是一樣的。這樣可以選擇更多的符號加入到頁面內。
3. 文件頭菜單項
應用文件頭菜單項插入的標簽會顯示於文檔的頭部。
1.2.5 歷史記錄面版
在歷史記錄面版中保存了Dreamweaver MX中的每一步操作,選擇「窗口/其他/歷史記錄」命令,可以顯示或者隱藏歷史記錄面版。
歷史記錄面版顯示了自從創建或者打開它之後執行的所以步驟,他允許撤消一步或者更多的操作步驟,允許重復以前的操作,還可以通過創建新的命令自動操作任務。
1.2.6 標簽檢查器面版
在標簽檢查器面版中,將當前編輯頁面中所以頁面對象所使用的各個HTML標簽按照類別排列。在這個面版中,可以方便的定位到特定的HTML標簽,並對它們的屬性進行編輯,這使編輯代碼變得更加方便和快捷。
1.2.7 代碼片段面版
代碼片段面版的功能相當於庫,如果設計者經常要用到一個特定的創意,可以在這個面版中將創意的過程和內容儲存下來,當需要這個創意時,直接選中並將它插入到相應的頁面中即可。另外,Dreamweaver MX還自帶了一系列的模板庫,方便設計師直接調用代碼面版。
1.2.8 參考面版
參考面版可使設計者更方便的查閱各種幫助文檔和技術參考,包括CFML,CSS,HTML,JAVASCRIPT,ASP和JSP等。
1.2.9 答案面版
答案面版是Dreamweaver MX新增加的面版,在面版中包括了進行版本更新的UPDATE按鈕,還包括了學習軟體的3個鏈接文件。
第二章 系統規劃與分析
2.1 網站整體框架的設計
網站框架的設計包括整個網站的導航欄與頁面尾部信息,使用了DreamWeaver的模板功能。
設計方法:
1. 確定整個網站的導航欄和頁面尾部信息。
2. 製作只包含這兩個信息的網頁
3. 把這個網頁另存為模板
4. 以後每製作一個網頁只要應用到這個模板即可
2.2網站所實現的功能分析
? 簡介:主要介紹自己的學校情況,個人簡歷,個人愛好等等
? 圖片欣賞:從網上找的一些自己喜歡的圖片供大家欣賞
? 論壇:做了一個注冊頁面
? 游戲介紹:介紹一些現在流行電腦游戲
2.3網站內容的布置
內容的布置是指網頁文件的合理組織,一個好的站點應該是文件組織有序,分門別類的放置便於網站管理員今後對網站進行維護與更新。
2.4網站外觀的調整
網頁外觀的控制是通過CSS(層疊樣式表)來實現的。
CSS,層疊樣式表,「層疊」的意思,也就是說在同一個Web文檔中可以有多個樣式單存在,這些樣式單根據所在的位置,擁有不同的悠閑級,優先順序高的,就會在最後顯示時採用。從樣式單插入的形式來看可以分為以下3中:
內聯式樣式單:它利用現有的HTML標記,把特殊的樣式加入到那些由標記控制的信息中。
嵌入式樣式單:它和Javascript一樣,可以嵌入到HTML文件的頭部中去(<html>和<body>標記之間),使用<style>和</style>容器裝載,例如:「<style>p{color:red;font-weight:bold}</style>」,這樣會對頁面中所有<p>標記起作用。
外部式樣式單:它是一種保存在外部的樣式單文件,外部文件以「css」為擴展名,例如「
<link rel=style=stylesheet href=」main-sheet. Css」 type=」text/css」>」。
第三章 網站部分製作過程
使用表格設計頁面布局
如果您熟悉 HTML 編碼,就會知道除非您將添加到 Web 頁中的文本或其他任何內容插入到一個「容器」(如層或表格)中,否則它將從一個邊緣流向另一個邊緣。HTML 表格是一種出色的用於設計 Web 頁布局的解決方案,因為它們易於修改而且與大多數瀏覽器兼容。您可以使用表格來組織表格數據的布局或設置可視化元素(如 Flash 按鈕、圖像或文本段落)的顯示。
Dreamweaver 有兩種視圖 - 「標准」視圖和「布局」視圖,您可以在這些視圖中設計表格。您將學習在這兩種視圖中設計頁面布局,在第一部分,您將在「標准」視圖中工作並在頁面中插入表格。在後面部分,您將在「布局」視圖中工作,並且使用布局選項繪製表格和表格單元格以設計布局。
圖象對齊和圖象地圖
在 Macromedia Dreamweaver MX 中處理圖像非常容易。可以使用各種 Dreamweaver 可視工具插入圖像。本教程為您提供了圖像選項,將圖像插入頁面後就可以應用這些選項。您將學習如何對齊圖像和文本以及如何設置圖像周圍的邊距。您還將學習如何使用單個圖像鏈接到多個Web頁。
為第一次使用 Dreamweaver 的用戶設計。它介紹了 Dreamweaver 中的一些基本功能,並將幫助您了解如何對齊圖像以及如何創建圖像地圖。
使用DREAMWEAVER設計文件
Macromedia Dreamweaver MX 隨附了大量的專業化設計資源 - 頁面布局文檔、層疊樣式表 (CSS) 和代碼片斷。可以使用這些資源快速學習如何創建專業化設計 Web 頁。
您將創建一個新文檔,然後插入和修改設計元素代碼片斷。您還將學習如何創建自己的代碼片斷。
使用層疊樣式表進行設計
可以在 Macromedia Dreamweaver MX 中使用層疊樣式表 (CSS),在站點的多個頁面中以一致的方式應用樣式元素。CSS 樣式非常靈活,因為樣式並不局限於文本對象。對於文本、圖像、表格、層等都可以定義定位樣式和格式化樣式。
您可以試用幾種樣式,大概了解一下 CSS 為您提供的眾多樣式選項中的幾種。
創建主詳細頁集
主詳細頁集是一種 Web 應用程序,它以兩種格式提供從資料庫中提取的信息。主頁顯示通過資料庫搜索檢索到的所有記錄的列表。詳細頁從主頁鏈接出來,通常提供有關主頁中所選項目的更具體細節。
您可以在以下伺服器模型中完成:ColdFusion、ASP 和 JSP。
建立插入記錄頁
指導您逐步完成建立向資料庫中插入信息的表單的過程。隨著創建插入頁,您將學習如何插入和定義表單域。還將學習如何創建表單域,使用戶可以使用動態生成的菜單插入信息。
在 Dreamweaver MX 支持的所有伺服器模型(ColdFusion、ASP、ASP.NET、JSP 和 PHP)中都可以完成。
使用行為和動畫
許多 Web 頁只包含文本和圖像,沒有任何互動式元素。在 Dreamweaver 中使用 JavaScript 行為和分層動畫時間軸,提供互動功能和動畫以使訪問者更感興趣。
使用高級選項卡創建站點
選擇「站點/新建站點」命令,在出現的對話框中選擇「高級」選項卡。
在「站點名稱」中為站點命名然後單擊「本地文件夾」右側的文件夾圖標,選擇目標磁碟,單擊右側的新建文件夾圖標創建一個新的文件夾,並為其命名,選擇文件夾後,單擊「打開」按鈕,然後單擊「選擇」按鈕。如果已經准備好文件夾,直接選擇即可。
設置好根文件夾後,回到上一級對話框,單擊「默認圖象文件夾」右側的文件夾圖標,出現如圖3-3所示的對話框,選擇前面設置或者選擇的根文件夾,單擊右側的「新建文件夾」圖標創建一個新的文件夾,並為其命名為作為默認圖象文件夾。如果已經准備好文件夾,直接選擇即可。
選擇文件夾後,單擊「打開」按鈕,然後單擊「選擇」按鈕,回到上一級對話框,選中「啟動緩存」復選框。單擊「確認」按鈕確認設置的站點。
主頁
在站點窗口中選擇「文件/新建文件」命令,將文件命名為index.htm。在站點窗口中選擇「文件/新建文件夾」命令,將文件夾分別命名為jianjie、imgaes、jingcaiyouxi、tupianxinshang、data、wodeluntan、xinwen。
表格
在「文檔」窗口,將插入點放到文檔中,然後選擇「插入」>「表格」。 在插入欄的「常用」類別中,單擊「表格」圖標。 出現「插入表格」對話框,例如插入一行三列、一行四列、一行兩列、一行六列和一行五列共五個表格,並將表格的邊框屬性改為「0」。
我在主頁中插入的主要是4個表格。
在表格1中鍵入「南京廣播電視大學」「2001級計算機應用」「顧翔」等字樣,字體、顏色默認。在表格第1行插入 images/shouye01.jpg圖片,在表格第2行的第2列插入了幾個flash按鈕和鍵入了我的Email,如圖3-7所示。
在表格2中鍵入「簡介」「圖片」「論壇」「游戲」字樣,建立與各個頁面的超連接。
在表格3中鍵入「常用軟體」「acdsee」「flash」「騰訊qq」「realoneplayer」「winmap」如圖3-9所示。選中表格,將表格的背景顏色設為「藍色」。建立5個鏈接到「acdsee.rar」「flash.rar」「qq.rar」「realoneplayer.rar」「winmap.rar」提供WINRAR壓縮格式的應用程序下載。
在表格4中鍵入校內的幾條新聞的標題,並與新聞進行了連接。
時間軸
選擇「窗口」>「其他」>「時間軸」可打開「時間軸」面板。
? 時間軸彈出式菜單:指定當前在「時間軸」面板中顯示文檔的哪些時間軸。
? 播放欄:顯示當前在文檔窗口中顯示時間軸的哪一幀。
? 幀編號:指示幀的序號。「後退」和「播放」按鈕之間的數字是當前幀編號。您可以通過設置幀的總數和每秒幀數 (fps) 來控制動畫的持續時間。每秒 15 幀這一默認設置是比較適當的平均速率,可用於在通常的 Windows 和 Macintosh 系統上運行的大多數瀏覽器。
? 行為通道:是應該在時間軸中特定幀處執行的行為的通道。
? 動畫條:顯示每個對象的動畫的持續時間。一個行可以包含表示不同對象的多個條。不同的條無法控制同一幀中的同一對象。
? 關鍵幀:是動畫條中已經為對象指定屬性(如位置)的幀。Dreamweaver會計算關鍵幀之間幀的中間值。小圓標記表示關鍵幀。
? 動畫通道:顯示用於製作層和圖像動畫的條,是用於查看動畫的播放選項。
? 倒帶:將播放欄移至時間軸中的第一幀。
? 後退:將播放欄向左移動一幀。單擊「後退」並按住滑鼠按鈕可向後播放時間軸。
? 播放:將播放欄向右移動一幀。單擊「播放」並按住滑鼠按鈕可向前播放時間軸。
? 自動播放:使時間軸於當前頁在瀏覽器中載入時自動開始播放。「自動播放」將一個行為附加到頁的 body 標簽,它在頁載入時執行「播放時間軸」操作。
? 循環:使當前時間軸於頁在瀏覽器中打開時無限地循環。「循環」在動畫的最後一幀之後將「轉到時間軸幀」行為插入到「行為」通道中。在「行為」通道中雙擊該行為的標記可編輯此行為的參數並更改循環的次數。
時間軸只能移動層。若要使圖像或文本移動,首先創建一個層,然後在該層中插入圖像、文本或其他任何類型的內容步驟如下。
1. 在常用面板中選擇「層」圖標,在頁面內拖動繪制層,在層內單擊,定位插入點。
2. 單擊常用面板中的「圖象」圖標,在層中加入圖象images/120120.gif.
3. 單擊層標記1選中層,然後選擇「修改」>「時間軸」>「在時間軸上添加對象」,或者簡單地將選定層拖至「時間軸」面板中。
4. 選中層,用滑鼠在頁面上將層移至它在動畫結束時應處於的位置。將出現一條線,它顯示文檔窗口中動畫的軌跡。單擊時間軸面版中的「播放」按鈕,就可以看見圖象移動的動畫效果。
5. 如果要讓層沿曲線移動,請選擇其動畫條,然後按住 Ctrl 鍵並單擊 (Windows) 或按住 Command 鍵並單擊 (Macintosh) 動畫條中部的一個幀,從而在您單擊的幀處添加一個關鍵幀,或者單擊動畫條中部的一個幀並從上下文菜單中選擇「添加關鍵幀」。
6. 單擊「播放」按鈕,可以預覽動畫效果。
做完後的時間軸的畫面.
並且利用表單在主頁里設計了一個搜索引擎,並建立了與國內3大網站的友情連接。
行為的使用
打開「行為」面板,請選擇「窗口」>「行為」。
動作 (+) 是一個彈出式菜單,其中包含可以附加到當前所選元素的多個動作。當您從此列表中選擇某個動作時,將出現一個對話框,您可以在其中指定該動作的參數。如果所有動作都灰顯,則沒有所選元素可以生成的事件。
刪除 (-) 從行為列表中刪除所選的事件和動作。
上下箭頭按鈕將特定事件的所選動作在行為列表中向上或向下移動。給定事件的動作是以特定的順序執行的。可以為特定的事件更改動作的順序 - 例如,可以更改「onLoad 事件的多個動作的發生順序,但是所有 onLoad 動作在行為列表中都靠在一起。對於不能在列表中上下移動的動作將禁用箭頭按鈕。
事件(當您單擊行為列表中所選事件名稱旁邊的箭頭按鈕時出現的菜單)是一個彈出式菜單,其中包含可以觸發該動作的所有事件。只有在選擇了行為列表中的某個事件時才顯示此菜單。根據所選對象的不同,顯示的事件也有所不同。如果未顯示預期的事件,則檢查是否選擇了正確的頁元素或標簽。(若要選擇特定的標簽,請使用文檔窗口底部左側的標簽選擇器。)同時確保您在「顯示事件」子菜單中選擇了正確的瀏覽器。如圖3-23所示
顯示事件(「事件」菜單中的子菜單)指定當前行為應該在其中起作用的瀏覽器。您在此菜單中進行的選擇確定哪些事件將顯示在「事件」彈出式菜單中。通常,較早的瀏覽器比較新的瀏覽器支持的事件要少,並且在大多數情況下您選擇的目標瀏覽器越普通,所顯示的事件越少,因為只顯示在所有請求瀏覽器中都可用的事件。例如,如果您選擇「3.0 或更新的瀏覽器」,那麼您可以選擇的事件僅限於那些在所有 Netscape Navigator 和 Microsoft Internet Explorer 3.0 版和更高版本的瀏覽器中都可用的事件,這將是一個非常有限的事件列表。
打開主頁,選中「簡介」,單擊動作 (+),在彈出的菜單中點擊「顯示彈出式菜單」.
在「內容」的菜單中選中「文本」項,新建「學校簡介」、「我的簡介」和2個文本,並建立2個鏈接,設置完成的菜單.
在「外觀」菜單中將字體設置為「默認」,大小為「12」,「加粗」,對齊方式為「居中對齊」,一般狀態文本設置為「黑色」,單元格設置為「灰色」,滑過狀態文本設置為「白色」,單元格設置為「藍色」。
點擊「確認」按鈕完成所有設置,設置完成的行為面版.
用此方法選中「圖片」建立「圖片欣賞」、「美麗海景」、「世界名車」和3個彈出式菜單,選中「論壇」建立「論壇」彈出式菜單,選中「游戲」建立「單機游戲」和「網路游戲奇跡」2個彈出式菜單。
圖片欣賞
圖片欣賞是用Dreamweaver MX的框架做的
框架
框架提供將一個瀏覽器窗口劃分為多個區域、每個區域都可以顯示不同 HTML 文檔的方法。使用框架的最常見的情況就是,一個框架顯示包含導航控制項的文檔,而另一個框架顯示含有內容的文檔。
框架是瀏覽器窗口中的一個區域,它可以顯示與瀏覽器窗口的其餘部分中所顯示內容無關的 HTML 文檔。
框架集是 HTML 文件,它定義一組框架的布局和屬性,包括框架的數目、框架的大小和位置以及在每個框架中初始顯示的頁面的 URL。框架集文件本身不包含要在瀏覽器中顯示的 HTML 內容,但 noframes 部分除外,框架集文件只是向瀏覽器提供應如何顯示一組框架以及在這些框架中應顯示哪些文檔的有關信息。
通過預定義的框架集,您可以很容易地選擇您要創建的框架集類型。
創建預定義的框架集有兩種方法:使用插入條和使用「新建文檔」對話框。通過插入條,您可以創建框架集並在某一新框架中顯示當前文檔;「新建文檔」對話框創建新的空框架集。
預定義的框架集圖標(位於插入條的「框架」類別中和「新建文檔」對話框的「框架集」類別中)提供應用於當前文檔的每個框架集的可視化表示形式。
使用新建文檔創建框架組的具體操作如下
選擇「文件」>「新建」。
在「新建文檔」對話框中,選擇「框架集」類別。
從「框架集」列表選擇框架集。
單擊「創建」,出現一個新的框架頁面。
框架頁面創建完成後,就可以在其中加入內容了,每一個框架都是一個文檔,在裡面可以加入文字、圖象等內容,也可以打開一個已經存在的文檔。
添加內容的具體操作步驟如下。
將插入點放置在需要添加內容的框架中
將插入點放置於左側的框架內,通過層和時間軸設計了一個滾動文字「努力創造自己的名牌」。
將插入點放置於右側的框架內,選擇「文件/在框架內打開」命令,在右側的框架中打開個已經製作好的文檔,
保存框架文件
框架頁面製作完成後,框架組中包括了多個文檔,所以保存時要將所有的文檔都保存,在瀏覽器中才能夠正確的顯示,保存框架的所有文檔的具體操作步驟如下。
選擇「文件/保存全部」命令,出現所示的「保存為」對話框,依次為整個框架的左側、上側、右側3個分框架命名保存,最後在整個框架組周圍都出現粗邊框,為整個邊框組命名。
至此頁面全部保存完畢。
致 謝
時間過的真快,短短的三個月過去了,我們的畢業設計製作也基本完成了。在這段時間里,我學到了DREAMWEAVER MX應用技術和知識技能,這些都與指導老師的教導和嚴格要求是分不開的。在此我要向我的指導老師——李銘老師表示最衷心的感謝,在整個畢業設計的製作和論文撰寫的過程中,李老師著重培養了我的自學能力和自我解決問題的能力,使我對DREAMWEAVER MX有了一個全新的認識。李老師以其淵博的知識和獨特的思維方式指導我的學習,是我受益非淺。同時我要感謝畢業設計製作過程中我們小組的全體成員,感謝他們給了我大量的意見和幫助。
第四章
設計感想
短短的3個月即將過去,我的畢業設計已接近尾聲。雖然我們設計的網站還是比較粗糙的,但是在這段時間里,我身為組長帶領著組員積極投入到網站的設計當中,遇到問題大家就一起想辦法解決,然後再向老師請教!在這次畢業設計中,我們學會了很多網頁設計的方法,特別是老師教了很多網頁設計方面的技巧。每次小組成員的聚會,用一定的時間大家交流一下,分析網頁設計中的一些問題。從更改主題、確定方向、網頁架構設計、選定製作軟體,到真正在網頁上製作,我們把每一次討論都記錄下來,確實了解每次的進度是什麼。花一些時間去收據相關的資料,瀏覽不同的網站找尋設計技巧,大家也學著互助、產生公識、交流,一切都是寶貴的經驗
參考文獻
Dreamweaver MX 中文版 標准教程 李昌隆編譯 中國電力出版社
Dreamweaver MX 中文版 實用培訓教程 陳笑/馬萬申/耿向華編譯 清華大學出版社
Dreamweaver MX 中文版 實用培訓教程 陳笑/馬萬申/耿向華編譯 清華大學出版社
Dreamweaver MX中文版 完全征服手冊 郭光/胡崧編著 中國青年出版社
2、網頁設計與開發
網頁製作:網頁的排版,根據美工的設計,把版面效果實現成html網頁。
相當於你定做衣服的時候,服裝設計師設計好了款式,由裁縫來裁剪並縫製成成品。網頁美工相當於服裝設計師,網頁製作人員就是裁縫。網站開發:顧名思義,網站是由很多網頁組成的,它包含了網頁製作。網站開發是按需求來設計版面,再來把一個個功能頁面鏈接起來的「超級網頁」。網站主要開發包含:版面設計(根據需求設計版面)、網頁製作(把版面實現成html網頁)、功能開發(比如留言評論、會員管理)這幾塊。
3、「物流信息網站的設計與實現」用英語怎麼說?
Logistics Information Website Design and Implementation
Economic globalization and the development of modern logistics instry systematic, information, storage and transportation of the modernization and integration, such as trend of the development of China's logistics instry has a full range of challenges. The main application of the site logistics and professional web site, users can, through this website and understand the current logistics information to enable them to better allocation of resources, optimization of resources
4、個人網站的設計與實現論文
目錄
摘 要 5
第一章 緒論 8
第二章 網站的前景概括和個人看法 9
2.1 個人網站的出現 9
2.2個人網站所面對的壓力 9
2.3對個人網站的出路和幾點看法 10
第三章 網站的功能和構思的描述 12
3.1網站的構思說明 12
3.2網站的組成和功能描述 12
3.3網站設計流程圖 12
3.4網站將使用的工具和設計語言 13
第四章 網站的設計和實現 14
4.1建立CSS布局樣式 14
4.2網頁的設計 15
4.3論壇的設計和調用 19
4.4留言板的設計 21
第五章 調試及維護 28
總結 32
參考文獻 33
致 謝 34
附錄 35
CSS (層疊樣式表) 36
5、個人網站的設計與實現的具體步驟
1.申請免費空間或購買空間
2.申請免費域名或購買域名
3.把域名跟空間解析綁定
4.製作設計網站內容(如果不會相關軟體還得學習軟體)
5.把製作好的網站用相關軟體(如:8UFTP)上傳到你的空間
6.後台維護你的網站並更新生成
7.推廣你的網站
ok
6、網站信息架構的設計目標和要求是什麼
一般網站的頁面組成都有文字、圖象、超鏈接、表格、表單、動畫及框架等,下面來詳細的介紹下這些組成元素。
一、框架
框架是網頁的一種組織形式,將相互關聯的多個網頁的內容組織在一個瀏覽器窗口中顯示。例如,我們可以在一個框架內放置導航欄,另一個框架中的內容可以隨著單擊導航欄中的鏈接而改變,這樣我們只要製作一個導航欄的網頁即可,而不必將導航欄的內容復制到各欄目的網頁中去。
二、文本
文本是網頁中的主要信息。在網頁中可以通過字體、字型大小、顏色、底紋以及邊框等來設置文本屬性。這里指的文字是文本文字,而並非圖片中的文字。
在網頁製作中,文字可以方便地設置成各種字體和大小,但是這里還是建議,用於正文的文字不要太大,也不要使用太多的字體,中文文字使用宋體、9磅或者12、14像素左右即可。因為過大的字在顯示器中顯示時線條的顯示不夠平滑、顏色也不要使用得太過復雜,以免造成影響用戶視覺。大段文本文字排列,建議參考一下優秀的報紙雜志等。
三、圖片
今天看到的豐富多彩的網頁,都是因為網頁中有了圖象,可見圖象在網頁中的重要性。用於網頁上的圖片一般為JPG和GIF格式的,即以.jpg和.gif為後綴的文件。
四、超鏈接
超鏈接是整個網站的通道,它是把網頁指向另一個目的端的鏈接。例如指向另一個網頁或相同網頁上的不同位置。這個目的端通常是另一個網頁,但也可以是圖片、電子郵件地址、文件、程序,或者也可以是本阿諛的其他位置。超鏈接可以是文本或者圖片。
超鏈接廣泛的存在於網頁的圖片和文字中,提供與圖片和文字相關內容的鏈接。在超鏈接上單擊滑鼠左鍵,即可鏈接到相應地址(URL)的網頁。有鏈接的地方,滑鼠指到游標會變成小手形狀。可以說超鏈接正是Web的主要特色。
五、表格
表格是網頁排版的靈魂。使用表格排版是網頁的主要製作形式之一。通過表格可以精確的控制各網頁元素在網頁中的位置。表格並非指網頁中直觀意義的表格,范圍要更廣一些,它是HTML語言中一種元素。表格主要用於網頁內容的排列,組織整個網頁的外觀,通過在表格中放置相應的內容,即可有效的組合成符合設計效果的頁面。有了表格的存在,網頁中的元素得以方便的固定在設計位置上。一般表格的邊線不在網頁中顯示。
六、表單
表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框,以及從下拉菜單中選擇選項。在添寫好標單之後,站點訪問者便送出輸入的資料庫,該觳觫句哭就會根據所設置的表單處理程序,以各種不同的方式進行處理。
七、動畫
動畫是網頁上最活躍的元素,通常製作優秀、創意思、出眾的動畫是吸引瀏覽者的最有效的方法。但太多的動畫讓人眼花繚亂,無心細看。這就使得對動畫製作的要求越來越高。通常的製作動畫的軟體有flash、web animator等。Macromedia的flash雖然出現的時間不長,但已經成為了最重要的Web動畫形式之一。Flash不僅比htm易學得多,而且有很多重要的動畫特徵,如關鍵楨補間、運動路徑、動畫蒙版、形狀變形和洋蔥皮效果等。利用這個多才多藝的程序,不僅可以建立Flash電影,而且可以把動畫輸出為QuickTime文件,GIF文件或其他許多不同的文件格式(PICT、JPEG、PNG等)
八、其他
網頁中除了這些基本元素外,還包括橫幅廣告、字幕、懸停按鈕、日戳、計數器、音頻及視頻等。
7、網站設計與實現
網站設計的
要求有什麼。
任務是是。