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