信息網絡技術與網絡出版發(fā)行04(編輯修改稿)
2025-03-18 17:15 本頁面
【文章內容簡介】 結構 ? 正確安裝 Dreamweaver和 CSS面板漢化包 ? 創(chuàng)建網站結構 ? 編輯恰當的字體列表 ? 練習基本的文字排版 ? 通過切分視圖觀察文字排版時出現的各種 HTML編碼 ? 練習不斷行回車、空格、首行縮進、版權商標符號的插入 圖片 ? img src=“TestSite/” alt=“太陽花 width=1024 height=768 hspace=16 vspace=16 border=2 / ? 圖片需要使用相對地址或絕對地址來顯示到網頁中 ? 圖片可設置屬性： 1. 來源 src=“images/” 2. 寬度與高度 width=500 height=300 3. 邊框 border=2 4. 水平間距 vspace=16 5. 垂直間距 hspace=16 6. 提示文字 alt=“圖 1 鏈接、相對地址與絕對地址 鏈接的制作 特殊的絕對地址 在使用 Dreamweaver的 F12快捷 鍵預覽時 ， 經 常 會 在地址 欄 出 現這種絕對 地址， 這種 地址 瀏覽 正確的 網頁 不一定在 發(fā) 布 時 能 夠 正常 顯 示，但如果在站點管理器的 協(xié)調 下，能 夠 避免常 見 的低 級錯誤 。 表格 ? table width=400 height=500 border=3 cellspacing=10 cellpadding=10 bgcolor=000000 bordercolor=FF9900 background=../../images/ ? tr bgcolor=FFCC00 ? td bgcolor=00CC00 /td ? td bordercolor=3333CC /td ? /tr ? tr ? td /td ? td /td ? /tr ? /table 表格列合并 ? table width=300 border=1 cellspacing=5 cellpadding=5 ? tr ? td colspan=2 /td ? /tr ? tr ? td /td ? td /td ? /tr ? /table 表格行合并 ? table width=300 border=1 cellspacing=5 cellpadding=5 ? tr ? td /td ? td rowspan=2 /td ? /tr ? tr ? td /td ? /tr ? /table 表格屬性面板與單元格屬性面板 表格排版 ? 網頁設計時，我們會發(fā)現文字、列表、圖片、表格等內容經常是順序往下排列 。如何讓文字或圖片能夠在網頁設計時放到指定的位置呢？ ? 最早的設計方法是使用 透明表格 ，利用表格的單元格固定網頁內可視化元素位置。如文字，圖像，列表，水平線等。甚至可見的表格也經常通過透明表格指定位置。 表格排版示例 首頁 產品 服務 案例 資料下載 用戶社區(qū) 聯系我們 Logo Banner Footer L_List M_List R_List 第二部分 層疊式樣式表排版 用統(tǒng)一的方法規(guī)范網頁設計，增強表現力 CSS樣式表 常見的樣式表定義 1. 創(chuàng)建簡單的 類 ，使用類統(tǒng)一相似元素的顯示風格。 ? 如統(tǒng)一小標題的風格 2. 重定義 Body P TD H1 H2 H3 標簽 3. 重定義復合內容 a:link a:hover a:visited a:active 技巧： BODY設置長條背景圖可以快速美化網頁畫面 P設置像素單位的縮進，可以方便的控制段落樣式 P設置行高，可使文字精確對齊 使塊狀元素水平居中對齊 margin:0 auto。/*水平居中 */ 用 CSS樣式重定義 鏈接（復合內容）效果 ? 重定義 a:link 黑色無下劃線 ? 重定義 a:hover 黑色有下劃線 ? 重定義 a:visited 灰色有下劃線 ?
醫(yī)療健康相關推薦
鄂ICP備17016276號-1