字體:小 中 大 | |
|
|
2010/04/01 09:22:49瀏覽633|回應0|推薦3 | |
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瓦
|
|
( 心情隨筆|心靈 ) |