前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)站制作方法范文，相信會(huì)為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)站制作方法范文第1篇

一、明確目的

利用知道作推廣一般有兩種，一種是僅僅把它當(dāng)做外鏈的來源，這種情況比較簡(jiǎn)單，由于目的很單一，只要能留鏈接，并且能夠被百度收錄就好，因此，最好是到百度知道不斷的回答問題，回答重在數(shù)量不不在乎質(zhì)量，哪怕你的回答沒有別列入最佳答案也不用怕。當(dāng)然發(fā)鏈接還是有技巧的，就是不要重復(fù)自發(fā)你網(wǎng)站的首頁，要寫問題指向的具體頁面。同時(shí)不要所有的問題都指向自己的網(wǎng)站，要穿插著推薦其他人的，特別是一些大網(wǎng)站，比如網(wǎng)易、搜狐之類的，這樣就不容易引起懷疑。

另一種情況是還希望從知道來流量，這就比較復(fù)雜一點(diǎn)，因?yàn)橛脩粢话阒豢醋罴汛鸢?，所以，你必須注?cè)很多的馬甲，用不同的賬號(hào)自問自答，注意提問后不要馬上回答，要間隔一天以上會(huì)比較好。自己?jiǎn)枂栴}的時(shí)候，內(nèi)容和提問的語氣也要有所變化。

二、平臺(tái)選擇

百度向來對(duì)自己的產(chǎn)品給予很高的權(quán)重，百度知道也不例外，因此大部分站長(zhǎng)都把精力集中在此。我要提醒大家下，其實(shí)現(xiàn)在很多網(wǎng)站的知道也占有很大的份額，一種就是像搜搜和天涯，這兩家的收錄情況都非常的好。另外就是根據(jù)你自己網(wǎng)站的門類也有很多垂直門戶，像做美容用品的推廣就可以去太平洋女性網(wǎng)等，不僅不容易被k，而且用戶群體的定位也比百度來的更明確更有針對(duì)性。

三、具體手段

1、最重要的就是要養(yǎng)賬號(hào)

拿百度知道舉例，毫不客氣的說，有了高級(jí)別的賬號(hào)，你就成功了一半。因?yàn)榘l(fā)帖不容易被懷疑，不會(huì)被刪除。這種賬號(hào)哪里來，有錢的可以去買，網(wǎng)上搜索一大把，像我們這種窮人站長(zhǎng)只好自己申請(qǐng)，慢慢養(yǎng)。每天都用不同賬號(hào)到百度去回答一些問題，久而久之你的等級(jí)就提升了，然后就可以用來回答你自己的問題。

2、注意你的ip

前一段一個(gè)朋友問我為啥他的百度賬號(hào)總是被懲罰，我看了看他給我的地址，發(fā)現(xiàn)這個(gè)家伙提問和回答雖然是不同用戶，但是卻是一個(gè)ip地址，這樣不被k才怪。換ip的方法大家都很熟悉了，用adsl的可以重新?lián)芴?hào)，用lan和局域網(wǎng)的也不用怕，現(xiàn)在網(wǎng)上很多的vpn，大家可以去弄一個(gè)，撥號(hào)以后就到對(duì)方的服務(wù)器上了，ip自然就不一樣，呵呵

網(wǎng)站制作方法范文第2篇

網(wǎng)站的設(shè)計(jì)和制作包括多方面的知識(shí)，它是藝術(shù)和技術(shù)的綜合應(yīng)用，具體說來有網(wǎng)站策劃、網(wǎng)站美工、網(wǎng)站具體模塊規(guī)劃，總體數(shù)據(jù)庫設(shè)計(jì)，網(wǎng)站制作、后臺(tái)內(nèi)容管理模塊制作、網(wǎng)站測(cè)試、網(wǎng)站上傳等步驟組成，作者結(jié)合某學(xué)校工會(huì)網(wǎng)站的制作，總結(jié)小型網(wǎng)站的制作經(jīng)驗(yàn)和技巧，以為網(wǎng)站制作積累寶貴經(jīng)驗(yàn)。

1、網(wǎng)站的策劃與設(shè)計(jì)

網(wǎng)站的整體策劃是根據(jù)學(xué)校工會(huì)領(lǐng)導(dǎo)的綜合部署下進(jìn)行的，這里需要工會(huì)工作人員認(rèn)真討論研究后，給網(wǎng)站制作人員下達(dá)明確的任務(wù)說明，由于工會(huì)工作人員的精心準(zhǔn)備，對(duì)網(wǎng)站的風(fēng)格、網(wǎng)站的功能、網(wǎng)站的規(guī)模、網(wǎng)站的模塊劃分已經(jīng)非常明確。經(jīng)過工會(huì)工作人員和網(wǎng)站制作人員的共同探討協(xié)商，整理出網(wǎng)站的初步風(fēng)格、功能要求和模塊設(shè)計(jì)。

參考其他學(xué)校的網(wǎng)頁制作效果，使用美術(shù)基礎(chǔ)和網(wǎng)頁制作軟件PS，設(shè)計(jì)出來3套網(wǎng)頁效果圖初稿，每套均有首頁，二級(jí)頁面、三級(jí)頁面的具體效果，最終由領(lǐng)導(dǎo)確定了一套。在設(shè)計(jì)的過程中，參考美術(shù)老師的意見，借鑒加創(chuàng)新，結(jié)合網(wǎng)頁的特點(diǎn)，如單位使用像素，寬度適合于800像素的顯示器。導(dǎo)航欄的高度要適中，整體結(jié)合“塊”結(jié)構(gòu)，使用分欄設(shè)計(jì)，整體風(fēng)格統(tǒng)一。定稿后，由網(wǎng)站制作人員對(duì)網(wǎng)頁效果圖進(jìn)行切片處理，作為組裝網(wǎng)頁的原素材和參考圖。根據(jù)網(wǎng)站的具體功能，將網(wǎng)站劃分為模塊：工會(huì)簡(jiǎn)介、工會(huì)文件、工會(huì)簡(jiǎn)訊、工會(huì)活動(dòng)、女工園地、健康人生、法律法規(guī)、友情鏈接。其中有些模塊只需要一個(gè)頁面，更多的模塊需要二級(jí)網(wǎng)頁、三級(jí)網(wǎng)頁的顯示。多數(shù)模塊的內(nèi)容是需要存儲(chǔ)在數(shù)據(jù)庫中的，因此二級(jí)模塊、三級(jí)模塊的設(shè)計(jì)要用到數(shù)據(jù)庫中的內(nèi)容。

首先是選擇使用何種類型的數(shù)據(jù)庫管理軟件，數(shù)據(jù)庫管理軟件根據(jù)功能可分為大型，中型，小型數(shù)據(jù)庫。根據(jù)工會(huì)網(wǎng)站的具體內(nèi)容并不復(fù)雜，所以選擇了小型數(shù)據(jù)庫管理軟件Access。但在數(shù)據(jù)分析和數(shù)據(jù)表，表結(jié)構(gòu)的設(shè)計(jì)上卻耗費(fèi)了作者一定的精力。因?yàn)闆]有考慮到后臺(tái)內(nèi)容管理的功能設(shè)計(jì)，所以最初設(shè)計(jì)表時(shí)把需要用到數(shù)據(jù)庫的各個(gè)模塊都分別設(shè)計(jì)了表，但最后的后臺(tái)內(nèi)容管理模塊在數(shù)據(jù)庫內(nèi)容增刪改查時(shí)卻遇到了大麻煩，因?yàn)樽畛醣碓O(shè)計(jì)得多了，在做增刪改查時(shí)也需要做相同多的模塊設(shè)計(jì)，內(nèi)容就重復(fù)了，所以又重新設(shè)計(jì)表，使用類別字段來區(qū)分模塊。由此總結(jié)的經(jīng)驗(yàn)就是：數(shù)據(jù)庫設(shè)計(jì)非常重要，一定要把前期后期工作全面考慮，相互結(jié)合，才能為后期程序的編寫提供方便。

2、網(wǎng)站的制作

網(wǎng)站的制作使用DW軟件完成，具體制作步驟是：首先創(chuàng)建站點(diǎn)，設(shè)置服務(wù)器，使用DIV+CSS方法創(chuàng)建各個(gè)模塊的頁面和框架，鏈接數(shù)據(jù)庫，在各個(gè)頁面設(shè)置綁定記錄集，設(shè)置服務(wù)器行為。網(wǎng)頁的制作是最為繁瑣的工作，首先依據(jù)網(wǎng)頁設(shè)計(jì)效果進(jìn)行布局的設(shè)置，具體方法是使用DIV進(jìn)行布局，然后使用CSS方法對(duì)各個(gè)DIV樣式進(jìn)行設(shè)置，在設(shè)置樣式的時(shí)候，選擇使用外部樣式表的方法，因?yàn)橥獠繕邮奖砀子诠芾?。在設(shè)置背景圖像時(shí)，使用PS的切片工具進(jìn)行制作，切片工具有一個(gè)BUG，就是其存儲(chǔ)名稱不能修改，因此在切片時(shí)，最好的方法是先設(shè)置好切片的名稱屬性，在導(dǎo)出時(shí)就可以使用這個(gè)名稱命名切片了，同時(shí)存儲(chǔ)的格式最好是GIF格式，因?yàn)檫@個(gè)格式支持透明背景，并且在網(wǎng)頁瀏覽器中支持漸變效果。網(wǎng)頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網(wǎng)上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應(yīng)的內(nèi)容替換成你所需要的內(nèi)容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網(wǎng)上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時(shí)把相應(yīng)的樣式修改成你所需要的樣式。本網(wǎng)站使用的JS特效有一個(gè)新聞?wù)故拘Ч?，具體制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應(yīng)的DIV中，其中的制作難點(diǎn)是，網(wǎng)站要求新聞?wù)故臼请S時(shí)間更新的，這就需要把靜態(tài)的新聞?chuàng)Q成動(dòng)態(tài)的新聞，因此需要從后臺(tái)數(shù)據(jù)庫中提取相應(yīng)的字段，同時(shí)在后臺(tái)管理模塊中，還要相應(yīng)的模塊處理新聞的增刪改查。

網(wǎng)站后臺(tái)內(nèi)容管理是方便網(wǎng)站維護(hù)人員工作方便專門制作的，工會(huì)網(wǎng)站的維護(hù)工作是由工會(huì)工作人員遠(yuǎn)程進(jìn)行管理的，因此就有必要制作一個(gè)專門方便工會(huì)工作人員管理網(wǎng)站內(nèi)容的模塊。其制作內(nèi)容就設(shè)計(jì)到對(duì)后臺(tái)數(shù)據(jù)庫的增刪改工作，由于在數(shù)據(jù)庫設(shè)計(jì)過程中，沒有考慮到后期的維護(hù)工作，因此在對(duì)新聞內(nèi)容的增刪改工作上，出現(xiàn)了需要給多個(gè)表進(jìn)行增刪改的要求，因此建議今后設(shè)計(jì)數(shù)據(jù)庫時(shí)，將所有的新聞表重新整合，以類別區(qū)分各種信息。

另外在處理圖片上傳的工作時(shí)，需要考慮如何上傳圖片信息。之所以要專門指出圖片上傳是有原因的，因?yàn)閳D片需要上傳到服務(wù)器上才能將其具體路徑信息記錄到相應(yīng)數(shù)據(jù)表記錄的字段中，也就是說，如果某條新聞需要圖片的支持，那么這條新聞的圖片是以相對(duì)路徑的形式存儲(chǔ)在數(shù)據(jù)庫中的，所以在增改新聞圖片時(shí)，必須先把圖片上傳到服務(wù)器相應(yīng)的目錄下。圖片上傳到服務(wù)器后，它的文件名將隨機(jī)改變，所以要記錄好圖片的新文件名。這樣才能進(jìn)行和圖片相關(guān)的操作。文件上傳可以分為兩種：有組件上傳和無組件上傳。作者使用的是無組件上傳，原因是有組件上傳要求遠(yuǎn)程服務(wù)器上必須安裝相應(yīng)的組件才能完成文件上傳功能，而無組件上傳不需要在服務(wù)器上安裝相應(yīng)的組件即可完成文件的上傳。

網(wǎng)站的測(cè)試是網(wǎng)站制作必不可少的步驟和環(huán)節(jié)，網(wǎng)站制作完畢之后，必須及時(shí)進(jìn)行網(wǎng)站測(cè)試，測(cè)試可以分為兩種測(cè)試：黑盒測(cè)試和白盒測(cè)試。作者將黑盒測(cè)試的任務(wù)交給3名學(xué)生進(jìn)行，經(jīng)過2天的測(cè)試，將各個(gè)模塊統(tǒng)統(tǒng)測(cè)試3遍，測(cè)試中發(fā)現(xiàn)了一些問題：網(wǎng)頁標(biāo)題沒設(shè)置、個(gè)別網(wǎng)站內(nèi)容出現(xiàn)DIV跑位現(xiàn)象，不同的瀏覽器出現(xiàn)不同的效果，個(gè)別網(wǎng)站出現(xiàn)內(nèi)容描述不清晰的情況等等，通過作者的核實(shí)，都進(jìn)行了更改并重新測(cè)試。白盒測(cè)試則是由作者親自完成的，在測(cè)試中出現(xiàn)的問題主要有：站點(diǎn)中出現(xiàn)了沒有用的網(wǎng)頁，處理的辦法是將其刪除；表單中出現(xiàn)了沒有用到的項(xiàng)目，有些項(xiàng)目類型不合適，處理辦法是刪除或修改；經(jīng)過黑盒測(cè)試和白盒測(cè)試之后，還需要使用者在長(zhǎng)期的維護(hù)過程中，不斷的測(cè)試，并把需要修改的地方指明給作者，由作者進(jìn)行修改，這就出現(xiàn)的軟件的不同版本。

3、網(wǎng)站的上傳與更新

網(wǎng)站制作、測(cè)試完畢后，就交付給學(xué)校網(wǎng)站維護(hù)人員進(jìn)行上傳，網(wǎng)站是存放在學(xué)校服務(wù)器上的，也就是說，所有的網(wǎng)頁瀏覽者通過瀏覽器將網(wǎng)頁請(qǐng)求發(fā)送到學(xué)校網(wǎng)站服務(wù)器上，由服務(wù)器將瀏覽者請(qǐng)求的網(wǎng)頁發(fā)送給瀏覽者。網(wǎng)絡(luò)信息的更新需要使用后臺(tái)管理系統(tǒng)進(jìn)行，這個(gè)系統(tǒng)是作者專門針對(duì)本網(wǎng)站設(shè)計(jì)制作的，專為網(wǎng)站信息的更新維護(hù)設(shè)計(jì)，這樣通過此系統(tǒng)，公會(huì)工作人員通過遠(yuǎn)程瀏覽器即可更新網(wǎng)絡(luò)服務(wù)器上的公會(huì)網(wǎng)站數(shù)據(jù)庫，從而方便輕松的維護(hù)更新網(wǎng)站內(nèi)容。值得一提的是，網(wǎng)站后臺(tái)管理系統(tǒng)也是相當(dāng)復(fù)雜的一個(gè)模塊，涉及到管理員密碼設(shè)置更改，網(wǎng)頁訪問限制，數(shù)據(jù)庫信息的增刪改查等內(nèi)容，所有動(dòng)態(tài)信息均通過此模塊對(duì)網(wǎng)站數(shù)據(jù)庫進(jìn)行更新。

網(wǎng)站制作方法范文第3篇

為更好貫徹落實(shí)區(qū)委、區(qū)政府工作要求，提高統(tǒng)計(jì)服務(wù)經(jīng)濟(jì)工作的精細(xì)化水平，提升基層統(tǒng)計(jì)業(yè)務(wù)能力，區(qū)統(tǒng)計(jì)局采用網(wǎng)格化管理方法，全體統(tǒng)計(jì)人員掛鉤聯(lián)系基層統(tǒng)計(jì)工作，用“網(wǎng)格化+鐵腳板”的方式，推動(dòng)統(tǒng)計(jì)部門在強(qiáng)化統(tǒng)計(jì)預(yù)警預(yù)測(cè)能力、提高統(tǒng)計(jì)數(shù)據(jù)質(zhì)量、夯實(shí)基層統(tǒng)計(jì)基礎(chǔ)等方面發(fā)揮更加積極作用，特制定本工作方案：

一、工作原則

堅(jiān)持以“規(guī)范統(tǒng)計(jì)工作流程，加強(qiáng)統(tǒng)計(jì)業(yè)務(wù)指導(dǎo)，提高統(tǒng)計(jì)數(shù)據(jù)質(zhì)量”為出發(fā)點(diǎn)和落腳點(diǎn)，以“創(chuàng)新統(tǒng)計(jì)管理，提升工作能力，夯實(shí)基層基礎(chǔ)”為主要工作目標(biāo)，強(qiáng)化統(tǒng)計(jì)工作“跨前一步”的意識(shí)，力促統(tǒng)計(jì)預(yù)警監(jiān)測(cè)超前一步，下移服務(wù)重心、前置服務(wù)環(huán)節(jié)、提升服務(wù)質(zhì)量。

二、組織分工

三、工作內(nèi)容

1．聚焦區(qū)委政府的工作重點(diǎn)，結(jié)合統(tǒng)計(jì)工作實(shí)際，圍繞統(tǒng)計(jì)業(yè)務(wù)培訓(xùn)、深入企業(yè)調(diào)查研究、組織重點(diǎn)行業(yè)（企業(yè)）生產(chǎn)經(jīng)營情況座談等方面，提升基層統(tǒng)計(jì)人員業(yè)務(wù)能力，強(qiáng)化依法統(tǒng)計(jì)意識(shí)，提高統(tǒng)計(jì)監(jiān)測(cè)分析精準(zhǔn)度。

2．圍繞主要經(jīng)濟(jì)指標(biāo)運(yùn)行、省市區(qū)高質(zhì)量發(fā)展績(jī)效評(píng)價(jià)考核指標(biāo)體系，充分發(fā)揮專業(yè)優(yōu)勢(shì)，指導(dǎo)講解考核指標(biāo)涵義、評(píng)價(jià)計(jì)算方法，幫助掛鉤聯(lián)系地區(qū)研究主要經(jīng)濟(jì)指標(biāo)運(yùn)行的短板弱項(xiàng)，分析推進(jìn)高質(zhì)量發(fā)展過程中存在的問題，提出符合地區(qū)實(shí)際解決問題的方法措施。

四、工作要求

1．按照“跨前一步”的要求，發(fā)揚(yáng)“網(wǎng)格化+鐵腳板”的精神，積極開展走訪，實(shí)現(xiàn)聯(lián)系地區(qū)全覆蓋，不留業(yè)務(wù)死角。開展工作期間，黨員干部應(yīng)主動(dòng)“亮身份、做示范”，促進(jìn)業(yè)務(wù)工作與黨建工作的深度融合。

2．帶隊(duì)領(lǐng)導(dǎo)要求每季度對(duì)掛鉤聯(lián)系地區(qū)開展走訪不少于兩次，其他人員對(duì)聯(lián)系地區(qū)每月走訪至少一次，走訪調(diào)研情況作為平時(shí)績(jī)效考核的重要內(nèi)容。

網(wǎng)站制作方法范文第4篇

關(guān)鍵詞：網(wǎng)站前臺(tái)；CSS；JavaScript；教學(xué)改革；情境教學(xué)

中圖分類號(hào)：G712文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2011)28-6986-02

Situational Teaching Design on the Front End Website Making

SU Chen, GAO Fei, CHEN Mei

(Beijing Electronic Science and Technology Vocational College, Beijing 100016, China)

Abstracts: With the development of society and Network, the requirement of the people on the front end website is increasing. But the traditional teaching method makes the disjointedness between the teaching and the posts requirement. It is hard to meet the need of society in the relevant personnel. The article discusses the reform of teaching contents. It is primary to teach in a real situation based on working process. Two of the teaching situation is discussed as examples. The content design on teaching situation is analyzed emphatically. The learning ability and learning effect of the students are improved by the situational teaching based on work process. The goal will be attained that the students can be trained to work after graduated.

Key words: front end website; CSS; JavaScript; teaching reform; situational teaching

通俗的說，網(wǎng)站前臺(tái)就是網(wǎng)站訪問人員看到的內(nèi)容和頁面，用戶可以通過對(duì)網(wǎng)站的訪問來瀏覽公開的內(nèi)容，如企業(yè)或公司概況介紹、新聞信息、產(chǎn)品信息、企業(yè)聯(lián)系方式、提交留言等內(nèi)容。而隨著網(wǎng)絡(luò)和信息的發(fā)展，社會(huì)對(duì)網(wǎng)站制作人員的需求量也越來越大。

對(duì)于傳統(tǒng)的網(wǎng)頁制作課程，教學(xué)方法比較單一，教師一般采取講授知識(shí)與案例講解相結(jié)合的方法來進(jìn)行。雖然學(xué)生也能掌握其中的知識(shí)和技能，但是對(duì)網(wǎng)頁制作的綜合運(yùn)用能力不足，不能實(shí)現(xiàn)畢業(yè)即能上崗的目標(biāo)，學(xué)校的教學(xué)與社會(huì)崗位之間存在相脫節(jié)的現(xiàn)象。

為了使學(xué)生畢業(yè)后能直接上崗，對(duì)本課程進(jìn)行了教學(xué)改革，擯棄了傳統(tǒng)的教學(xué)模式，將真實(shí)的項(xiàng)目案例引入課堂，使用情境教學(xué)法，將所授內(nèi)容融入其中，以實(shí)現(xiàn)相應(yīng)的教學(xué)目標(biāo)。

1 前期準(zhǔn)備

網(wǎng)站前臺(tái)制作是我校多媒體技術(shù)專業(yè)網(wǎng)頁制作方面的主要課程，在對(duì)該課程的改革中，注重理論與實(shí)踐相結(jié)合，注重基于工作過程的系統(tǒng)化學(xué)習(xí)領(lǐng)域設(shè)計(jì)。為此，教師進(jìn)行了充分的前期準(zhǔn)備工作：首先要深入公司企業(yè)進(jìn)行調(diào)研，掌握在實(shí)踐過程中網(wǎng)站前臺(tái)的制作流程和行業(yè)規(guī)范，然后根據(jù)實(shí)踐過程提煉出能融合到課程中的相關(guān)內(nèi)容，最后將提煉出的內(nèi)容整合到課程中，并結(jié)合相應(yīng)的方法和手段加以實(shí)施。

2 教學(xué)內(nèi)容的情境設(shè)計(jì)

2.1 教學(xué)情境設(shè)計(jì)原則

網(wǎng)站前臺(tái)制作是一門實(shí)踐性、操作性較強(qiáng)的課程，其主要內(nèi)容為（X）HTML、CSS及JavaScript三大網(wǎng)頁設(shè)計(jì)核心技術(shù)。由于該課程主要以代碼的編寫為主，對(duì)網(wǎng)頁的排版布局和效果樣式的實(shí)現(xiàn)主要是通過DIV+CSS來實(shí)現(xiàn)，所以用DIV+CSS思想來引導(dǎo)學(xué)生編寫網(wǎng)頁代碼是非常重要的，其中最重要的是如何讓學(xué)生對(duì)編寫代碼產(chǎn)生興趣，并將這種興趣保持下去。

2.2 情境內(nèi)容的設(shè)計(jì)

在教學(xué)內(nèi)容的設(shè)計(jì)方面，先根據(jù)專業(yè)課程培養(yǎng)體系的要求確定該課程的學(xué)習(xí)領(lǐng)域，然后根據(jù)真實(shí)項(xiàng)目和知識(shí)技能，具體設(shè)計(jì)6個(gè)教學(xué)情境，由淺入深的對(duì)該課程進(jìn)行介紹。在對(duì)整個(gè)教學(xué)情境的實(shí)施過程中，讓學(xué)生完成規(guī)定的可執(zhí)行任務(wù)，通過對(duì)項(xiàng)目案例的實(shí)踐操作，使學(xué)生掌握網(wǎng)站前臺(tái)制作的工作流程以及代碼的書寫規(guī)范等內(nèi)容，在實(shí)踐操作中掌握相關(guān)的知識(shí)和技能。

在對(duì)6個(gè)教學(xué)情境的課程設(shè)計(jì)中，所用的項(xiàng)目案例全部采用公司的真實(shí)項(xiàng)目，并將教學(xué)目標(biāo)分為能力目標(biāo)和知識(shí)目標(biāo)來進(jìn)行細(xì)化描述，教學(xué)情境中又分解為多個(gè)小型任務(wù)，將知識(shí)點(diǎn)融入到每個(gè)小型任務(wù)中，通過對(duì)每個(gè)任務(wù)的實(shí)現(xiàn)，學(xué)生將其中所包含的知識(shí)點(diǎn)進(jìn)行掌握和消化。并且這6個(gè)教學(xué)情境的設(shè)計(jì)按照由淺入深的原則來進(jìn)行設(shè)計(jì)，從首頁入手進(jìn)行項(xiàng)目案例和知識(shí)點(diǎn)的融合，進(jìn)而到二級(jí)頁面的制作和美化，體現(xiàn)了由易到難的設(shè)計(jì)原則。教學(xué)情境的設(shè)計(jì)如表1所示。

前兩個(gè)教學(xué)情境是針對(duì)網(wǎng)站規(guī)劃和首頁制作而設(shè)計(jì)的，這兩個(gè)教學(xué)情境相對(duì)其他四個(gè)情境的設(shè)計(jì)來說是簡(jiǎn)單的。通過這兩個(gè)教學(xué)情境，使學(xué)生能明確網(wǎng)站前臺(tái)的制作流程和行業(yè)規(guī)范，掌握相關(guān)（X）HTML和CSS代碼的編寫和命名規(guī)范。

第三和第四個(gè)教學(xué)情境，主要是針對(duì)首頁的美化和二級(jí)頁面的制作和美化，這兩個(gè)教學(xué)情境從內(nèi)容方面難度有所提高，通過這兩個(gè)教學(xué)情境，使學(xué)生能使用符合Web規(guī)范的CSS代碼完成對(duì)相關(guān)頁面的效果實(shí)現(xiàn)，主要通過DIV+CSS來完成。

最后兩個(gè)學(xué)習(xí)情境是兩個(gè)不同類型的網(wǎng)站制作，通過對(duì)兩個(gè)網(wǎng)站的制作，使學(xué)生掌握不同類型網(wǎng)站的排版布局制作方法，并通過相應(yīng)的CSS代碼實(shí)現(xiàn)其布局和樣式添加，同時(shí)通過學(xué)習(xí)JavaScript代碼來實(shí)現(xiàn)相應(yīng)的頁面效果。

3 具體學(xué)習(xí)情境的設(shè)計(jì)分析

在每個(gè)學(xué)習(xí)情境的設(shè)計(jì)中，情境是作為一個(gè)完整的工作過程來實(shí)現(xiàn)的，其中包含了對(duì)每個(gè)子任務(wù)的描述、學(xué)生的行動(dòng)內(nèi)容以及要達(dá)到的知識(shí)目標(biāo)和能力目標(biāo)。

3.1 學(xué)習(xí)情境5的內(nèi)容設(shè)計(jì)

下面以學(xué)習(xí)情境5為例來說明對(duì)該情境的設(shè)計(jì)完成過程。

首先，對(duì)學(xué)習(xí)情境5有一個(gè)整體任務(wù)描述，以說明整個(gè)工作任務(wù)，讓學(xué)生明確本次的學(xué)習(xí)目的。對(duì)學(xué)習(xí)情境5的任務(wù)描述是：根據(jù)網(wǎng)站主題，對(duì)網(wǎng)站進(jìn)行設(shè)計(jì)，使用圖像處理軟件做出頁面效果圖，掌握CSS排版布局中三列布局的模式，對(duì)整個(gè)頁面實(shí)現(xiàn)1-3-1固定寬度布局，通過書寫CSS代碼，對(duì)整個(gè)首頁和二級(jí)頁面的內(nèi)容進(jìn)行實(shí)現(xiàn)和美化。

其次，對(duì)整個(gè)任務(wù)進(jìn)行細(xì)化，分為6個(gè)子任務(wù)，對(duì)每個(gè)子任務(wù)進(jìn)行任務(wù)描述，細(xì)化其中的知識(shí)點(diǎn)，并說明學(xué)生的行動(dòng)內(nèi)容。其中子任務(wù)1的任務(wù)描述是：使用圖像處理軟件制作頁面效果圖。在對(duì)子任務(wù)1的實(shí)施過程中，主要是通過圖像處理軟件Photoshop軟件對(duì)頁面效果圖進(jìn)行設(shè)計(jì)和制作，包括對(duì)Logo、Banner的制作以及對(duì)二級(jí)欄目標(biāo)題、背景顏色、邊框和各部分文字的添加等。學(xué)生的行動(dòng)內(nèi)容是通過對(duì)Photoshop的應(yīng)用，制作出頁面的效果圖，這樣既完成了相應(yīng)的工作任務(wù)又加強(qiáng)了對(duì)Photoshop的理解和實(shí)際應(yīng)用。在子任務(wù)2和子任務(wù)3中，引入JavaScript的應(yīng)用。通過對(duì)JavaScript的學(xué)習(xí)，使學(xué)生明確和掌握了相關(guān)的基礎(chǔ)知識(shí)，為以后各個(gè)子任務(wù)的進(jìn)行打下良好基礎(chǔ)。在子任務(wù)4和5中，重點(diǎn)介紹使用JavaScript進(jìn)行動(dòng)態(tài)效果的制作，這樣能使學(xué)生對(duì)JavaScript的知識(shí)進(jìn)行靈活應(yīng)用。在子任務(wù)6中，主要使用HTML和CSS實(shí)現(xiàn)網(wǎng)站首頁和各個(gè)二級(jí)頁面內(nèi)容以及相應(yīng)的樣式等等。在該子任務(wù)中，主要以學(xué)生作為行動(dòng)的主體，按照任務(wù)的內(nèi)容書寫HTML，實(shí)現(xiàn)首頁和各個(gè)二級(jí)頁面的內(nèi)容，書寫CSS代碼實(shí)現(xiàn)對(duì)頁面內(nèi)容樣式的添加，并通過書寫JavaScript代碼來實(shí)現(xiàn)圖片輪換效果。

最后，根據(jù)本次學(xué)習(xí)情境中各個(gè)任務(wù)的執(zhí)行情況進(jìn)行總結(jié)，布置同步練習(xí)作業(yè)，由學(xué)生代表發(fā)言總結(jié)自己所遇到的問題、解決方法及其收獲。

通過學(xué)習(xí)情境5完成的網(wǎng)站部分內(nèi)容如圖1所示。

3.2 學(xué)習(xí)情境6的內(nèi)容設(shè)計(jì)

雖然學(xué)習(xí)情境5和情境6均為綜合網(wǎng)站的制作，但是兩者在情境設(shè)計(jì)中的側(cè)重點(diǎn)是不同的。

在學(xué)習(xí)情境6中，將整個(gè)任務(wù)劃分成3個(gè)子任務(wù)。在整個(gè)任務(wù)的描述過程中，雖然也有“根據(jù)網(wǎng)站主題，對(duì)網(wǎng)站進(jìn)行設(shè)計(jì)，使用圖像處理軟件做出頁面效果圖”之類的字眼，但是在執(zhí)行相應(yīng)的子任務(wù)1時(shí)，由于在學(xué)習(xí)情境5中已經(jīng)對(duì)此知識(shí)內(nèi)容進(jìn)行了學(xué)習(xí)，所以在此不必進(jìn)行知識(shí)的講解和演示，直接讓學(xué)生執(zhí)行任務(wù)，完成對(duì)頁面的效果繪制。

同理，在子任務(wù)2和3的執(zhí)行過程中，對(duì)用到的舊知識(shí)點(diǎn)，主要讓學(xué)生直接執(zhí)行任務(wù)，不再進(jìn)行另外的講解，只有對(duì)新的知識(shí)點(diǎn)進(jìn)行明確講解。教師在課堂中的作用是一個(gè)組織者，導(dǎo)引者，而學(xué)生作為學(xué)習(xí)的主體被重點(diǎn)突出出來。

總之，在該課程的改革實(shí)施中，以學(xué)習(xí)情境作為設(shè)計(jì)單元，在學(xué)習(xí)情境中注重工作過程，并以公司的真實(shí)項(xiàng)目引入情境教學(xué)，所以通過本課程的學(xué)習(xí)，能使學(xué)生熟悉網(wǎng)站前臺(tái)的制作流程和規(guī)范，了解相關(guān)的學(xué)習(xí)拓展領(lǐng)域，達(dá)到在企業(yè)中從事網(wǎng)站前臺(tái)制作的從業(yè)要求。學(xué)生通過參與實(shí)際網(wǎng)站的建設(shè)、開發(fā)和制作，掌握相應(yīng)的基本知識(shí)和技能，并在實(shí)踐中發(fā)現(xiàn)問題、解決問題，職業(yè)素養(yǎng)和職業(yè)意識(shí)得到培養(yǎng)和提高，為日后的畢業(yè)即上崗做好充分地準(zhǔn)備。

參考文獻(xiàn)：

[1] 莫小梅.網(wǎng)頁設(shè)計(jì)與編程課程網(wǎng)站開發(fā)與教學(xué)實(shí)例的結(jié)合初探[J].電腦知識(shí)與技術(shù),2009,5(14):3829.

[2] 陳孟臻.基于Web2.0標(biāo)準(zhǔn)化布局的網(wǎng)頁制作課程教學(xué)探討[J].科教導(dǎo)刊,2009(9):94.

[3] 林婷婷.以Div+CSS思想引導(dǎo)學(xué)生學(xué)習(xí)編寫網(wǎng)頁的新教法[J].科技信息,2009(11):68.

網(wǎng)站制作方法范文第5篇

一、教學(xué)思路方法的完善

針對(duì)企業(yè)對(duì)于網(wǎng)頁設(shè)計(jì)人才的要求，要提高網(wǎng)頁設(shè)計(jì)教學(xué)水平是一定要執(zhí)行的。本文針對(duì)之前提出的幾點(diǎn)問題，對(duì)于完善教學(xué)思路方法提出幾點(diǎn)意見：1.教師的專業(yè)實(shí)踐水平需要提高，并改進(jìn)原有的教學(xué)方法對(duì)于網(wǎng)頁設(shè)計(jì)的教師而言，都是一定要關(guān)注網(wǎng)絡(luò)應(yīng)用的實(shí)際發(fā)展，要不斷的更新自己的知識(shí)并且提高個(gè)人素質(zhì)，校方可加強(qiáng)與企業(yè)的合作，幫助教師開拓視野，并從政策上指導(dǎo)和鼓勵(lì)教師利用假期的時(shí)候到企業(yè)進(jìn)行實(shí)踐，深入的了解完整網(wǎng)站的建設(shè)過程（比如從素材的收集和整理、網(wǎng)站的規(guī)劃、網(wǎng)站制作、網(wǎng)站維護(hù)等）。教師將企業(yè)中的項(xiàng)目帶入至課堂中，讓學(xué)生從完成的項(xiàng)目中明確了解自己學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程后可以從事的工作，以及如何在工作中去應(yīng)用在課堂中所學(xué)到的知識(shí)，而教師在教學(xué)的過程中需要靈活運(yùn)用教學(xué)技巧，確保最好的教學(xué)質(zhì)量。2.對(duì)于課時(shí)進(jìn)行科學(xué)、合理的安排，多多增加實(shí)踐方面的課程按照現(xiàn)有的中職生的學(xué)習(xí)特點(diǎn)來說，應(yīng)該是采用四節(jié)課連上的方式，讓學(xué)生有充足的時(shí)候把課堂所學(xué)到的知識(shí)運(yùn)用至相關(guān)的實(shí)際操作中，完成之后可以讓學(xué)生進(jìn)行現(xiàn)場(chǎng)的交流和討論，以便探索出更好的制作方法。在一個(gè)學(xué)期快要結(jié)束的時(shí)候，可以安排一定的時(shí)間進(jìn)行綜合的實(shí)操，布置綜合實(shí)踐的任務(wù)并給出主題，要求所有的學(xué)生選擇一個(gè)主題來進(jìn)行網(wǎng)站的設(shè)計(jì)，讓學(xué)生根據(jù)具體的要求進(jìn)行分析、網(wǎng)站規(guī)劃、處理并收集素材，對(duì)自己的網(wǎng)站要做到風(fēng)格與內(nèi)容都完整獨(dú)特，把頁面的結(jié)構(gòu)、鏈接方式的設(shè)置、圖片位置的擺放等做到布局合理、統(tǒng)一，而且還要做到容易更新。之后，再讓學(xué)生寫一些關(guān)于實(shí)操的心得體會(huì)，并且把學(xué)生的成果公布，這樣的綜合性設(shè)計(jì)任務(wù)可以在很大程度上培養(yǎng)學(xué)生分析問題、解決問題的能力，同時(shí)可以提高學(xué)生的創(chuàng)新能力，讓學(xué)生的模擬與實(shí)際工作有最大限度的接近，以此來達(dá)到教育培養(yǎng)的目的。

二、運(yùn)用任務(wù)驅(qū)動(dòng)、案例、項(xiàng)目教學(xué)法，以此來提高學(xué)生的積極性

（1）任務(wù)驅(qū)動(dòng)法：運(yùn)用任務(wù)驅(qū)動(dòng)法教學(xué)，完成課本上的實(shí)例之后要盡可能的以當(dāng)前最為熱點(diǎn)的問題或是學(xué)生所關(guān)心的話題作為主題，來對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)，要讓學(xué)生掌握好網(wǎng)頁設(shè)計(jì)的基礎(chǔ)內(nèi)容，比如素材的處理、收集、網(wǎng)頁設(shè)計(jì)等等，要求學(xué)生進(jìn)行完整有效的設(shè)計(jì)，然后將自己的作品上交，并進(jìn)行成果展示，只要有了任務(wù)這一動(dòng)力學(xué)生就不會(huì)盲目，也不會(huì)對(duì)學(xué)習(xí)失去興趣。（2）案例教學(xué)法：對(duì)于中職計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)而言，案例教學(xué)法是非常重要的，其要求學(xué)生可以作出具有高水準(zhǔn)和高質(zhì)量的網(wǎng)頁。首先，要拓展學(xué)生的視野并開拓學(xué)生的思維，所以，教師在進(jìn)行教學(xué)的過程中一定要精心的設(shè)計(jì)各種案例，而且這些案例應(yīng)該是由易至難，不可以讓學(xué)生產(chǎn)生害怕困難的心態(tài)而打擊了積極性。（3）項(xiàng)目教學(xué)法：在設(shè)計(jì)項(xiàng)目的時(shí)候要注意學(xué)生的知識(shí)接受能力和特點(diǎn)，考慮學(xué)生的原有基礎(chǔ)以及認(rèn)知能力有限，在設(shè)計(jì)的過程當(dāng)中要從學(xué)生的角度去思考，按照學(xué)生的實(shí)際水平設(shè)計(jì)每個(gè)模塊，再針對(duì)不同程度學(xué)生設(shè)計(jì)不同的練習(xí)，把控好項(xiàng)目的層次性。比如：在學(xué)習(xí)表格的時(shí)候，有的學(xué)生是已了解一定的知識(shí)，但有的學(xué)生卻從未接觸過，如果單是傳授，一些學(xué)生會(huì)對(duì)此失去興趣。所以在設(shè)計(jì)項(xiàng)目的時(shí)候要針對(duì)不同層次的學(xué)生進(jìn)行，設(shè)計(jì)出不同的子項(xiàng)目，精心組織教學(xué)的內(nèi)容讓所有學(xué)生都可以順利完成。

三、考核的方式應(yīng)該可以體現(xiàn)出設(shè)計(jì)的能力

中職網(wǎng)頁課程的考核不能只是關(guān)注于設(shè)計(jì)軟件的運(yùn)用，更多的是應(yīng)該掌握好主體性的原則，即在考核的每一個(gè)環(huán)節(jié)中，強(qiáng)調(diào)學(xué)生的創(chuàng)造性以及自主性，盡可能的讓學(xué)生去思考、創(chuàng)造、研究，充分指導(dǎo)學(xué)生學(xué)會(huì)計(jì)劃、設(shè)計(jì)、創(chuàng)新和創(chuàng)造。對(duì)網(wǎng)頁課程進(jìn)行階段性的考核，積極的鼓勵(lì)學(xué)生進(jìn)行各種新思想和方法的探究，并且在考核的過程中制定出相應(yīng)的激勵(lì)方式，讓學(xué)生可以有取得完成任務(wù)后的成就感。

四、結(jié)束語