1、開發網站的一個流程
- 業務員與客戶進行溝通，包括：風格的、功能（論壇、留言板、支付、用戶登錄等）
- 業務員與美工溝通。製作網頁效果圖（首頁、列表頁、內容頁）
- 製作人員開始切圖排版，排成網頁形式的
- 後臺程序員開始寫程序
- 前臺和後臺合併在一起，整站就完成了
2、網站佈局結構（以前是表格，目前最流行是用div+css）
- logo標誌：1行2列表格
- 導航欄：1行10列表格
- flash模塊：2行1列
- 月福新聞模塊：2行3列表格
- 服務項目模塊：2行3列表格
- 滾動產品模塊：2行2列表格
3、排版的準備工作
- 網站的素材：都要放到當前網頁的images中，與當前網頁在一起
- 創建HTML進行排版
- 網頁背景色
- 確定主頁的寬度
4、HTML的註釋
<！--註釋內容-->
網頁多媒體
網頁上的視頻一般都是Flash格式的，因爲Flash的兼容性比較好，再一個Flash文件的壓縮以後文件較小。
提示：法拉盛動畫的文件擴展名：.swf
以Flash動畫爲例，播放Flash動畫的代碼如下，這個代碼不用記，看懂就行。
<object classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=“xxx” height=“xxx">
<param name=“movie” value=“images/banner.swf">
<param name=“quality” value=“high">
<param name=“mode” value=“transparent">
<embed src=“xx/xx” width=“xx” height=“xxx” quality=“high” pluginspage=“http://www.macromedia.com/go/getflashplayer” type=“application/x-shockwave-flash” wmode=“transparent”></embed>
</object>
以上標記的說明：
<object>:是IE中引入多媒體的標記
<embed>:Netscape中引入的多媒體標記
圖片熱點（圖像地圖）
1、圖片熱點：給一張圖片加多個鏈接，默認情況下，一張圖只能加一個鏈接。
2、標記結構：
<img src=“images/xx.png” usemap=“#Map” />
<map id=“Map">
<area shape=“熱區形狀” coords=“熱區座標” href=“鏈接地址"
/>
<area shape=“熱區形狀” coords=“熱區座標” href=“鏈接地址"
/>
...
</map>
3、<area>標記的常用屬性
- shape：熱區的形狀，取值：rect（矩形）、circle（圓形）、polygon（多邊形）
- coords：熱區的座標（位置）
- 如果shape=rect時，那麼coords=“x1,y1,x2,y2”，（x1,y1）爲左上角座標，（x2,y2）爲右下角座標
- 如果shape=circle，那麼coords=“x,y,r”，其中（x,y）爲圓心，r爲半徑
框架
1、框架的概念
框架技術：將一個瀏覽器窗口劃分爲若干個小窗口，每個小窗口顯示一個獨立的網頁。
2、框架集和框架頁
- 框架集<frameset>：主要用來劃分窗口的
- 框架頁<frame>：主要用來指定窗口默認顯示的網頁地址
- 框架與窗戶很像。一個窗戶有窗格（框架集）和玻璃（框架頁）構成。先結構再內容，先框架集再框架頁。
3、<frameset>框架集的屬性
- cols：劃分左右型框架。如：cols=“200,*”，則表示左框架寬度爲200px，剩下的都是右框架。也可以用百分比表示。
- rows：劃分上下型框架。每個框架只能同時使用一個。
- frameborder：是否顯示框架的邊框線，取值：1或0，yes或no
- border：邊框線的粗線。
- bordercolor：邊框顏色。
4、<frame>框架頁的屬性
- src：該小窗口中，默認顯示的網頁地址。
- noresize：不能調整小窗口的大小。如：noresize=“noresize”
- scrolling：是否顯示滾動條，取值：1或0，yes或no，auto
- name：給當前小窗口起個名字。這個name就是給<a>標記的target屬性來用，此時target=“name”，返回原始狀態使用_top
5、<noframes>含義
描述：當你的瀏覽器不支持框架時，顯示的提示信息。一般情況下，IE6不支持框架，高版本都支持。
語法：<noframes>提示內容</noframes>
6、框架嵌套：上下左右
7、注意事項
- <frameset>框架，可以稱爲“普通框架”。
- 在普通框架中，框架的製作分兩個部分：（1）框架結構的規劃（2）製作具體的頁面
- 在普通框架的結構劃分中，不能出現<body>標記
內嵌框架（行內框架）
- 描述：內嵌框架，相當於在現有的網頁中，挖了一個“窟窿”，投過這個“窟窿”可以看到裏面的內容、
- 與普通框架的區別：<iframe>是<body>的子標記，因此，應該放在<body>中
- 語法格式：<iframe 屬性=“值”>對不起，你的瀏覽器版本太低了！</iframe>
- 常用屬性：
- src：引入文件的地址
- width：框架的寬度
- height：框架的高度
- frameborder：是否顯示框架的邊框線，取值：yes或no
- name：指定當前小窗口的名稱
- align：框架在網頁中的對齊方式，類似<img>
- 注意：src引入的文件最好是HTML文件或PHP文件，不能是其他文件。