ASP DW 20100401(3)
*Html 架構
1.成雙成對
<html>內容 </html>
2.單一標籤(hr,br, img)
<hr/>
3.html常用標籤
(1)網頁
<html>網頁
<head>表頭
<title>標題
<body>內文
(2)表格
<table>表格
<tr>列
<td>儲存格
(3)排版
<div>多段
<p>單段
<span>多行
<br/>單行
(4)其它
<img>圖片
<hr>水平線
<a> 連結
(4)
<!--註解說明- ->
一.範本架構流程
1.開啟firework匯出網頁
2.修改-頁面屬性-(文字, 背景, 邊界,連結,標題,編碼)
3.所有主要圖片加入(alt替代文字及title標題文字)
4.主要動畫加入(<img src="來源" background=背景圖/>)
5.插入- 範例物件-可編輯區域
<!- - Templates Begin- -><td>可編輯區</td><!- - TemplateEnd- ->
*需要可編輯區大於儲存格
*選取範圍由大- 小:
<table>-<tr>-<td>-<div>-<p>-<span>-<br>
7.檔案-儲存成範本(產生Template資料夾及dwt複檔名)
class keynote 輸出以巢狀為主
1. 控制台 -傳統檢試-IIS指向C:\web-新增目錄-index.html
2. DW- 新增網站-進階-網站名稱-web-本地根資料夾-C:\web- 測試伺服器-ASP VBscript
3. cmd-ipconfig192.168.1.11-netstat -an-confirm 80 port-防火牆-開啟-例外-新增連接port -www-80
4.firework 圖1切8版- html不輸出-按扭-灰色帶-按扭-灰色帶-不輸出內文-版權-縮小範圍-黑箭-選jpeg- 不輸出區選html
5.匯出-一般-表格-巢狀
6.firework圖2再切新版塊-切大方塊-切左右方框-右方切7並延伸-左方切body延伸-左方再切上下二框-黑箭 -框全部-改jpeg(不用改
7.匯出- 第一格不選-選項-html-小寫- 表格-巢狀表格
8.DW -重新整理
9.點body- delete-記住原寬高-打入寬高800*472-背景改白-水平靠左-垂直靠上
10.選圖1選左body延伸區-點圖-delete-填原寬高100*484-回程式碼-游標右移至>內-打空間棒-選background-瀏覽原圖
<td width="100" height="484" background="images/test1_r7_c1.jpg">
11.選圖1選右body延伸區-點圖-delete-填原寬高100*484-回程式碼-游標右移至>內-打空間棒-選background-瀏覽原圖
<td width="100" height="484" background="images/test1_r9_c12.jpg">
12.選logo與按扭畫面-回程式碼-加入alt="無障礙 " 空格title=" 小華部落"
<td><img name="test1_r6_c2" src="images/test1_r6_c2.jpg" width="800" height="124" border="0" id="test1_r6_c2" alt="無障礙"
title="小華部落" /></td>
13.另存成範本
14.找出內文可編輯區:
檔案- 另存成範本-會改存成template, test dwt-點body-下框從大找小(table-tr-td)-找到body位置為td
-插入-範本物件-可編輯區editregion
15.可編輯區包td
(1)點editregion-到程式碼
<td width="800" height="484" align="left" valign="top" bgcolor="#CCCCCC"><!-- TemplateBeginEditable name="EditRegion1" --> <!-- TemplateEndEditable --></td>
(2) 將黑色往前後外移
<!-- TemplateBeginEditable name="EditRegion1" --><td width="800" height="484" align="left" valign="top" bgcolor="#CCCCCC"> </td><!-- TemplateEndEditable -->
16.關掉
來自範本的頁面
1. 先關閉所有範本
2.檔案-開新檔-來自範本-ctrl+N+enter
3.開5頁
(1)頁1-打回首頁-存index.html
(2)頁2-打產品介紹-存p1
(3)頁3-打關於我們-存p2
(4)頁4-打聯絡我們-存p3
(5)頁5-打網站連結-存p4
4.回範本頁做連結
(1)關此5頁
(2)選*.dwt
(3)連結
5.增加效果
從電腦c槽-檔案web檔案SWFT-註冊-打序號-打內文的寬高-找原圖-加特效-publish
6.範本.dwt-delete內文原圖-拉入Flash圖-找回原圖- 儲存檔案-更新
*單色直接改背景顏色
多色先去圖-改回原寬高-(body需加選水平靠左-垂直靠上)
*html架構觀念
客源偵測
<html>
<head>
不可按右鍵
<title>
</title>
</head>
<body>
蝴蝶游標
</body>
尋找網站
</html>
記次
*架網
1.不能關電腦
2.CPU買intel(玩摩獸買AMD)
3. 電源需450瓦
下一則： ASP dreamweaver20100330(2)(notebook of teacher 王璇華)
限會員,要發表迴響,請先登入
