網路城邦
上一篇 回創作列表 下一篇   字體:
ASP dreamweaver20100401(3)(notebook of teacher 王璇華)
2010/04/01 09:22:49瀏覽583|回應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" -->&nbsp;<!-- TemplateEndEditable --></td>

          

(2)  將黑色往前後外移

<!-- TemplateBeginEditable name="EditRegion1" --><td width="800" height="484" align="left" valign="top" bgcolor="#CCCCCC">&nbsp;</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瓦

 

( 心情隨筆心靈 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:http://classic-blog.udn.com/article/trackback.jsp?uid=readingclub&aid=3903639