字體:小 中 大 | |
|
|
2010/04/08 16:04:01瀏覽782|回應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 |
|
( 心情隨筆|心靈 ) |