時間：2023-02-08 05:35:31
序論：在您撰寫網(wǎng)頁設計與制作時，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導您走向新的創(chuàng)作高度。
【關鍵詞】研究性教學；網(wǎng)頁設計與制作；人才培養(yǎng)
中圖分類號：G420
所謂研究性教學，是指確立以探究和創(chuàng)新為核心的教育理念，更新教育教學觀念，著眼于培養(yǎng)學生的探索精神和創(chuàng)造性，構建以培養(yǎng)學生的創(chuàng)新精神和創(chuàng)新能力為基本價值取向的教學內(nèi)容和教學方法體系，著力解決教師研究性"教"和學生研究性"學"的問題，培養(yǎng)具有創(chuàng)新意識和創(chuàng)新能力的高素質人才，發(fā)揮學生在學習過程中的主動性和積極性，使之成為我國經(jīng)濟社會發(fā)展需要的具有較高素質和較強能力的易就業(yè)人才。
一、課程研究性教學的目的和意義
《網(wǎng)頁設計與制作》課程研究性教學的實踐性探索旨在通過對網(wǎng)頁設計與制作職業(yè)崗位群的分析，充分了解市場對本專業(yè)學生知識、能力、素質的要求，確定切合市場、科學合理的模塊化課程體系，選用適當?shù)慕虒W手段和方式，有效地促進教學質量的提高，提高學生的專業(yè)技能和就業(yè)機率，最終實現(xiàn)專業(yè)培養(yǎng)目標。
二、課程研究性教學的理論依據(jù)
1、現(xiàn)代學生觀
2、多元智力理論
3、建構主義學習理論
4、發(fā)展性教學評價理論
三、課程研究性教學的實踐過程
1、網(wǎng)頁設計與制作崗位需求分析
通過廣東省大中專畢業(yè)生就業(yè)指導中心網(wǎng)站、智聯(lián)招聘、中華英才等專業(yè)招聘網(wǎng)站對廣州、北京、上海、哈爾濱、南京、天津、武漢、深圳、沈陽、杭州、西安等大中型城市的人才招聘信息進行分析統(tǒng)計，確定與高職《網(wǎng)頁設計與制作》課程相關的職業(yè)崗位主要有：網(wǎng)頁設計、網(wǎng)頁設計與制作、網(wǎng)頁美工、網(wǎng)頁制作、網(wǎng)站管理、界面設計、網(wǎng)頁編輯、網(wǎng)站運營，在這些崗位需求中，選取了800個崗位進行分析，如表1所示。
2、根據(jù)崗位需求分析，構建新型課程體系
（1）本課程在計算機類專業(yè)課程體系結構中的位置
本課程在計算機類專業(yè)課程體系中處于一個非常重要的位置，《計算機應用基礎》、《數(shù)據(jù)庫應用技術》、《VB/C語言程序設計》作為其先導課，為其提供必要的知識準備，比如設計平臺的熟悉、數(shù)據(jù)庫設計方法的掌握以及程序代碼的設計規(guī)范等等，而《網(wǎng)頁設計與制作》課程又為其后續(xù)課程《Web程序設計》、《網(wǎng)站建設與維護》、《軟件工程》等課程提供有力的支持，比如管理信息系統(tǒng)開發(fā)過程中對于開發(fā)界面的設計、學習JSP、ASP/、PHP等開發(fā)工具中對于HTML代碼的熟悉掌握等等?？傊?，本課程的學習有助于學生深入學習計算機類相關專業(yè)其他知識和提高職業(yè)技能，完善學生的專業(yè)知識結構，提升學生從事實際工作的綜合素質。
（2）課程體系結構內(nèi)容
從內(nèi)容結構體系來說，《網(wǎng)頁設計與制作》課程包括了五大部分，分別是：網(wǎng)頁設計基礎知識、網(wǎng)頁編程語言、網(wǎng)頁設計工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、動態(tài)網(wǎng)頁介紹、綜合實踐（實訓），它是一門技能整合的課程。
3、《網(wǎng)頁設計與制作》課程設計
（1）設計理念
1）突出專業(yè)課程的職業(yè)性、實踐性和開放性。
2）學以致用。
3）學生是學習主體，鼓勵學生職業(yè)能力發(fā)展，加強創(chuàng)新能力和意識培養(yǎng)的理念。
（2）設計思路
以校企合作為切入點，以培養(yǎng)職業(yè)能力為核心，以項目教學為主要手段，積極探索教學方法與成績評價方法的創(chuàng)新，保證課程目標的實現(xiàn)。
4、教學內(nèi)容的重構
（1）教學內(nèi)容的針對性與適用性
《網(wǎng)頁設計與制作》是我院計算機網(wǎng)絡技術專業(yè)的核心課程，同時還是計算機類其它專業(yè)、藝術設計類以及電子商務類專業(yè)學生的必修課。結合職業(yè)需求，我們所確定的教學內(nèi)容在針對性和適用性方面具有如下特征：
1）教學內(nèi)容的設置，滿足職業(yè)能力培養(yǎng)的需要
通過大量的社會調研，分析了網(wǎng)頁設計人才應具備的職業(yè)能力素養(yǎng)，從而選取合理的教學內(nèi)容。內(nèi)容的選取著重培養(yǎng)學生具備以下能力：
①網(wǎng)頁的賞析能力
②網(wǎng)頁布局的設計能力
③網(wǎng)頁色彩運用的能力
④網(wǎng)頁的編程能力
⑤常見網(wǎng)頁設計工具和圖形圖像處理軟件的運用能力
⑥網(wǎng)站建設和網(wǎng)頁的能力
⑦項目開發(fā)中的協(xié)作能力和人際溝通能力
2）基于工作過程的模塊化教學內(nèi)容的設計
針對職業(yè)能力的培養(yǎng)要求，采取基于工作過程的模塊化教學，按照網(wǎng)頁設計制作實際流程來安排教學內(nèi)容。
5、教學方法與手段的創(chuàng)新
（1）教學模式的設計與創(chuàng)新
《網(wǎng)頁設計與制作》課程是計算機類專業(yè)學生的核心課程。為了讓學生更好地掌握網(wǎng)頁設計的方法和技巧，提高學生的動手能力，借助多媒體手段、電子教室、教學網(wǎng)站、電子郵箱和QQ流等手段，在教學方法上進行了一系列的改革舉措：
1）課程內(nèi)容模塊化，化解難點，循序漸進
2）精心準備案例項目，從宏觀上進行教學設計
3）微觀教學采用"四階段教學法"，將"教、學、做"融為一體。
4）注重師生互動，營造課堂氣氛
5）充分利用現(xiàn)代化教學手段，提高教學效果
6）舉辦學生作品大賽，展示成果、促進交流
（2）多種教學方法的靈活運用
1）多媒體教學
2）"理論+實踐"教學模式
6、建立以應用為導向的考核方式
打破傳統(tǒng)的考核模式，建立新的、開放式的全程考核模式。根據(jù)本課程的特點，提出并逐步實行以項目系統(tǒng)考核為主線的考"應用"不考"理論"模式，同時也鼓勵學生以證代考。成績評定：
（1）期末綜合作品和網(wǎng)頁制作水平占50%
（2）平時作業(yè)、學習態(tài)度、出勤等占30%
（3）階段性實訓作品占20%
五、教學效果
1、學生對專業(yè)的學習興趣明顯提高，原來消極學習的學生現(xiàn)在也變成了"好學分子"。
2、 研究性教學的實踐性探索的開展，使教師有機會和條件將理論和實踐教學兩種教學能力結合起來進行系統(tǒng)深入的研究，使理論教學和實踐教學兩種教學能力在有機結合中得到相互促進、相互提高，受到了學生的普遍歡迎和認可，教師教學的主體地位得到了強化。
3、學生考證通過率顯著提高。
【參考文獻】：
通過《網(wǎng)頁設計與制作》多年的教學發(fā)現(xiàn)，應用傳統(tǒng)的教學方式及考核方法學生只建立了的基礎的專業(yè)課程知識概念及單一的基本操作，并不能綜合應用操作技能完成某主題網(wǎng)站的設計與制作。為了建立以網(wǎng)頁設計與制作技能考核為主線的開放式、全過程的考核體系，提高學生綜合項目實踐能力，更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進行改革，同時經(jīng)過多年教學探索，結合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學生小組合作（每組2-3名學生）完成一個規(guī)定主題網(wǎng)站項目的方式展開?？偝煽冇刹僮骺己顺煽儭㈨椖繄蟾娉煽儍刹糠纸M成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內(nèi)工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內(nèi)容：
（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調定位）、網(wǎng)站欄目、站點目錄結構的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導下進行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結構圖及標注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進行截圖，以及繪制程序開發(fā)頁面流程圖。
（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經(jīng)驗。
（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現(xiàn)小組合作開發(fā)項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
關鍵詞：網(wǎng)頁設計與制作 教學 改革
隨著萬維網(wǎng)的迅速發(fā)展，網(wǎng)頁已經(jīng)成為網(wǎng)絡世界進行信息傳播的最主要載體，網(wǎng)頁設計與制作人才的培養(yǎng)成為當務之急。由于社會和專業(yè)的需求，《網(wǎng)頁設計與制作》課程廣泛受到各大中專學校學生的喜愛，下面就《網(wǎng)頁設計與制作》課程的教學與大家進行探討。
1、課程性質和特點
在中等職業(yè)學校，《網(wǎng)頁設計與制作》課程是計算機應用技術和計算機網(wǎng)絡技術等專業(yè)的必修課程。它是一門工具性和實用性都比較強的實踐課；不僅涉及計算機圖像處理、文字版面處理等相關知識，而且需要對相關課程有一定的基礎；是一門集成了多種計算機知識和技術的綜合，其本身具有很強的實踐性，是網(wǎng)站建設的基礎，而網(wǎng)頁本身是當今社會網(wǎng)絡世界傳播信息的最主要的載體，同時網(wǎng)站又是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務）的一種方式、是企業(yè)開展電子商務的基礎設施和信息平臺。
2、課程教學目標
本課程的教學目標是使學生了解HTML語言的語法規(guī)則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標志及屬性，了解HTML、JavaScript腳本編程語言的基本語法知識，能獨立設計小型WEB站點。
3、課程教學內(nèi)容
根據(jù)前面對《網(wǎng)頁設計與制作》課程的性質和特點以及課程教學目標分析，在制定教學大綱時，不應該拘泥于某一本或者某幾本特定的教材，應著眼于當前網(wǎng)頁制作技術發(fā)展的現(xiàn)狀。網(wǎng)頁制作過程中必然涉及到圖片的處理、動漫制作等，若能應用好Photoshop和Flash也是網(wǎng)頁設計的關鍵，此部分在我校計算機應用技術和計算機網(wǎng)絡技術專業(yè)在學業(yè)生入學第一學期已經(jīng)開設《圖形圖像處理軟件Photoshop》、第二學期《圖形圖像處理軟件Photoshop實訓》和《二維動畫制作Flash》，第三學期開設《二維動畫制作Flash實訓》和《網(wǎng)頁設計與制作》，因此教學內(nèi)容設計時不再重復這部分內(nèi)容。另外，F(xiàn)ireworks同樣也是作為網(wǎng)頁制作的輔助工具，若學生能掌握，對網(wǎng)頁的設計開發(fā)將起到畫龍點睛的作用，因此這部分也安排了相應的學時。
《網(wǎng)頁設計與制作》課程體現(xiàn)了網(wǎng)頁設計與網(wǎng)頁制作是緊密聯(lián)系的，是完成網(wǎng)頁作品流程中的兩個階段，但這兩個階段之間并沒有嚴格的界限，往往是迭代進行的。網(wǎng)頁通常都是圖文并茂的，對頁面的美觀有一定的要求。也就是說合格的網(wǎng)頁作品，在技術上不僅要符合相關的制作規(guī)范，還應考慮頁面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗密切相關。因此，在學生掌握了基本網(wǎng)頁制作后，筆者安排了網(wǎng)頁設計方面的內(nèi)容學習，主要包括色彩、圖像、布局等。在講授的過程中，還展示了部分網(wǎng)站（以電子商務網(wǎng)站為主），讓學生去分析總結各個網(wǎng)站的特點，使得學生對網(wǎng)頁制作的內(nèi)涵有進一步的理解。
4、選擇教材和教學模式
這門課程，僅僅通過在多媒體教室中講解理論知識、操作步驟和做典型范例是遠遠不夠的。那樣，一堂課下來學生只會做教師教的，不會融會變通，學生的創(chuàng)新意識得不到培養(yǎng)。我們只有突破傳統(tǒng)的教學模式，才能培養(yǎng)學生自我探索、獨立研究能力與自主創(chuàng)新精神。如何突破，并且取得良好的教學效果呢？通過幾年的教學探索和總結，筆者認為，可以從以下幾個環(huán)節(jié)來進行把握。
4.1 優(yōu)選教材
合理安排教學內(nèi)容一本教材的編排質量如何，會在一定程度上影響學生的學習興趣和教學效果，特別是針對中職生這樣一個特殊群體，我們更應該優(yōu)選教材。我們應該選用在內(nèi)容編排上由淺入深、由易到難的教材。
4.2 精心設計網(wǎng)頁制作課程的教學模式
掌握一定的理論知識是做好實踐的基礎和前提。所以老師決不能忽視課堂教學。我校該課程教學采取的是教學做一體化的教學模式，充分體現(xiàn)理論知識與實踐操作相結合。教學設計可采用“課堂案例分析――軟件功能解析――課堂練習――課后拓展――作品展示”這一思路進行精心編排。課堂教學的案例、課堂實踐的案例、獨立實驗的案例不僅涵蓋教材中的實例，還引用了大量企業(yè)中的真實案例。
5、教學方法與手段
5.1 教學方法的改進
在教學過程中，根據(jù)學校的培養(yǎng)目標和本課程特點，結合多年來實際的教學經(jīng)驗，對教學方法實施了以下幾方面的改進。
（1）教師演示制作網(wǎng)頁案例，傳授本節(jié)課所需掌握的知識點為了能激發(fā)和調動學生學習的積極性，避免“滿堂灌”的傳統(tǒng)教學模式，在教學過程中采用案例教學法。根據(jù)教學進度和教學要求設計案例并充分備課，講授并解析與案例相關的理論和技能，分析案例討論中可能出現(xiàn)的任何問題，而且案例要具有典型性和針對性，從適合學生的接受能力來選擇和設計。（2）教與學相結合教學模式。在教師通過案例教授相關理論和操作基礎后，要求學生能夠按照案例的要求，通過上機及時模仿制作和案例相似的實驗，鞏固和加強學生掌握的教學中的知識點。
5.2 教學手段的改革
《網(wǎng)頁設計與制作》是一門實踐性很強而且廣泛應用的技術，為了說明網(wǎng)頁設計中的原理及其在實際中的應用，實時展示非常重要，因此在網(wǎng)絡課程中的授課中接入Internet，隨時將講述的相關知識通過實實在在地網(wǎng)絡來說明和解釋，這樣學生就不覺得枯燥和乏味，使學生明白了學習網(wǎng)頁設計的重要性和實用性。
6、考核方式
該課程的考核內(nèi)容應以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學生足夠的時間完成作品的設計和制作，最后上交制作好的作品即可。留給學生足夠的時間和發(fā)揮空間，可以使學生充分發(fā)揮他們的想象力和所學知識。這樣的一種考核方式經(jīng)過幾屆學生的實踐，受到同學的好評，并且出現(xiàn)了相當一部分好的作品。
項目一：個人網(wǎng)站的設計與制作。隨著網(wǎng)絡技術的不斷發(fā)展，個人網(wǎng)站已成為人們展示自己的一種手段。本項目將通過制作一個簡單的“鴻瀾”個人網(wǎng)站，從任務資訊、任務決策與計劃、任務實施、任務檢查與評估和練習與提高五個方面進行描述，了解個人網(wǎng)站規(guī)劃與設計的基本原則和主要內(nèi)容，熟悉網(wǎng)站建設的基本流程，掌握Dreamweaver的基本操作和表格布局排版技術，認識HTML語言的基本結構和常用標記符<table>、<img>、<font>、<p>、<br>等使用方法，培養(yǎng)學生團隊合作和獨立思考的意識，養(yǎng)成良好的職業(yè)素養(yǎng)，為制作更加復雜的網(wǎng)站做好知識準備。項目二：電子商務類網(wǎng)站的設計與制作。21世紀以來，電子商務伴隨著IT的成熟，逐漸發(fā)展壯大，成為網(wǎng)絡經(jīng)濟的核心。企業(yè)通過電子商務網(wǎng)站實現(xiàn)了宣傳公司形象、企業(yè)動態(tài)、產(chǎn)品展示、網(wǎng)上訂單、網(wǎng)上交易等功能，與客戶間的距離進一步貼近。本項目通過完成整個電子商務網(wǎng)站的設計與制作，相關內(nèi)容層層展開，在學生頭腦中形成“如何搭建整體網(wǎng)站”的概念。項目三：中小企業(yè)網(wǎng)站的設計與制作。作為企業(yè)類網(wǎng)站，主要實現(xiàn)的功能首先是具有較強的盈利能力。其次網(wǎng)站是企業(yè)樹立形象和展現(xiàn)文化的重要窗口，是為顧客提供服務的一個工具，是企業(yè)整體營銷戰(zhàn)略的一部分。常見功能有企業(yè)信息、新聞中心、產(chǎn)品展廳、人力資源、會員中心、留言反饋等。本項目通過某一中小企業(yè)類網(wǎng)站的整體設計，培養(yǎng)學生在學習過程中發(fā)現(xiàn)問題、解決問題的能力，提高學習的主觀能動性。項目四：主題網(wǎng)站的設計與制作。本項目給出網(wǎng)站設計與制作的如下要點：（1）建立網(wǎng)站站點；（2）建立網(wǎng)站頁面（首頁為：index.html），頁面元素完整；（3）應用表格或者div、css布局頁面；（4）在頁面中插入文字，并用css美化文字大小、字體、顏色等效果；（5）在頁面中添加超級鏈接，并用css美化超級鏈接；（6）建立模板，并制作其他頁面；（7）至少完成8個及以上頁面，頁面標題欄、狀態(tài)欄、版權等信息齊全；（8）頁面中超級鏈接如沒有鏈接頁面以空鏈接（#）代替。學生根據(jù)以上設計要求，結合所學內(nèi)容，從旅游類網(wǎng)站、時尚類網(wǎng)站、教育類網(wǎng)站、門戶類網(wǎng)站等幾個大類中選擇某一項進行設計制作。教師將根據(jù)學生完成情況的復雜程度和實際效果給予評價，鍛煉了學生的實踐動手能力，增強了自信心和學習興趣。
二、教學素材的選用方法
教學素材是以完成課堂教學任務為目的，以教師引導學生開展課堂活動的形式呈現(xiàn)的教學材料。1.合理性。以個人網(wǎng)站設計來說，文本的制作上講求清晰、明了、突顯個性化，Logo和導航的字體、字號設計可以依個人的喜好采取不規(guī)則式，選擇跳躍感強的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。2.整體性。選用的教學素材要能夠自然、貼切地把各個知識點整合在一起，教學素材要服務于教學目標，要突出教學的重點。電子商務類網(wǎng)站以從事電子商務為主，對安全、穩(wěn)定等性能要求較高，比較考驗網(wǎng)站中運行的程序。在知識點上以表格嵌套、模版運用、腳本語言和行為語句為重點進行講解。3.現(xiàn)實性和針對性。課堂教學中選取的素材要符合學生的認知水平和實際生活，教師可以從具體教學對象的特殊性出發(fā)，根據(jù)教學對象因人、因地、因時選材，為他們“量身定制”針對性較強的教學素材，如在教授電子商務專業(yè)學生時，素材的選取多以電子商務平臺或某一個人網(wǎng)店為主，以便引導學生從自己熟悉的教學素材中直觀體驗獲取知識、提高能力的喜悅。
三、教學模式在教材中的運用
在《網(wǎng)頁設計與制作》校本教材的開發(fā)上主要采用“基于過程的項目式教學法”。即“在引導學習者融入有意義的項目完成的過程之中，讓學習者積極地探究與發(fā)現(xiàn)，自主地進行知識的整合與建構，以現(xiàn)實的、學生生成的新知識和提高的完成項目任務的能力為主要成就目標，項目完成的過程也是學習者學習活動進行的過程”。為此，以項目作品開發(fā)為主線，把教材中的范例網(wǎng)站分解成若干個子任務，將課程標準中的圖像處理、動畫制作、音視頻處理、網(wǎng)頁頁面設計制作、站點維護等多方面的知識點融入其中，在整個課堂教學實施中，教師根據(jù)網(wǎng)站設計開發(fā)的實際工作順序安排，以作品演示的方式從頭至尾帶領學生操作，讓其感受網(wǎng)站從無到有一步步制作的全過程，有助于提高學生的學習興趣，培養(yǎng)其創(chuàng)新設計能力。
四、結語
關鍵詞 網(wǎng)頁制作 技巧 解決方案
中圖分類號：TP393.092 文獻標識碼：A
1設計原則
1.1表格的定位功能
網(wǎng)頁制作中表格的運用很重要，它的作用除了表格本身具有的統(tǒng)計處理數(shù)據(jù)的功能之外，還可以對所制作的網(wǎng)頁頁面中的設計元素進行定位。網(wǎng)頁中的文本位置、圖像位置，可以通過表格來準確控制，而且還能消除諸多網(wǎng)頁元素之間的干擾，這樣設計出的網(wǎng)頁更加緊湊。
（1）網(wǎng)頁制作使用表格時，要避免這樣的設計行為：使用一張表格，然后將所有網(wǎng)頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網(wǎng)頁中，瀏覽器是將表格中所嵌套的全部內(nèi)容都讀取出來之后，再顯示結果頁面。一般的網(wǎng)頁可能感受不到瀏覽器的這種工作順序，如果網(wǎng)頁中信息量大，瀏覽網(wǎng)頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現(xiàn)出來。遇到這種網(wǎng)頁，瀏覽器在讀取了表格中全部內(nèi)容之后，才為瀏覽者提供解釋結果，在這之前顯示的是空白。
（2）在進行網(wǎng)頁設計時，利用表格定好需要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網(wǎng)頁時就會出現(xiàn)部分設計對象位置混亂。這是由于表格寬度的設計出了問題，有兩種設置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面設計結果出現(xiàn)，但是采用后者的方法，就不會出現(xiàn)這種問題。
1.2文件的命名
網(wǎng)頁制作的過程中，有時會出現(xiàn)如下這些問題：在設計時插入進去的圖片，預覽時顯示不出來、已經(jīng)設計安排好的鏈接用不了等等情況。通過對問題的分析，發(fā)現(xiàn)問題出在了文件的命名上（用中文進行命名）。設計制作者為了在設計之后能夠便于自己查找調用，會在設計時對一些文件命以中文名，這就導致預覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。
1.3圖像的無縫拼接
網(wǎng)頁中圖像的應用是很有必要的，圖像可以使網(wǎng)頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網(wǎng)頁設計和制作的時候比較常見。網(wǎng)頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網(wǎng)頁之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網(wǎng)頁中顯示效果不受應影響即可。如果在設計網(wǎng)頁時，要用到大圖片，設計制作的時候可以用無縫拼接技術，該技術在圖像處理軟件中可以實現(xiàn)，先將要用到的大圖片處理成數(shù)個小圖片，將這些小圖片按照一定規(guī)則嵌套到網(wǎng)頁中，組成大圖片，拼出的大圖在現(xiàn)實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設為零，去掉表格邊框，設置好單元格的參數(shù)后，再手動微調，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網(wǎng)頁下載速度。
1.4個人站點中導航按鈕的設計
設計制作網(wǎng)頁時，加入導航按鈕，可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎，才能掌握住這種創(chuàng)新性的方法，自己根據(jù)想達到的效果設計導航按鈕，能夠設計的創(chuàng)意。
2制作技巧
網(wǎng)站的頁面中包含：作為網(wǎng)站門面的首頁、支撐起網(wǎng)站結構的框架頁面，網(wǎng)站的內(nèi)容表達主體普通頁面、網(wǎng)站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。
比如設計首頁時，有兩種形式的設計可以作為網(wǎng)站首頁，一種是形象展示型，這種方式的設計主要在布局和造型上，加了藝術化的處理，結合公司的形象與公司的服務理念，提供有相關性的圖像與文字，這樣設計出的畫面才有生機和活力，在這樣網(wǎng)頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型，這種形式主要用于大中型企業(yè)網(wǎng)站，有很多條目和分類。
保持一致的網(wǎng)頁設計風格。網(wǎng)站營銷的諸多影響因素中，網(wǎng)頁風格的一致性是不可忽視的重要方面。統(tǒng)一網(wǎng)站風格的方法有很多，網(wǎng)站結構就是其中一種，比如，網(wǎng)站布局、內(nèi)容排版、圖標大小、圖片位置等等。在統(tǒng)一網(wǎng)頁風格時，需要設計者特別關注的是網(wǎng)站中具有代表性的典型元素要保持一致，比如網(wǎng)站背景l(fā)ogo 、公司名稱字體、網(wǎng)站中圖片格調等等。
色彩搭配。頁面的色彩搭配是與網(wǎng)站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應用最好根據(jù)網(wǎng)站主題風格選定一種基調，再根據(jù)這個基調來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體，以達到和諧、悅目的最佳視覺效果。
3結束語
網(wǎng)頁制作中有很多的技巧，只有在不斷的實踐中才會總結出更多更好的制作網(wǎng)頁的方法，在知道了一些技巧之后一定要付諸實踐，這樣才能更好地掌握，把別人的知識變成自己的知識。
項目教學法實施過程是教師創(chuàng)設項目活動情境，在教師的引導下，從學生已有的知識技能和生活經(jīng)驗出發(fā)，討論完成本項目活動的方法和過程，學生以小組為單位運用學過的知識和技能解決新情境下的問題，在項目活動過程中，增強學生的知識和技能，提高分析和解決問題的能力，在情感、態(tài)度的價值觀多方面對學生進行培養(yǎng)。整個過程活動都是真實的，是現(xiàn)實生產(chǎn)生活的一種反映，從而使學生的學習更有針對性和實用性，學到了今后就業(yè)所必須的技能，包括實踐能力、分析能力、綜合能力、應變能力、交流能力、合作能力和解決實際問題的能力。在計算機教學中采用項目教學法，可以將教師的主動性、學生的積極性調動起來，還可以增強同學間的團隊協(xié)作精神，這將對知識的傳授與更新產(chǎn)生更重大的影響，實現(xiàn)教、學、做融為一體。
二、《網(wǎng)頁設計與制作》課程牽引項目的選擇及相應整合的理論知識
就課程本身運用實質來說，工作的項目其實分為網(wǎng)站設計與管理、網(wǎng)頁制作、圖像與媒體設計與運用、數(shù)據(jù)庫設計與管理、腳本與應用程序的設計與運用。經(jīng)過市場調研和多年教學實踐，我把把課程牽引項目分為八個具體任務：1.圖文并茂網(wǎng)頁的制作完成該項目的知識包括常見網(wǎng)頁設計工具的使用、HTML文檔基本結構、文本排版控制標記符、圖像插入標記符、特殊字符以及物理顯示標記符、css的意義、創(chuàng)建與使用方法。項目技能目標有安裝和啟動網(wǎng)頁制作軟件、熟悉網(wǎng)頁制作的基本步驟、正確插入文本與特殊字符、正確對文本進行分段分行、正確插入圖像、運用css技術控制文字圖片樣式。2.個人簡歷網(wǎng)頁的制作完成該項目的知識包括有序列表標記符、無序列表標記符、表格標記符、超鏈接標記符、Css技術對列表的控制方法。項目技能目標有制作有序列表、無序列表、制作混合列表、運用超鏈接標記符啟動電子郵箱鏈接、運用表格進行簡單頁面排版、運用css技術設置列表顯示方式。3.電子相冊制作完成該項目的知識包括網(wǎng)頁圖像素材的特點與主要類型、Fireworks對圖片進行批處理的方法、電子相冊排版要點、圖像、表格、超鏈接標記符的相關屬性、css技術的濾鏡使用方法。項目技能目標有熟悉網(wǎng)頁圖像素材的特點與類型、掌握Fireworks的基本操作方法、了解并掌握網(wǎng)頁圖片處理的主要方法、熟知圖像、表格、超鏈接標記符的屬性、運用css濾鏡技術美化圖片效果。4.學習欣賞網(wǎng)站設計與制作完成該項目的知識包括本地網(wǎng)站的創(chuàng)建與、IIS的安裝與設置方法、網(wǎng)站的規(guī)劃與制作流程、框架技術進行網(wǎng)頁布局的方法、超鏈接標記符在框架技術中的作用、錨點鏈接技術、網(wǎng)站LOGO的制作方法、制作網(wǎng)站flashbanner的方法、多媒體素材網(wǎng)頁的制作方法。項目技能目標有：正確創(chuàng)建、設置、本地網(wǎng)站、正確安裝、設置與管理IIS、運用框架技術進行網(wǎng)頁布局、錨點技術在長版面網(wǎng)頁中的應用、運用圖像設計軟件制作LOGO、運用flash制作具有動態(tài)效果的banner、掌握向網(wǎng)頁插入動畫、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網(wǎng)站制作完成該項目的知識包括門戶網(wǎng)站的設計、規(guī)劃與制作流程、網(wǎng)站創(chuàng)建、、維護管理的方法、Div+css布局網(wǎng)頁的方法、創(chuàng)建子菜單的方法、Dhtml技術、Dreamweaver的高級應用技術。項目技能目標有熟悉運用div+css技術設計網(wǎng)頁、掌握Dreamweaver創(chuàng)建與運用divAp的方法、掌握運用Dreamweaver時間軸功能制作網(wǎng)頁漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應用DHTML增加網(wǎng)頁特效。6.個人信息網(wǎng)站設計與制作完成該項目的知識包括個人網(wǎng)站的規(guī)劃方法與制作特點、運用圖形制作工具設計繪制網(wǎng)頁布局、Fireworks執(zhí)行切片并導出網(wǎng)頁的方法、Dreamweaver布局切片網(wǎng)頁的方法、頁內(nèi)框架技術在網(wǎng)頁布局中的應用方法、動態(tài)導航條的制作方法、css對網(wǎng)頁進行樣式規(guī)范與美化的方法。項目技能目標有了解個人網(wǎng)站的制作方法與特點、設計并繪制網(wǎng)頁布局圖、應用切片技術設計網(wǎng)頁布局結構、運用Dreamweaver優(yōu)化切片網(wǎng)頁、運用頁內(nèi)框架技術實現(xiàn)網(wǎng)站超鏈接、掌握制作動態(tài)導航條的方法、運用css對網(wǎng)頁進行樣式規(guī)范與美化。7.用戶注冊信息網(wǎng)頁制作完成該項目的知識包括表單與表單元素的相關標記符、表單與表單元素的作用、表格布局表單元素、css對表格、表單元素的控制方法、Dreamweaver檢驗表單行為的應用、以電子郵件方式提交表單的方法。項目技能目標有熟悉表單及表單元素的設置方法、掌握表格布局表單元素的方法、運用css對表格、表單元素進行規(guī)范與美化、掌握Dreamweaver驗證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網(wǎng)頁完成該項目的知識包括動態(tài)網(wǎng)頁制作與設置、數(shù)據(jù)庫的綁定、表單動作設置、表單元素與數(shù)據(jù)表的對應、動態(tài)表格插入與應用、動態(tài)網(wǎng)站的。項目技能目標有熟悉表單及表單元素、掌握動態(tài)網(wǎng)頁制作與設置方法、運用表單動作設置動態(tài)效果、掌握動態(tài)表格的插入方法、掌握動態(tài)網(wǎng)站要領。
三、課程整合后項目教學法的實施過程
1.1用戶登錄與注冊
首先,在系統(tǒng)功能設計中一般使用B/S結構,也就是瀏覽器/服務器結構,在網(wǎng)絡環(huán)境下,將各種功能模塊組合起來。用戶登錄和注冊是網(wǎng)站功能中最為基本的一個模塊,按照一定的分類標準設置用戶權限,如管理員權限、注冊用戶權限和匿名登錄用戶權限,不同權限的用戶可以訪問不同的內(nèi)容。用戶登錄的身份驗證采用用戶名和密碼的形式,為了方便管理,用戶名可以統(tǒng)一設置,如將學生的學號設置為用戶名,密碼由用戶自行更改。管理員權限主要是由網(wǎng)站的管理人員使用,對網(wǎng)站信息進行刪除、編輯和更改,并且對登錄用戶的身份、數(shù)量進行管理。注冊用戶可以瀏覽、下載網(wǎng)站中的絕大多數(shù)資源內(nèi)容,而匿名用戶只能瀏覽網(wǎng)站的基本公式信息。
1.2網(wǎng)站信息公布
網(wǎng)站信息公布是校園網(wǎng)站的一個重要功能,可以用來公示重大校園動態(tài)、課程信息、學生信息變動等等,所公布的信息來源于相關的校園管理部門,如教學部門、宣傳部門、學生管理部門等等。同時,一些與學生密切相關的信息,在公布中可以設置提醒功能,例如當學生登錄網(wǎng)站后,以私信或者自動彈出窗口的形式提示學生應當注意的信息?；蛘咴趯W生個人信息管理模塊中,設置專門的應當注意信息模塊,提醒學生應當注意的一些變動信息,特別是課程信息、個人信息變動、教務信息等等。
1.3資源共享資源共享
主要是為學生提供一個良好的學習環(huán)境,提供學生自學資源支持,在網(wǎng)頁設計與制作類專題學習網(wǎng)站構建中,主要的教學資源有文字資源、圖片資源、視頻資源等等。同時,在資源共享中,為了提高學習資源的利用效率,利用站內(nèi)搜索技術構建資源查詢平臺,便于用戶搜索所需資源。將各種學習資源進行分類,可以按照資源屬性,如文檔類資源、圖片類資源、視頻類資源等等,或者按照教學內(nèi)容進行分類。站內(nèi)資源還可以為學生提供一些優(yōu)秀的設計方案成果,將這些成果的網(wǎng)頁設計與制作方案。資源共享功能模塊設計需要針對網(wǎng)站功能特點和用戶使用情況進行相應的資源優(yōu)化,例如針對不同學習基礎的用戶提供不同層次的學習資源等等。
1.4站外資源鏈接
在網(wǎng)頁設計與制作類專題學習網(wǎng)站功設計中,站外資源是一個重要的學習資源補充途徑,用戶在使用站內(nèi)資源時,也需要進行相關的站外資源拓展,當前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內(nèi)部鏈接兩種,外部鏈接同用戶直接通過外網(wǎng)鏈接外站的訪問權限一樣,都為匿名瀏覽模式。而在一些提供資源下載的外部網(wǎng)站鏈接時,可以通過內(nèi)部鏈接的方式為用戶提供注冊用戶訪問權限,例如訪問一些文獻資料數(shù)據(jù)庫。通過購買這些數(shù)據(jù)庫的訪問權限,使得用戶可以通過內(nèi)部鏈接搜索和下載相關的文獻資料。在站外資源連接時,應當對不同的外站資源情況進行調查和分類,按照一定的類別,例如文獻資料類網(wǎng)站、網(wǎng)頁設計成果類網(wǎng)站、相關軟件下載類網(wǎng)站等等。
2基于PHP和MySQL技術網(wǎng)頁設計與制作類專題學習網(wǎng)站的實現(xiàn)
2.1數(shù)據(jù)庫管理實現(xiàn)
基于MySQL技術的數(shù)據(jù)庫管理功能實現(xiàn),應當針對網(wǎng)站數(shù)據(jù)的儲存和使用特點,應當確保數(shù)據(jù)庫的正確性、融合性、有效性等等,優(yōu)化數(shù)據(jù)庫檢索技術,提高數(shù)據(jù)檢索效率,數(shù)據(jù)庫結構設計的合理性會直接關系到網(wǎng)站構建的整體質量。在數(shù)據(jù)庫中將各種不同類型的數(shù)據(jù)資源按照一定的類別進行分類處理和儲存,同時將各種文檔信息添加日期、作者、預覽內(nèi)容等信息,主要的數(shù)據(jù)操作功能有編輯、錄入、存儲、刪除、復制等等。再有,應當保證數(shù)據(jù)庫的完整性和適時性,及時進行數(shù)據(jù)更新,數(shù)據(jù)存儲要嚴格遵守相應的規(guī)定,定期進行數(shù)據(jù)備份,一般數(shù)據(jù)庫的管理權限為網(wǎng)站管理人員。
2.2信息管理功能
實現(xiàn)信息管理功能主要是實現(xiàn)網(wǎng)站基本的信息公布、信息刪除和修改、重大信息警示等等,同時還包括用戶個人信息的錄入、修改等等。信息管理權限由兩部分組成,分別是網(wǎng)站管理人員的信息管理功能權限和訪問者的信息管理功能權限。信息管理人員所主要管理的信息為網(wǎng)站公布信息和一些動態(tài)資源信息,而訪問者所使用的信息管理功能為個人信息管理和個人資源信息管理。例如訪問者在利用網(wǎng)站資源進行學習時,需要更改個人資源數(shù)據(jù)庫,不定時的刪除資源和添加新資源,構建成個人知識管理系統(tǒng)。而網(wǎng)站管理人員,在使用信息管理功能時,也應當針對不同信息的特點,在相應的信息公示板塊進行信息公布。
2.3資源共享功能
實現(xiàn)資源共享功能主要包括兩部分,分別是站內(nèi)資源共享和站外資源共享,站內(nèi)資源包括管理人員錄入的校園資源數(shù)據(jù)庫和師生上傳的相關資源等等,站外資源則主要是針對相應的教學內(nèi)容,選擇的一些專題網(wǎng)站。在資源共享功能實現(xiàn)中,應當提高資源使用效率,借助站內(nèi)搜索技術和互聯(lián)網(wǎng)搜索引擎技術,為學生提供完善的資源環(huán)境。同時,資源共享本身也是一個持續(xù)性的過程,管理人員應當長時期的進行資源引進和更新。
3結語
