網頁設計基礎姓名：王春影單位：長春工業大學軟件學院網絡教研室（302）電話箱:molly3493@Myinfo課堂要求:1.不許無故曠課、遲到、早退.遲到兩次以上按曠課一次處理.

2.不許說話、吃零食、睡覺.3.不得看與專業無關的書籍等讀物.4.關閉所有電子工具:手機、MP3、計算器、收錄機等5.上課不得三不帶:不帶筆、不帶書、不帶筆記本.6.下課后關閉電腦,擺放好桌椅,收拾個人電腦附近衛生.

一二三四五1-23-4★19班212教室5-6●20班※16班7-8★19班22班●20班※16班9-1022班課程表本課程是根據長春工業大學軟件職業技術學院為奠定學生的網頁設計能力而開設的一門專業基礎必修課程。課程性質HTML超文本標記語言網頁制作基礎知識CSS層疊樣式表DREAMWEAVER網頁設計軟件課程內容本章要點相關知識制作原則設計基礎制作步驟世界上最大的網是什么網呢?Internet概述

Internet即國際計算機互聯網，在中國也稱“因特網”或“國際互聯網。它是目前全世界最大的網絡，包含著豐富多彩的信息，并提供方便快捷的服務。它縮短了人們之間的距離。通過Internet，用戶可以與接入Internet的任何一臺計算機進行交流，如發郵件、聊天、通話等。 Internet服務器的主要信息服務有：萬維網（WWW）電子郵件服務（E-mail）電子公告板服務(BBS)網上購物網上會議網上聊天

什么是WWW

www是一種分布式客戶服務系統WWW是WorldWideWeb的縮寫，又稱3W或Web，中文譯名為“萬維網”。它作為Internet上的新一代用戶界面，摒棄了以往純文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用該技術可以為企業提供全球范圍的多媒體信息服務，使企業獲取信息的手段有了根本性的改善，與之密切相關的是瀏覽器（Browser）。

www制定一套標準超文本傳輸協議（HTTP）統一的資源定位（URL）超文本HTML語言超文本傳輸協議(http)

是用于從www服務器傳輸超文本到本地瀏覽器的傳送協議.它可以使瀏覽器更加高效,使網絡傳輸量減少,它不僅保證計算機正確快速地傳輸超文本文檔,還可以確定傳輸文檔中的哪部分內容先顯示(如文本先于圖像)等,這就是為什么在瀏覽器中看到的網站地址都是以http://開頭的原因。統一資源定位器（URL）統一資源定位器，英文為URL(UniformResourceLocator),用于要取得的Internet資源的位置與方式，即各個網頁在Internet上的地址。通俗的說，URL就是網址。例如/index.htm超文本標記語言（HyperTextMarkupLanguage）當用戶從www服務器取到一個文件后，用戶需要在自已的屏幕上將它正確無誤地顯示出來，由于將文件放入www服務器上的人并不知道將來閱讀這個文件的人到底會使用哪一類型的計算機，要保證每個人在屏幕上都能讀到正確顯示的文件，必須以某種各類型的計算機都能看懂的方式來描述文件，于是就產生了HTML——超文本標記語言。什么是網站

網站是一個存放在網絡服務器上的完整信息的集合體。它包含一個或多個網頁，這些網頁以一定的形式鏈接在一起，成為一個整體。常見的網站有網易、新浪、搜狐、百度、騰訊等。 什么是網頁 網頁是網站的組成部分，是一張頁面，可以看成是一個單一體，是網站的一個元素。 網頁中包含的元素有：文本和圖像、動畫、聲音和視頻、超級鏈接、表格、表單、導航欄以及其他常見元素。網頁頁面設計藝術

絕大部分的網頁具有：導航欄、LOGO（網站標志）、BANNER（廣告條）、按鈕。 什么是主頁主頁也稱為首頁一個單獨的網頁一個特殊的網頁整個網站的起始點和匯總點瀏覽者瀏覽一個網站的入口網頁的本質網頁的分類靜態網頁 是指這個網頁不論在何時何地瀏覽，都將顯示相同的畫面和內容，且用戶僅能瀏覽，而無法提供信息給網站，讓網站作出響應。動態網頁是網頁能夠按照用戶的需求作出動態響應，如網頁上常見的留言板、論壇等。 網站設計需要的知識

1、風格定位網站的整體風格是網頁設計者最希望掌握，也是難以學習的，它難就難在沒有一個固定的程式可以參照和模仿。風格是抽象的，是指站點的整體形象給瀏覽者的感受。風格是獨特的，是站點不同于其他網站的地方，或色彩，或技術，或交互方式。2、版面編排

（1）主次要分明，中心要突出（2）大小要搭配，相互要呼應（3）圖文要并茂，相得要益彰（4）動靜要有度，平衡要對稱3、色彩處理 色彩總的應用原則應該是“總體協調，局部對比”，也就是說，主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩對比。確定主色利用相近色黑白灰運用選擇適合內容風格的顏色頁面的色彩搭配網頁制作中色彩的運用技巧：R:101G:174B:255R:0G:60B:12R:138G:202B:136R:36G:124B:34R:210G:144B:212R:117G:45B:119R:255G:91B:91R:158G:0B:26R:211G:211B:211R:122G:128B:1314、網頁布局 三種布局國字型布局拐角型布局封面型布局 5、網站的分類 四種分類門戶網站職能網站專業網站個人網站維護發布設計規劃網站開發工作流程開發站點維護更新發布站點測試站點創建頁面配置站點規劃站點內容收集整理資源網站制作步驟

明確網頁制作的目的和意義。下面列出在規劃站點內容階段要做的具體事項。描述網頁的服務對象確定制作網頁的目的具體確定網頁的信息內容、瀏覽界面和信息設置具體確定網頁的制作時間和軟硬件環境

規劃站點內容做好上面幾步后,接下來的工作就是根據上面的規劃創建一個完整的站點。

定義本地站點：就是在自己機器的硬盤上建立一個目錄,然后將所有制作網頁相關的文件都存放在里面,以便進行網頁的制作和管理，因此，站點可以理解成同屬于一個web主題的所有文件的存儲地點。配置站點一個頁面美不美觀，能不能吸引瀏覽者，創建頁面是關鍵的一步。自頂向下的設計方法自底向上的設計方法創建頁面

本章小結本章主要對網站規劃和網頁設計進行了剖析，介紹了Internet基礎知識、網頁設計的相