網(wǎng)頁網(wǎng)站筆記xin
第一章:網(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ā)軟件)