成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

網(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有序列表

    1. 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ā)軟件)

標簽: