網路城邦
上一篇 回創作列表 下一篇   字體:
ASP dreamweaver20100408(3)(notebook of teacher (王璇華)
2010/04/08 16:04:01瀏覽765|回應0|推薦0

 ASP dreamweaver20100408(3)(notebook of teacher (王璇華)

一.網頁內文架構-固定

1.表格+css排版

(1)第一層90%:4張圖(120*80)

(2)第二層:內文+圖(80*60)

(3)第三層:4張圖

a.表格版(html版 ) 舊:

(1)流程:表格(寬度%,列,欄,間,內距,註解)-表格對齊-儲存格(寬%,

水平,垂直對齊)

(2)3*1表格90%間內距0-置中-儲存格寬100%-靠左,上-第一列1*4表格100%間內距0

-置中-儲存格寬25%-水平垂直-置中-copy<table>列第二列貼上

(3)加入圖文

(4)圖片文繞圖-對齊(靠左右)-邊界間距修正

b.cs排版(新)-視窗-css

(1)css分成四大類

a.            進階ID          , 類別class          ,標籤html                   ,  複合式

b.宣告    #名稱            , ,名稱                , html標籤                  ,  #a 空格.b

c.範圍   排版(表格)     ,部份圖文          , 指定html所有範圍  , 指定套用路徑

 

keynote in class

1. IIS-C:web

2.主目錄:web

3.文件: indx.html

4.DW-C:web

5.ipconfig:ip

6.netstat -an confirm防火牆

7. 防火牆-開 -例外-www-80

8.伺服器:VBscript -本機存取

 

9.css :<div>=<table>,<tr>,< td>

10.css:<span>=<p>+<br>

11.單一指令=br, hr, img

 

開啟index.html(DW)

1.<插入>上拉至藍線

2.水平靠上置中

3.垂直靠上

4.點框圖-

  a.3列1欄

  b.寬90%

  c.內間距:0

  d. 註解:123

  e.點程式碼: delete 123留下caption( 註解:標籤索引,讓yahoo, google 搜尋,容易崁入密合找到)

 <caption>

                 123

                 </caption>

  f.找到表格開始-打空白鍵- 出現 summary

 

<table width="90%" border="1" cellspacing="0" cellpadding="0" summary="關鍵字">

5.選tr(列)

 a.水平置中

 b.垂直靠上

 c. 寬100%

 

6.選第一列-選攔框圖-1列4欄-寬100% -內間距0- 註解123-程式碼delete123

<td width="100%">enter

             <table width="100%" border="1" cellspacing="0" cellpadding="0" summary="關鍵字">

                   <caption>

                    

                     </caption>

7.選第一列其中的儲存格- 選下方table-框第一列所有儲存格-水平置中-垂直靠上-25%

-點 table- ctrlC- 選第3列-ctrlV

 

8.將pic 與文字copy到c槽-重新整理

9.拖曳入文字與圖- 點圖-回程式碼-雙引號後點一下-altㄦ雙引號後點一下- title

                     <td align="center" valign="top"><img src="pic/DC039_T.jpg" width="80" height="60"  alt="" title="關鍵字"/></td>

10點文字-拉入前後圖-點文字-下框選table-內距10

11.文繞圖:左圖-靠左對齊- 垂直 10-水平10

                  右圖- 靠右對齊- 垂直 10-水平10

12.各圖片下加字-選第一列-找table- 下列改為2-打入pic-block-CtrlC-在別的方框ctrlV

13.圖太相近-找到第一列-下找table-內距10

 

 防毒:

1.我的電腦-工具-資料夾選項

2.使用簡易檔案共用(不勾)

3.隱藏保護作業系統(不勾)

4.顯示所有檔案(勾)

5. 小精靈-install-a-a1-c- 找隱藏檔

 6.ok檔:c槽remove, autoexc.NTDETECT

7.有問題的檔案: 黃色資料夾.exe, .com, Dos圖示在其它槽位,其它名撐 - shift+delete

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

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