1麻昼、開發(fā)網(wǎng)站的流程
- 與客戶溝通，包括：風(fēng)格的馋辈、功能（論壇抚芦、留言板、支付迈螟、用戶登入等）
- 與美工溝通叉抡，制作網(wǎng)頁效果圖（首頁、列表頁井联、內(nèi)容頁）
- 制作人員開始切圖排版卜壕，排成網(wǎng)頁形式* 前臺和后臺合并一起，整站就完成了
2烙常、網(wǎng)頁布局結(jié)構(gòu)
3轴捎、排版的準(zhǔn)備工作
- 網(wǎng)站的素材：都要放在當(dāng)前目錄下，與當(dāng)前網(wǎng)頁放一起
- 創(chuàng)建一個(gè)html文件蚕脏，來進(jìn)行排版
- 網(wǎng)頁的背景色
- 確定主頁的寬度：778PX侦副，當(dāng)前流行的主頁寬度為1000PX
4、HTML注釋
<驼鞭！--注釋內(nèi)容--> 例<!..Flash模塊..>
注意：注釋內(nèi)容不會(huì)顯示秦驯，只是為了將來維護(hù)
- 網(wǎng)頁多媒體
<1> 網(wǎng)頁上的視頻一般都是FLASH格式，因?yàn)榧嫒菪员容^好挣棕，文件大小小的多译隘。
<2>flash文件壓縮比較小，符合快速傳播
<3>Flash動(dòng)畫的文件擴(kuò)展名是：.swf
*** 圖片熱點(diǎn)（圖像地圖）**
圖像熱點(diǎn)洛心，給一張圖片加多個(gè)鏈接固耘，默認(rèn)情況下，一張圖只能加一個(gè)鏈接
* 標(biāo)記結(jié)構(gòu)：
<img scr="image/01.jpg"> usermap="#map"/>
<map id="map">
<area shape="熱區(qū)形狀"> coords="熱區(qū)坐標(biāo)" href="鏈接地址"
<area shape="熱區(qū)形狀"> coords="熱區(qū)坐標(biāo)" href="鏈接地址"
<area shape="熱區(qū)形狀"> coords="熱區(qū)坐標(biāo)" href="鏈接地址"
</map>
*** <area>的常用屬性**
- shape:熱區(qū)形狀词身，取值：rect(矩形)厅目、circle(圓)、ploypon(多邊形)
-
coods熱區(qū)的坐標(biāo)（位置）
1、如果shape=rect時(shí)损敷，那么葫笼，coords="x1,y1,x2,y2"如：coords="50,50,200,150" （x1,y1為矩形左上角點(diǎn)的坐標(biāo)，x2,y2為矩形右下角坐標(biāo)拗馒。）
2路星、如果shape=circle時(shí)，那么瘟忱，circle="x,y奥额，r" （其中 xy為圓心坐標(biāo)，r為半徑访诱。）
Paste_Image.png
例如：
<ima src=”images/-02.jpg” usemap=”#Map”>
<map name=”Map “ id=”Map”>
<area shape=”rectcoords=”141,54,234,75” href=”maileto:jing@126.com”/>
<area shape=”rectcoords=”141,33,234,54” href=”加入收藏”/>
<area shape=”rectcoords=”141,33,234,54” href=”設(shè)為首頁”/>
普通框架
- 框架的技術(shù)：將一個(gè)瀏覽器窗口劃分成若干個(gè)小窗口，
每個(gè)小窗口顯示一個(gè)獨(dú)立頁面韩肝。 - 框架集和框架頁
- 框架集（farmeset）:主要用來劃分窗口的
- 框架頁（farme）：主要用來指定窗口默認(rèn)顯示的頁面地址触菜。
Paste_Image.png
* <frameset>屬性
-
clos:劃分左右型框架
clos="200," 表示做框架的寬度為200PX，剩下的是右框架的
clos="30%哀峻，" 可以用百分比來表示
*** rows**:劃分上下型框架的
注意：clo和rows不能同時(shí)使用 - framborder涡相，是否顯示框架的邊框線，取值1或0剩蟀，yes或者no
- ** border**:邊框線的粗細(xì)
- bordercolor:邊框顏色
* 《frame》框架頁的屬性
- src:該小窗口中催蝗，默認(rèn)顯示的網(wǎng)頁地址
- noresize不能調(diào)整小窗口的大小。noresize="noresize"
- scrolling是否顯示滾動(dòng)條育特，取值auto,yes,no
- name 給當(dāng)前小窗口取個(gè)名字丙号，這個(gè)名字給<a>標(biāo)記的target屬性來用。
Paste_Image.png
-
noframe的含義
當(dāng)你的瀏覽器不支持框架時(shí)缰冤，顯示的提示內(nèi)容犬缨。。棉浸。一般情況下IE6不支持框架怀薛，高版本都支持。
語法：<noframes>對不起迷郑，你的瀏覽器不支持frameset元素的<noframes>
-
框架的嵌套
Paste_Image.png
Paste_Image.png
-
做左邊的那一小框架（left.html）
注意：插圖片是不能在上面加字的枝恋，加背景色才能加
Paste_Image.png
Paste_Image.png
總結(jié)：
- <frameset>稱為普通框架
- <frameset>中，框架的制作分兩個(gè)部分嗡害，如上面兩個(gè)代碼
（1）框架的結(jié)構(gòu) （2）制作具體的內(nèi)容 - 在<frameset>的結(jié)構(gòu)劃分中焚碌，不能出現(xiàn)<body>標(biāo)記，因?yàn)闆]有實(shí)際內(nèi)容就漾。在框架中分出的三個(gè)框架極其實(shí)就是三個(gè)網(wǎng)頁呐能。獨(dú)立的網(wǎng)頁。
內(nèi)嵌框架（行內(nèi)框架，浮動(dòng)框架）
- 描述：相當(dāng)于現(xiàn)有的網(wǎng)頁中摆出，挖了一個(gè)窟窿朗徊，透過這個(gè)窟窿可以看見里面的內(nèi)容。
- 與<frameset>的區(qū)別：<iframe>是<body>的子標(biāo)記偎漫，所以爷恳，它應(yīng)該放在<body>內(nèi)
- **語法格式：
<iframe 屬性=“值”>對不起，你的瀏覽器版本太低<iframe> - 常用屬性
*src:指引入的文件地址
*width:框架的寬度
*height:框架的高度
*framborder:是否顯示邊框象踊，取值温亲，yes ,no
*border：邊框的粗細(xì)
*name:指定當(dāng)前小窗口的名稱，該名稱也是給<a>標(biāo)記的target屬性來的
*align：框架網(wǎng)頁的對其方式/ 其中取值left,right, - 這里的src引入的只能是html文件或者PHP文件杯矩，不能是圖片
