靜態(tài)網(wǎng)站設(shè)計與制作

前言

　　高等職業(yè)教育以培養(yǎng)應(yīng)用型專門人才為根本任務(wù)，人才培養(yǎng)突出應(yīng)用性、職業(yè)性、綜合性和實踐性的特點。因此，在高職院校示范性建設(shè)中必須以適應(yīng)社會需要為目標(biāo)、以培養(yǎng)技術(shù)應(yīng)用能力為主線設(shè)計學(xué)生知識、能力、素質(zhì)的結(jié)構(gòu)和培養(yǎng)方案，以應(yīng)用為主旨和特征構(gòu)建課程和教學(xué)內(nèi)容體系。　　隨著計算機網(wǎng)絡(luò)的發(fā)展，尤其是Internet的飛速發(fā)展，人們利用網(wǎng)絡(luò)可以輕松完成購物、訂票、接受教育、遠(yuǎn)程會議等活動，而建立自己的網(wǎng)站已經(jīng)成為各企事業(yè)單位的需求，設(shè)計網(wǎng)站與制作網(wǎng)站的能力也成為了計算機相關(guān)職業(yè)崗位必備的能力之一。本書針對高職院校應(yīng)用型人才培養(yǎng)目標(biāo)，依據(jù)實際工作崗位職業(yè)標(biāo)準(zhǔn)，確立本課程的教學(xué)內(nèi)容和課程體系，由企業(yè)專家和有豐富教學(xué)經(jīng)驗的教師研究討論開發(fā)而成?！　”窘滩呐c傳統(tǒng)教材相比，有以下創(chuàng)新之處：　　1.本教材的組織以工作過程為導(dǎo)向，以一個完整的靜態(tài)網(wǎng)站項目為典型工作任務(wù)。它改變了傳統(tǒng)教材以篇、章、節(jié)編寫的常規(guī)體例，采用創(chuàng)新性的情境、任務(wù)為編寫體例，以一個工作過程為一個情境，下設(shè)若干個任務(wù)，按照真實工作過程編寫教材?！　?.強調(diào)“教、學(xué)、做”一體化安排。每一個情境就是一個工作任務(wù)，對應(yīng)一個完整的行為模式。學(xué)生在任務(wù)的驅(qū)動下，通過完成工作來學(xué)習(xí)網(wǎng)站設(shè)計制作的知識和技能。教師不直接講授各個知識點，而是以相對獨立的一個頁面為單位組成教學(xué)單元，將完成職業(yè)崗位實際工作任務(wù)所需的大部分知識、能力、素質(zhì)合理地融入各個不同頁面的設(shè)計與制作中，每個頁面都是一個相對獨立的任務(wù)，每個任務(wù)既包含適量的新知識和技能，也包含已掌握的部分知識和技能，通過引導(dǎo)學(xué)生怎么做，讓學(xué)生在做中學(xué)。

內(nèi)容概要

　　本教材按照網(wǎng)站設(shè)計工作流程，系統(tǒng)全面地介紹了網(wǎng)站規(guī)劃與設(shè)計的技術(shù)路線及實施方法。全書以一個靜態(tài)網(wǎng)站項目為主線，在內(nèi)容的安排上從靜態(tài)網(wǎng)站的欣賞進(jìn)行宏觀引入，圍繞該靜態(tài)網(wǎng)站的具體設(shè)計制作方法和實施步驟逐步展開，由淺入深、循序漸進(jìn)、層次清晰。在完成典型任務(wù)的過程中，逐步滲透Dreamweaver CS3的設(shè)計技術(shù)以及HTML的語言知識，深入講解網(wǎng)頁設(shè)計與制作技巧。　　本教材共設(shè)立了7個情境，主要內(nèi)容包括：網(wǎng)頁初體驗、策劃網(wǎng)站、建立站點與管理站點、網(wǎng)站內(nèi)部頁面制作、設(shè)計制作網(wǎng)站首頁、制作網(wǎng)頁特效、測試與發(fā)布網(wǎng)站?！　　鹅o態(tài)網(wǎng)站設(shè)計與制作》可作為高職高專院校、本科院校二級學(xué)院計算機相關(guān)專業(yè)的教材，也可作為從事網(wǎng)頁設(shè)計技術(shù)人員的參考用書和各類社會培訓(xùn)班以及業(yè)余愛好者的培訓(xùn)用書。

書籍目錄

情境1 網(wǎng)頁初體驗子情境1-1 欣賞優(yōu)秀網(wǎng)站子情境1-2 認(rèn)識網(wǎng)頁設(shè)計技術(shù)任務(wù)1-2-1 打造我的第一個網(wǎng)頁任務(wù)1-2-2 打造我的第二個網(wǎng)頁情境2 策劃網(wǎng)站子情境2-1 分析網(wǎng)站需求子情境2-2 規(guī)劃網(wǎng)站結(jié)構(gòu)情境3 建立站點與管理站點子情境3-1 站點的創(chuàng)建子情境3-2 創(chuàng)建網(wǎng)站的目錄結(jié)構(gòu)子情境3-3 站點的管理子情境3-4 創(chuàng)建站點地圖情境4 網(wǎng)站內(nèi)部頁面制作子情境4-1 設(shè)計制作“課件說明”網(wǎng)頁任務(wù)4-1-1 輸入文字和編輯文字任務(wù)4-1-2 插入相關(guān)文本要素任務(wù)4-1-3 應(yīng)用CSS修飾網(wǎng)頁文本任務(wù)4-1-4 應(yīng)用CSS重新定義項目符號和編號任務(wù)4-1-5 應(yīng)用CSS鎖定背景子情境4-2 設(shè)計制作“動畫演示”網(wǎng)頁任務(wù)4-2-1 用表格布局頁面任務(wù)4-2-2 添加動感元素任務(wù)4-2-3 應(yīng)用CSS修飾表格子情境4-3 設(shè)計制作“用戶注冊”網(wǎng)頁任務(wù)4-3-1 規(guī)劃交互頁面的布局任務(wù)4-3-2 插入表單域任務(wù)4-3-3 添加表單元素任務(wù)4-3-4 創(chuàng)建跳轉(zhuǎn)菜單任務(wù)4-3-5 驗證表單子情境4-4 設(shè)計制作風(fēng)格一致的網(wǎng)頁任務(wù)4-4-1 設(shè)計制作模板網(wǎng)頁任務(wù)4-4-2 創(chuàng)建通用頁面任務(wù)4-4-3 應(yīng)用模板創(chuàng)建新網(wǎng)頁子情境4-5 設(shè)計制作“實驗演示1”框架網(wǎng)頁任務(wù)4-5-1 制作框架網(wǎng)頁任務(wù)4-5-2 創(chuàng)建框架和框架集任務(wù)4-5-3 框架超級鏈接情境5 設(shè)計制作網(wǎng)站首頁子情境5-1 布局首頁任務(wù)5-1-1 繪制首頁的布局草圖任務(wù)5-1-2 應(yīng)用AP元素布局首頁任務(wù)5-1-3 在居中層中創(chuàng)建浮動框架子情境5-2 設(shè)計制作“首頁頂部”網(wǎng)頁任務(wù)5-2-1 布局框架頂部網(wǎng)頁任務(wù)5-2-2 應(yīng)用CSS修飾導(dǎo)航條的超級鏈接任務(wù)5-2-3 創(chuàng)建電子郵件鏈接子情境5-3 設(shè)計制作“課程折疊目錄”網(wǎng)頁子情境5-4 設(shè)計制作“首頁框架集”網(wǎng)頁子情境5-5 設(shè)計制作首頁的版權(quán)區(qū)任務(wù)5-5-1 布局首頁的版權(quán)區(qū)任務(wù)5-5-2 插入特殊字符任務(wù)5-5-3 創(chuàng)建圖像鏈接和熱點鏈接情境6 制作網(wǎng)頁特效子情境6-1 添加設(shè)置狀態(tài)欄文本行為子情境6-2 添加彈出信息行為子情境6-3 制作滾動字幕子情境6-4 制作關(guān)閉窗口情境7 測試與發(fā)布網(wǎng)站子情境7-1 測試網(wǎng)站任務(wù)7-1-1 測試網(wǎng)頁任務(wù)7-1-2 測試站點子情境7-2 發(fā)布網(wǎng)站任務(wù)7-2-1 申請域名及空間任務(wù)7-2-2 上傳網(wǎng)頁參考文獻(xiàn)

章節(jié)摘錄

　?、芤?guī)劃網(wǎng)站結(jié)構(gòu)。規(guī)劃網(wǎng)站結(jié)構(gòu)是指規(guī)劃網(wǎng)站內(nèi)各個欄目、頁面的劃分及鏈接方式。網(wǎng)站結(jié)構(gòu)的組織是規(guī)劃設(shè)計網(wǎng)站的一個重要步驟。規(guī)劃網(wǎng)站結(jié)構(gòu)的步驟分為三步：　　規(guī)劃網(wǎng)站欄目。欄目規(guī)劃就是編寫網(wǎng)站的大綱和索引，它就像一本書的目錄。網(wǎng)站欄目規(guī)劃與網(wǎng)站的成敗有著非常直接的關(guān)系，它首先要做到“提綱挈領(lǐng)、點題明義”，用最簡練的語言提煉出網(wǎng)站中每一部分的內(nèi)容，清晰地告訴瀏覽者網(wǎng)站在說什么，有哪些信息和功能；此外，網(wǎng)站欄目還應(yīng)該為瀏覽者提供清晰直觀的指引，幫助瀏覽者方便地到達(dá)網(wǎng)站的所有頁面，起到指引迷途、清晰導(dǎo)航的作用?！　≡跒榫W(wǎng)站劃分欄目時要將網(wǎng)站中所要涉及的信息進(jìn)行細(xì)分和合理組織，建立層次結(jié)構(gòu)。根據(jù)信息重點以及項目業(yè)務(wù)的側(cè)重點，結(jié)合網(wǎng)站主題定位確定網(wǎng)站的欄目需要有哪幾項。經(jīng)過反復(fù)比較，對定下來的內(nèi)容進(jìn)行歸類，形成網(wǎng)站欄目的結(jié)構(gòu)列表以清晰表達(dá)站點結(jié)構(gòu)。接著，討論二級欄目下的子欄目，對它進(jìn)行歸類，并逐一確定每個二級分欄目的主頁面需要放哪些具體內(nèi)容，二級欄目下面的每個小欄目需要放哪些內(nèi)容，明確本欄目的每個細(xì)節(jié)，最后形成詳細(xì)的欄目規(guī)劃?！　”緯氖纠W(wǎng)站根據(jù)需求，劃分了“課程簡介”、“實驗環(huán)節(jié)”等九個欄目，這里不做贅述?！　∫?guī)劃網(wǎng)站的鏈接結(jié)構(gòu)。網(wǎng)站的鏈接結(jié)構(gòu)是網(wǎng)站各欄目之間的邏輯連接結(jié)構(gòu)。建立網(wǎng)站的鏈接結(jié)構(gòu)有樹型鏈接結(jié)構(gòu)和星型鏈接結(jié)構(gòu)兩種。網(wǎng)站的結(jié)構(gòu)圖一般以“樹型”結(jié)構(gòu)為主，圖2-2-1為示例網(wǎng)站的樹型結(jié)構(gòu)圖。

圖書封面

評論、評分、閱讀與下載

---

    靜態(tài)網(wǎng)站設(shè)計與制作 PDF格式下載

---