情境導(dǎo)入——討論1、周末同學(xué)們最想干什么?2、平時(shí)經(jīng)常瀏覽的網(wǎng)站有哪些？選擇主題規(guī)劃欄目新課——基本概念網(wǎng)站建設(shè)的主要過程：新課——網(wǎng)站的建立過程

新課——確定主題及名稱

網(wǎng)站的規(guī)劃是指建立網(wǎng)站前對網(wǎng)站需求分析或市場分析，確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測試、維護(hù)等工作做好充分的考慮，網(wǎng)站的規(guī)劃對網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)作用，對網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。

網(wǎng)站的規(guī)劃從哪里開始？給10秒鐘時(shí)間，大家看以下10個(gè)網(wǎng)站的名字，看誰記得最多:[游戲]一個(gè)別具一格、朗朗上口的網(wǎng)站名稱能令人印象深刻，不但能讓用戶了解網(wǎng)站的主題內(nèi)容，而且還能吸引更多瀏覽者。網(wǎng)站的規(guī)劃從選擇網(wǎng)站的主題開始。網(wǎng)站的選題，就是要根據(jù)網(wǎng)站的開發(fā)目標(biāo)和訪問網(wǎng)站的用戶群，確定網(wǎng)站的主題，并給網(wǎng)站起一個(gè)簡練響亮的名字。淘寶網(wǎng)蕃薯藤紅袖添香榕樹下硅谷動(dòng)力問天網(wǎng)網(wǎng)行天音樂極限京東百度北京烤鴨新課——確定主題及名稱[總結(jié)]確定網(wǎng)站主題主題要小而精：選擇你擅長或喜愛的內(nèi)容：貼近生活實(shí)際：網(wǎng)站的主題與名稱主題研究校園生活地方特色關(guān)于音樂關(guān)于書籍關(guān)于運(yùn)動(dòng)網(wǎng)站名稱

網(wǎng)站名稱百度MP3主題設(shè)置最新音樂資訊歌曲下載等新課——確定主題及名稱網(wǎng)站名稱主題設(shè)置肯德基官方網(wǎng)站網(wǎng)上訂餐、打印優(yōu)惠券等、新課——確定主題及名稱

任務(wù)一：

請同學(xué)們小組討論完成網(wǎng)站的規(guī)劃與設(shè)計(jì)任務(wù)單中的任務(wù)一。（可以瀏覽并參考推薦網(wǎng)站）網(wǎng)站名稱網(wǎng)站主題選擇理由注意事項(xiàng)：（1）主題內(nèi)容積極向上。（2）名稱要緊扣主題。（3）可以參考老師提供的網(wǎng)站欣賞新課——確定主題及名稱

我們要把一個(gè)優(yōu)秀的網(wǎng)站由藍(lán)圖變?yōu)楝F(xiàn)實(shí)的第一個(gè)步驟就是網(wǎng)站設(shè)計(jì)，那到底如何進(jìn)行設(shè)計(jì)呢？這就好比寫一篇文章，首先要擬好提綱文章才能主題明確，層次清晰，所以，主題選好后，第一步要設(shè)置欄目。過渡欄目地理資訊|----考古|----探奇|----圖片地理論壇行游天下|----路書|----攻略|----地圖個(gè)人門戶手機(jī)媒體會(huì)員活動(dòng)電子雜志地理基金…新課——欄目設(shè)置欄目網(wǎng)站首頁學(xué)校概況新聞公告教學(xué)科研師生風(fēng)采德育之窗黨政園地……新課——欄目設(shè)置子欄目課改之窗理論研究資源中心……任務(wù)二：各小組交流討論，確定本小組主題網(wǎng)站的欄目，完成網(wǎng)站的規(guī)劃與設(shè)計(jì)任務(wù)單中的任務(wù)二網(wǎng)站名稱欄目內(nèi)容描述注意事項(xiàng)：（1）要緊扣主題，盡可能刪除與主題無關(guān)的欄目（2）盡可能將網(wǎng)站最有吸引力的內(nèi)容列在欄目上（3）盡可能方便訪問者的瀏覽和查詢。新課——欄目設(shè)置

網(wǎng)海茫茫，能夠吸引我們眼球的只有那些有特色的網(wǎng)頁，大量的網(wǎng)頁引不起網(wǎng)民的興趣，究其原因，站點(diǎn)內(nèi)容是否豐富是其中一個(gè)方面，而網(wǎng)頁的版面設(shè)計(jì)是否精美也是重要因素之一。過渡常見樣式“廠”字型即偏置型頁面頂部為主菜單以及橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局特點(diǎn)優(yōu)點(diǎn)：頁面結(jié)構(gòu)清晰，主次分明；缺點(diǎn)：呆板，如果細(xì)節(jié)色彩上不注意，容易“看之無味”網(wǎng)站標(biāo)志廣告條主菜單橫條等欄目菜單主要內(nèi)容新課——版面規(guī)劃布局常見樣式“口”字型即對稱性頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內(nèi)容特點(diǎn)優(yōu)點(diǎn)：充分利用版面，信息量大，與其他頁面的鏈接多，切換方便；缺點(diǎn)：頁面擁擠，不過靈活網(wǎng)站標(biāo)志廣告條主菜單橫條等廣告條欄目菜單友情鏈接主要內(nèi)容二、新課——版面規(guī)劃布局常見樣式自由式：又稱POP布局頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心，菜單欄目自由擺放特點(diǎn)優(yōu)點(diǎn)：漂亮、吸引人，適宜于藝術(shù)類網(wǎng)站缺點(diǎn)：顯示速度慢，文字信息量少頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心，菜單欄目自由擺放。新課——版面規(guī)劃布局任務(wù)三：請參考常見的版面布局樣式，為自己的某一張網(wǎng)頁進(jìn)行版面布局，有時(shí)間的同學(xué)可以選擇多個(gè)樣式設(shè)計(jì)多張網(wǎng)頁。完成網(wǎng)站的規(guī)劃與設(shè)計(jì)任務(wù)單中的任務(wù)二（請標(biāo)注好每個(gè)版面的用途）示例主要內(nèi)容標(biāo)題圖片欄目其他新課——版面規(guī)劃布局課堂檢測1、網(wǎng)站具有（），網(wǎng)站中有（）個(gè)網(wǎng)頁，（）首頁。2、網(wǎng)頁包含（）（）（）（）（）等各種信息。3、網(wǎng)站的建立過程包括（）（）（）等過程。4、網(wǎng)站布局主要有（）（）（）（）。整體性多個(gè)只有一個(gè)文本圖像聲音視頻動(dòng)畫網(wǎng)站規(guī)劃制作網(wǎng)頁發(fā)布維護(hù)網(wǎng)站廠字型口字型標(biāo)題型自由型5、一個(gè)網(wǎng)站中的網(wǎng)頁是通過（）連在一起的。6、網(wǎng)站主頁默認(rèn)的文件名為（）。超鏈接index.htm課堂小結(jié)2、本節(jié)課我們了解了網(wǎng)站建設(shè)