網(wǎng)頁設(shè)計案例教程

內(nèi)容概要

　　《高等學(xué)校計算機課程規(guī)劃教材：網(wǎng)頁設(shè)計案例教程》系統(tǒng)地介紹了DreamweaverCS5的基礎(chǔ)知識和操作，由網(wǎng)頁制作概述、始建站點、網(wǎng)頁設(shè)計基礎(chǔ)操作、布局元素的應(yīng)用、CSS樣式應(yīng)用、使用行為、框架的應(yīng)用、網(wǎng)頁色彩設(shè)計、網(wǎng)頁整合設(shè)計及發(fā)布10章組成?！　惺褂么罅康陌咐M行知識點的分析與運用，并給出一些比較成熟的開發(fā)步驟，幫助讀者進行網(wǎng)頁設(shè)計與開發(fā)，讓每一位讀者能夠看清楚知識點運用的來龍去脈和運行效果，從而能夠真正靈活地運用網(wǎng)頁設(shè)計的常用技巧。全書還在每一章后面附加實訓(xùn)項目，讀者可以通過實訓(xùn)檢驗自己本章節(jié)各個知識點的綜合掌握情況。　　《高等學(xué)校計算機課程規(guī)劃教材：網(wǎng)頁設(shè)計案例教程》結(jié)構(gòu)清晰，內(nèi)容翔實，具有很強的專業(yè)性和操作性，切實做到理論與實踐相結(jié)合。適合作為高等院校各專業(yè)計算機公共基礎(chǔ)課程網(wǎng)頁設(shè)計方面的教材，也可以作為網(wǎng)頁制作從業(yè)人員及自學(xué)者的參考用書。

書籍目錄

第1章 網(wǎng)頁制作概述 1.1 域名與ip地址 1.2 網(wǎng)站的工作原理 1.3 HTML 1.3.1 基本標簽 1.3.2 文字標簽 1.3.3 段落標簽 1.3.4 圖像標簽和超鏈接標簽 1.3.5 多媒體標簽 1.3.6 表格標簽 1.4 Dreamweaver CS5簡介 第2章 始建站點“驢友天下” 2.1 Dreamweaver CS5的操作界面 2.2 建立站點 2.3 設(shè)置頁面 2.3.1 頁面背景 2.3.2 頁面默認字體 2.3.3 頁面邊距 2.4 上傳和下載站點 2.4.1 上傳站點 2.4.2 下載站點 實訓(xùn) 創(chuàng)建“美食天下”網(wǎng)站 第3章 網(wǎng)頁設(shè)計基礎(chǔ)操作——“熱門景點” 3.1 麻姑山簡介——網(wǎng)頁文本 3.1.1 編輯文本 3.1.2 設(shè)置段落 3.2 麻姑山美景——網(wǎng)頁圖片 3.2.1 插入圖片 3.2.2 修改圖片 3.2.3 對齊圖片 3.2.4 圖片邊距 3.2.5 鼠標經(jīng)過圖像 3.2.6 頁面保存 3.3 西湖映像——網(wǎng)頁多媒體 3.3.1 插入Flash動畫 3.3.2 插入Flash視頻 3.3.3 插入音頻 3.4“熱門景點”首頁 3.4.1 文本超鏈接 3.4.2 圖片超鏈接 實訓(xùn) 創(chuàng)建“美食天下”網(wǎng)站的子版塊“齊魯菜肴” 第4章 布局元素的應(yīng)用——“驢友寶典” 4.1 新建“戶外須知”頁面——AP Div的基本操作 4.1.1 理解AP Div的概念 4.1.2 創(chuàng)建AP Div 4.1.3 選擇AP Div 4.1.4 移動AP Div 4.1.5 調(diào)整AP Div的大小 4.1.6 更改AP Div的名稱 4.2 完善“戶外須知”頁面——使用AP Div布局頁面 4.2.1 創(chuàng)建多個AP Div進行頁面布局 4.2.2 創(chuàng)建嵌套AP Div 4.2.3 在AP Div中添加圖片 4.2.4 在AP Div中添加文字 4.2.5 設(shè)置AP Div的背景 4.2.6 其他設(shè)置 4.3 新建“旅途常備”頁面——表格的基本操作 4.3.1 插入表格 4.3.2 選取表格元素 4.3.3 設(shè)置表格屬性 4.3.4 設(shè)置單元格屬性 4.3.5 添加和刪除行或列 4.3.6 在表格中添加內(nèi)容 4.4 完善“旅途常備”頁面——使用表格進行頁面布局 4.4.1 用表格布局頁面 4.4.2 加入頁面標題圖片 4.4.3 拆分單元格 4.4.4 加入文字和圖片元素 4.4.5 設(shè)置單元格的背景顏色 4.4.6 插入嵌套表格 4.4.7 設(shè)置表格的背景圖片和邊框顏色 4.4.8 合并單元格 4.4.9 繪制立體表格 4.4.10 完成“旅途常備”頁面 4.4.11 AP Div和表格之間的轉(zhuǎn)換 4.5 美化“旅途常備”頁面——使用Spry框架高效使用頁面空間 4.5.1 生成選項卡面板 4.5.2 編輯選項卡標簽 4.5.3 編輯選項卡面板內(nèi)容區(qū) 4.5.4 設(shè)置默認顯示面板 4.5.5 創(chuàng)建和編輯Spry菜單欄 4.5.6 創(chuàng)建Spry折疊式面板 4.5.7 使用Spry框架美化“旅途常備”頁面效果展示 實訓(xùn) 創(chuàng)建“美食天下”的子版塊“飲食宜忌” 第5章 CSS樣式應(yīng)用——“老談游記” 5.1 夢回千島湖 5.1.1 CSS樣式的分類 5.1.2 CSS選擇器的分類 5.2 千古晉祠 5.3 蝴蝶泉 5.4 麥積山 5.5 太陽島 實訓(xùn) 魂繞回龍 第6章 行為的應(yīng)用——“攝影部落” 6.1 歡迎進入攝影部落——彈出信息 6.2 攝影部落簡介——彈出窗口 6.3 人物攝影——交換圖像 6.4 風(fēng)景攝影——效果行為 6.5 民俗攝影——顯示—隱藏元素 6.6 美食攝影——設(shè)置文本 6.7 建筑攝影——改變屬性 實訓(xùn) 創(chuàng)建“魅力城市”網(wǎng)站的子版塊“青島” 第7章 框架——首頁的建設(shè) 7.1 首頁的規(guī)劃 7.1.1 首頁規(guī)劃設(shè)計的原則 7.1.2“驢友天下”網(wǎng)站的首頁規(guī)劃 7.2 編輯“標題.html”框架頁 7.2.1“標題.html”框架頁效果描述 7.2.2 制作“標題.html”框架頁 7.3 編輯“導(dǎo)航.html”框架頁 7.3.1“導(dǎo)航.html”框架頁效果描述 7.3.2 制作“導(dǎo)航.html”框架頁 7.4 編輯“主體.html”框架頁 7.4.1“主體.html”框架頁效果描述 7.4.2 制作“主體.html”框架頁 7.5 編輯“底部.html”框架頁 7.5.1“底部.html”框架頁效果描述 7.5.2 制作“底部.html”框架頁 7.6 新建和設(shè)置框架集 7.6.1“驢友天下”網(wǎng)站首頁的框架集描述 7.6.2 創(chuàng)建“驢友天下”網(wǎng)站首頁的框架集 7.7 創(chuàng)建框架間鏈接。 7.7.1“驢友天下”網(wǎng)站首頁框架間鏈接的效果描述 7.7.2 創(chuàng)建“驢友天下”網(wǎng)站首頁的框架間鏈接 7.8 保存“驢友天下”網(wǎng)站首頁的框架 實訓(xùn) 創(chuàng)建“唐詩宋詞欣賞”網(wǎng)站的首頁 第8章 網(wǎng)頁配色基礎(chǔ) 8.1 色彩理論基礎(chǔ) 8.1.1 色彩的三要素 8.1.2 HSB色彩空間 8.2 網(wǎng)頁配色的一般方法 8.2.1 網(wǎng)頁安全色 8.2.2 網(wǎng)頁元素分析 8.2.3 網(wǎng)頁色彩分析 8.2.4 網(wǎng)頁配色的基本方法 8.3 常見色系的配色 第9章 綜合實例 9.1 網(wǎng)站規(guī)劃 9.2 頁面制作 9.2.1“名作欣賞”頁面 9.2.2 站點首頁的制作 實訓(xùn)“圖酷在線”網(wǎng)站的建設(shè) …… 第10章 建立web服務(wù)器

章節(jié)摘錄

版權(quán)頁：   插圖：   要求建設(shè)主題為“色友之家”的站點，在其中介紹攝影類的內(nèi)容。主要分類可以涉及攝影技藝、照片賞析、器材博覽、旅途記聞等。 1.確定網(wǎng)站內(nèi)容 所謂站點內(nèi)容，指的是在網(wǎng)站主題指導(dǎo)下，站點的主攻方向。站點內(nèi)容應(yīng)與站點主題涵義一致。在此基礎(chǔ)上，站點可以根據(jù)自身特長、喜好及同業(yè)人員需要，而有所偏重。 比如本處站點主題為“色友之家”，主要內(nèi)容設(shè)定為照片賞析、攝影技藝、攝影新聞、攝影器材以及攝影旅游。在此基礎(chǔ)上，將“照片賞析”作為網(wǎng)站特色內(nèi)容，著重筆墨介紹。 2.確定網(wǎng)站子欄目 根據(jù)站點內(nèi)容要求，確定站點的子欄目。此處將網(wǎng)站分為“色界新聞”、“名作欣賞”、“攝影教程”、“個人影展”、“色友論壇”、“單反世界”、“鏡頭探析”、“色驢裝備”共8個欄目。 3.確定主色彩及網(wǎng)站logo 首先要根據(jù)網(wǎng)站主題確定主色彩?！皵z影”是用圖片說話，以無聲的畫面替代有聲的語言。此處選擇藍色系，寓意“深沉”、“廣闊”。 所謂logo，就是公司或品牌的徽標，集中體現(xiàn)了公司或組織的特點和文化。有條件的網(wǎng)站可以委托專門人員設(shè)計logo。此處使用如圖9—1所示的圖片作為網(wǎng)站logo。 4.布局首頁及子頁面 網(wǎng)站首頁是網(wǎng)站最重要的頁面。可以使用專門的作圖工具制作出首頁的布局效果圖并撰寫說明文檔。這要求制作者既能熟練操作作圖工具，又對網(wǎng)頁元素有深刻理解。 布局首頁即決定了哪些內(nèi)容要顯示在首頁，及其顯示位置。一般來說，要求通過首頁能夠到達所有的子欄目。并且，重要的子欄目內(nèi)容應(yīng)當直接顯示在首頁。頁面布局一旦確定，即不可輕易更改。 根據(jù)以上要求，本網(wǎng)站首頁的效果如圖9—2所示。頁面上方是網(wǎng)站logo及橫幅。欄目導(dǎo)航放在了頁面左側(cè)。中間是每日圖片及文章推介，其下方是“攝影教程”欄目。

編輯推薦

《高等學(xué)校計算機課程規(guī)劃教材:網(wǎng)頁設(shè)計案例教程》由朱艷麗、宋毓霞主編，《高等學(xué)校計算機課程規(guī)劃教材:網(wǎng)頁設(shè)計案例教程》的編寫特色為，以案例的形式編排，讀者可以在閱讀的同時逐漸完成全書的目標。在此基礎(chǔ)上，還安排了必要的實訓(xùn)，使讀者有機會實踐課本所學(xué)?！陡叩葘W(xué)校計算機課程規(guī)劃教材:網(wǎng)頁設(shè)計案例教程》結(jié)構(gòu)清晰，內(nèi)容翔實，具有很強的專業(yè)性和操作性，切實做到理論與實踐相結(jié)合。適合作為高等院校各專業(yè)計算機公共基礎(chǔ)課程網(wǎng)頁設(shè)計方面的教材，也可以作為網(wǎng)頁制作從業(yè)人員及自學(xué)者的參考用書。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計案例教程 PDF格式下載

---