第一章：網(wǎng)頁設(shè)計基礎(chǔ)知識1、Internet 是網(wǎng)絡(luò)集合、網(wǎng)絡(luò)是計算機和相關(guān)設(shè)備集合 聯(lián)網(wǎng)的設(shè)備：交換機、路由器、防火墻、雙絞線、光纖 連網(wǎng)的目的：資源共享…協(xié)議(Protocol)：聯(lián)網(wǎng)

第一章：網(wǎng)頁設(shè)計基礎(chǔ)知識

1、Internet 是網(wǎng)絡(luò)集合、網(wǎng)絡(luò)是計算機和相關(guān)設(shè)備集合 聯(lián)網(wǎng)的設(shè)備：交換機、路由器、防火墻、雙絞線、光纖 連網(wǎng)的目的：資源共享…

協(xié)議(Protocol)：聯(lián)網(wǎng)設(shè)備的約定

TCP ，IP ，HTTP

2、Internet 1969 計算機的產(chǎn)生 ENIAC 1946

ARPAnet(阿帕網(wǎng))

3、Web 網(wǎng)頁

Network 網(wǎng)絡(luò)

服務(wù)器(Server)，客戶機(Client)，瀏覽器(Browser) 瀏覽器的作用：把收到的HTML 轉(zhuǎn)換成網(wǎng)頁效果 常用的瀏覽器：Internet Explorer、FireFox(火孤)

360安全瀏覽器、谷歌、TheWorld 。 擴展：目前軟件開發(fā)模式

(1) 單機模式

(2) C/S（開發(fā)兩端：服務(wù)器端程序，客戶機端程序）

(3) B/S（網(wǎng)站模式，只開發(fā)服務(wù)器端）

4、URL （Uniform Resource Locator）統(tǒng)一資源定位符 資源：網(wǎng)頁、圖片、視頻、音頻等網(wǎng)頁素材

作用：統(tǒng)一的地址標識方法

格式：協(xié)議名 :// 主機名(域名或IP)[/文件夾名][/文件名]

課后作業(yè)：巴科斯范式

常用協(xié)議：

HTTP(H yper T ext T ransmission/Transfer/Transport P rotocol) FTP(File Transfer Protocol)文件傳輸協(xié)議，上傳下載 MailTo 發(fā)郵件

mailto 后一般不用// 格式mailto:郵箱地址

擴展：Outlook 和Foxmail 兩個郵件管理軟件

5、網(wǎng)頁、網(wǎng)站和主頁

網(wǎng)頁：構(gòu)建WWW 的基本單位，是各種網(wǎng)頁元素(如文字、圖片、聲音、視頻等) 的集合

網(wǎng)站：一組有邏輯關(guān)系的網(wǎng)頁，通過超鏈接互聯(lián)起來集合 主頁：網(wǎng)站的第一個網(wǎng)頁，首頁。一般以Index(Default)作為文件名。如index.html ，index.htm ，

index. asp ，index. php ，index. jsp ，index. aspx

6、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁

靜態(tài)網(wǎng)頁：內(nèi)容是固定的，一般用HTML 語言編寫 HTML(HyperText Markup Language)

網(wǎng)頁文件后綴.html ，.htm

動態(tài)網(wǎng)頁：服務(wù)器在接收到用戶請求時，的頁面。網(wǎng)頁內(nèi)容會變化。

常用的動態(tài)網(wǎng)頁技術(shù)：ASP ，JSP ，PHP ，ASP.net 7、域名和IP 地址

IP 地址：在網(wǎng)絡(luò)上設(shè)備（計算機，路由器，防火墻）的地址表示方式

目前常用的IP(Internet Protocol)是IPv4，用32位二進制表示。

10100001 11110001 10010001 11110011

二進制表示適合計算機處理，但人不好用，所以表示為點分十進制形式，把32位分成4組，每組轉(zhuǎn)化為十進制方式表示。

擴展：打開計算器 Win R→calc

161.241.145.243

點分十進制形式但不好記，沒有意義，所以產(chǎn)生了域名 如:www.baidu.com,www.bsnc.cn

查看本機IP 地址的方式：

(1) 雙擊任務(wù)欄右下角“本地連接圖標”→支持

(2) Win R→cmd(全屏Alt Enter)→ip config

Exit 退出

查看已知域名的IP 地址

(1) Win R→cmd →Ping <域名|IP>

如查看百度的IP ： ping

8、網(wǎng)站制作工具

(1)網(wǎng)頁編輯工具

a) 標記型：記事本，Ultraedit (完全寫代碼)

b) 所見即所得型（What You See is What you Get ）：Dreamweaver(可視化類型)

(2)圖像處理：Photoshop ，F(xiàn)ireworks

(3)動畫制作：Flash

(4)視頻、音頻制作：會聲會影，Premiere

9、網(wǎng)站開發(fā)步驟

(1)規(guī)劃：需求→需求分析（用戶如果描述，可以讓對方提出參考網(wǎng)站）→功能定義和界面定義→簽訂合同 規(guī)劃階段需要開發(fā)人員和客戶進行詳細的溝通

(2)設(shè)計：對功能和界面的細化，也需要征求客戶意見。

(3)開發(fā)：功能和界面實現(xiàn)

(4)發(fā)布：申請域名和空間→上傳

(5)維護：培訓(xùn)管理員來做，內(nèi)容更新，功能擴展

10、HTML

作業(yè)：P4,8,9,12

例1：建文件夾→顯示后綴→新建文本文件，改名為ch1_01.htm→用記事本打開→按P4頁錄入，除漢字外，其它為英文狀態(tài)

Preformated 預(yù)格式化
塊
 Unorder List無序列表

              ,
 Order List有序列表
List Item 列表元素
11、網(wǎng)站發(fā)布
(網(wǎng)站已做好，并測試完成)
(1)申請域名和空間
a. 以萬網(wǎng)為例（www.net.cn ）-->查詢想要的域名是否已被注冊-->注冊-->得到一個域名管理帳號
b. 再申請空間 得到一個空間的FTP 管理權(quán)限
（地址，用戶名，密碼）
c. 把域名和空間進行綁定
使用免費的（）
缺點：域名不可選，服務(wù)不保障
記錄注冊信息：
網(wǎng)址www.5944.net
用戶名：bsxy10jj
密碼：123456
記錄域名和空間信息：
域名：33224.u5u5.info
綁定：dsj.u5u5.info
FTP 地址：174.128.236.182
FTP 用戶名：33224
FTP 密碼：123456
              ,
擴展：查看IP 地址所屬的區(qū)域     www.ip138.com
(2)FTP的使用
a. 把主頁改名：index.htm    b. 連接FTP
A. 用IE 連
B. 用FTP 工具連
格式：   ftp://地址
c. 上傳網(wǎng)站文件(復(fù)制 粘貼)    d. 網(wǎng)上測試
作業(yè)：完成免費空間的申請
              ,
第二章 站點的創(chuàng)建與管理
1、網(wǎng)頁開發(fā)工具：Dreamweaver
公司：早期Macromedia 后來Adode
最新版：Adobe Dreamweaver CS4
常用的：Macromedia Dreamweaver 8 (建議)
網(wǎng)頁三劍客(Macromedia)：Dreamweaver ，F(xiàn)ireworks ，F(xiàn)lash    菜單欄的快捷鍵用Alt 字母
面板
2、站點的建立
(1)為什么要建站點
a. 便于網(wǎng)站素材的管理
b. 便于網(wǎng)站的批量更新
c. 便于網(wǎng)站的發(fā)布與維護
(2)怎樣建站點
a. 規(guī)劃網(wǎng)站存儲位置(建議在U 盤上)
如：G:web
b. 在DW 中創(chuàng)建
站點→新建站點→名字用于標識，URL 可以空→否→  默認，位置指向規(guī)劃好的文件夾→無→完成
(3)創(chuàng)建網(wǎng)頁
文件→新建→基本頁→HTML ，
立即保存（防止掉電丟失，方便調(diào)用其它素材）
              ,
文件名上有*號，表示修改過沒存盤
建議網(wǎng)頁名用英文字母，數(shù)字，不要有空格
擴展：微軟編程語言
1998年左右：
Visual C      (VC)
Visual Studio 6.0   Visual Basic    (VB)
Visual FoxPro   (VFP)程序 數(shù)據(jù)庫 后來：
Visual C   .Net
Visual Studio .Net Visual Basic .Net
Visual C#.Net  #(sharp)
單機→C/S→B/S（網(wǎng)站模式）
              ,
第三章 制作文本頁面
1、新建頁面”求職簡歷.html ”
2、制作頁面
（1）修改標題
（2）改背景(頁面屬性)
擴展：三基色（RGB ）
（3）文字格式設(shè)置(文本菜單/屬性面板)
字體列表(如果沒有，用下一個)
大小：數(shù)值 單位（建議用像素）
相對大小
(4)插入日期時間(不是動態(tài)的，是文件修改時)      插入→日期
(5)插入水平線
插入→HTML →水平線
（6）插入表格
插入→表格
寬度：像素、百分比
固定大小的用像素，變動的用百分比
(7)制作列表(無序，有序—多級)
無序：輸入→選中→文本→列表→項目列表
有序—多級：全部錄入（不帶編號）→選中→文本→列表→編號列表→用Tab 分級(Shift)
              ,
優(yōu)勢：自動維護編號
(8)插入特殊符號
插入→HTML →特殊符號（注意看代碼）
(9)制作超鏈接
選中→屬性面板→鏈接中寫地址， 目標：_blank 彈出新頁面
_parent 占用父窗口
_self _top一般用于框架
不填：等價于_parent
網(wǎng)頁鏈接用：http
郵件鏈接用：mailto (打開本地郵件收發(fā)軟件)