網頁設計(1)

2021-10-03 17:26:09 字數 2103 閱讀 4853

預備知識

網頁檔案

網頁一般又稱html檔案;

通常看到的網頁,大都以htm或html字尾結尾的檔案

另外還有以cgi,asp,php和jsp字尾結尾的。

網頁分類

根據生成方式,網頁大致可以分為靜態網頁和動態網頁兩種。

靜態網頁

是**建設初期經常採用的一種形式;

網路建設者把內容設計成靜態頁面,訪問者只能被動地瀏覽**建設者提供的網頁內容。

靜態網頁的特點

網頁內容不會發生變化,除非網頁設計者修改了網頁的內容。

不能實現和瀏覽網頁的使用者之間的互動。

動態網頁

網路技術日新月異,許多網頁檔案的拓展名不再是.htm還有.php,.asp等,這些都是採用動態頁製作技術製作出來的。

特點

動態網頁以資料庫技術為基礎,可以大大降低**維護的工作量。

採用動態網頁技術的**可以實現更多的功能,如使用者註冊,使用者登入,搜尋查詢,使用者管理,訂單管理等。

internet概述

即國際計算機網際網路,在中國也稱「網際網路」或「全球資訊網」,是由符合tcp/ip等網路協議的網路組成的網際網路。

他是目前全世界最大的網路,包含著豐富多彩的資訊並提供方便快捷的服務,它縮短了人們之間的距離。

通過internet,使用者可以接入internet的任何一台計算機進行交流,如發郵件,聊天,通話等

internet的發展簡史

internet起源於20世紀60年代,1968年,基於分組交換原理的計算機網路——arpanet。1983年tcp/ip協議的建立,使計算機通訊有了統一的標準。這是計算機網路發展史上的乙個里程碑,網路從此進入高速發展的時代。

internet提供的主要服務

ip位址

在internet上,每乙個節點都依靠唯一的ip位址互相區分和相互聯絡。ip位址共占用32位,一般以4個十進位制數字表示,每個數字之間用小圓點(.)隔開,例如:「201.112.10.105」。這種記錄方法稱為「點-數」記號法。通常用ip位址標誌乙個網路和網路連線的一台主機。201.112.10.105.213.123

網域名稱與網路上的數字型ip位址相對應的字元型位址,就被成為網域名稱。

tcp/ip中包含著乙個網域名稱服務。dns通過乙個名為「解析」的過程將網域名稱轉為ip位址,或者將ip位址轉換為網域名稱,名字比用點分隔的十進位制數ip位址更好記些,既然計算機仍然使用ip位址,那麼就必須有一種方法在二者之間進行轉換。dns使用查詢**的方法來將二者的值關聯起來。

全球資訊網www

www和瀏覽器的基本概念

www是world wide web的縮寫,又稱3w或web,中文譯名為「全球資訊網」

瀏覽器實際上就是用於網上瀏覽的應用程式,其主要作用就是現實網頁和解釋指令碼。

申請網域名稱和站點空間

在建立乙個web站點之前,必須先申請網域名稱和站點空間。只有申請了網域名稱和站點空間後,使用者製作的網頁才能發布到internet上,供他人瀏覽。

網域名稱只是internet中用於解決ip位址對應問題的一種方法。網域名稱由若干個英文本母和數字組成,由「.」分隔成幾部分,如ibm.com、yahoo.com.cn等。

com是頂級域,efg.com是com的次級域,abc.efg.com是efg.com的次級域。

一般預設:efg.com是國際頂級網域名稱,abc.efg.com是efg.com的次級網域名稱,也是efg.com的二級網域名稱!abc.efg.com是相對於efg.com的二級網域名稱!

internet 上網域名稱命名的一般規則

網域名稱中使用的字元:網域名稱中只能包含字元:26個英文本母,數字0-9.和「-」,「_」,「~」等。

網域名稱中字元的組合規則:在網域名稱中不區分英文本母的大小寫,對於乙個網域名稱的長度是有一定限制的。

網頁設計1

1.html5 html5是超文字標記語言的第五代版本。html5語法 1標籤不區分大小寫 2允許屬性值不使用引號 3允許部分屬性值的屬性省略 2 通常將html標記分為兩大類,分別是 雙標記 與 單標記 雙標記也稱體標記,是指由開始和結束兩個標記符組成的標記。單標記也稱空標記,是指用乙個標記符號即...

網頁設計 html布局學習1

一 重置css樣式表 第一種方式 現在眾多的設計師發現,這行 雖然簡單,但卻讓網頁解析太慢,呵呵,當然了,自己是業餘的,不用太在意。於是出現了幾種css重置方法 第二種方式 nettuts上的 jeffrey way寫了篇文章weekend quick tip create your own res...

網頁設計元素之按鈕1

練習 一 橙色水晶按鈕 小結 本練習亮點在於左側亮光部分設定 用套索工具建立減去選區 填充白色 柔光,不透明度50 練習二 綠色清新按鈕 適當新增雜色 練習三 製作強質感立體按鈕,步驟詳見 小結 1 ctrl t進入自由變換,ctrl alt shift拖動控制點 進行透視 變形 扭曲等操作 2 在...