網(wǎng)頁(yè)設(shè)計(jì)與制作_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作_第5頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作學(xué)院：張仲景國(guó)醫(yī)學(xué)院

班級(jí)：13級(jí)護(hù)理二班姓名：張夢(mèng)琳網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第1頁(yè)。學(xué)號(hào)：1316216020網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第1頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與制作摘要：伴隨著互聯(lián)網(wǎng)的出現(xiàn)以及發(fā)展，網(wǎng)頁(yè)也隨之應(yīng)運(yùn)而生，尤其現(xiàn)在的社會(huì)，網(wǎng)絡(luò)在人類的生活中扮演了越來(lái)越重要的角色。一個(gè)好網(wǎng)頁(yè)的價(jià)值也不短提升。同時(shí)也隨著計(jì)算機(jī)處理文字以及圖像的處理能力不斷增強(qiáng)，網(wǎng)頁(yè)的制作也要求制作者熟練的網(wǎng)頁(yè)制作技術(shù)，也要有一定的藝術(shù)設(shè)計(jì)能力。所以要求我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的熟練認(rèn)識(shí)以及操作能力。關(guān)鍵詞：網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)HTML動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)一.網(wǎng)頁(yè)的概念：網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗的說(shuō)，您的網(wǎng)站就是由網(wǎng)頁(yè)組成的。網(wǎng)頁(yè)(webpage)通常是HTML格式（文件擴(kuò)展為。html或。htm或.asp或。aspx或。php或。jsp等）如果只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁(yè)的話，客戶則無(wú)法訪問(wèn)網(wǎng)站。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫。網(wǎng)頁(yè)要使用網(wǎng)頁(yè)瀏覽器來(lái)閱讀。網(wǎng)頁(yè)（英文：Webpage）是一個(gè)文件，他存放在世界某個(gè)角落的某一部計(jì)算機(jī)中，而這部計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的為什么在源文件看不到任何圖片？圖片文件中存放的只是圖片的鏈接文職，甚至可以不在同一臺(tái)計(jì)算機(jī)上。網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則：明確加冕禮網(wǎng)站的目標(biāo)和用戶需求網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明網(wǎng)頁(yè)設(shè)計(jì)的兩大要點(diǎn)：整體風(fēng)格和色彩搭配二：HTML語(yǔ)言HTML（HyperTextMark—upLanguage）即超文體標(biāo)記語(yǔ)言或超文體鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。設(shè)計(jì)HTML語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考率具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其他電腦上。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含索要說(shuō)明的具體內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第2頁(yè)。另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言，一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。注意“blockquote”前的斜杠，那就是關(guān)閉標(biāo)簽與打開標(biāo)簽的區(qū)別。但是也有一些標(biāo)簽例外。比如，<input>標(biāo)簽就不需要。網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第2頁(yè)。標(biāo)題詞－－夾在<head>和</head>標(biāo)簽之間－－這個(gè)詞語(yǔ)在打開頁(yè)面時(shí)出現(xiàn)在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間－－即所有頁(yè)面的內(nèi)容所在。頁(yè)面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。三、網(wǎng)頁(yè)的類型.通常我們看到的網(wǎng)頁(yè)，都是以htm或html后綴結(jié)尾的文件，俗稱HTML文件。不同的后綴，分別代表不同類型的網(wǎng)頁(yè)文件，例如以CGI、ASP、PHP、JSP甚至其他更多。四、網(wǎng)頁(yè)的分類網(wǎng)頁(yè)有多種分類,籠統(tǒng)意義上的分類是動(dòng)態(tài)和靜態(tài)的頁(yè)面,原則上講靜態(tài)頁(yè)面多通過(guò)網(wǎng)站設(shè)計(jì)軟件來(lái)進(jìn)行重新設(shè)計(jì)和更改,相對(duì)的比較滯后，當(dāng)然現(xiàn)在有網(wǎng)站管理系統(tǒng)，也可以生成靜態(tài)頁(yè)面~我們稱這種靜態(tài)頁(yè)面為偽靜態(tài)。動(dòng)態(tài)頁(yè)面通過(guò)網(wǎng)頁(yè)腳本與語(yǔ)言自動(dòng)處理自動(dòng)更新的頁(yè)面，比方說(shuō)貼吧，他就是通過(guò)網(wǎng)站服務(wù)器運(yùn)行程序，自動(dòng)處理信息，按照流程更新網(wǎng)頁(yè)。隨著信息技術(shù)的更加專業(yè)化，越來(lái)越明顯的傾向表明，網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站的發(fā)展會(huì)逐漸成為兩個(gè)不同的領(lǐng)域。五、網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則。1、明確建立網(wǎng)站的目標(biāo)和用戶需求Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。我們會(huì)根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，以“消費(fèi)者（customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃時(shí)我們會(huì)考慮：建設(shè)網(wǎng)站的目的是什么？為誰(shuí)提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？2、網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明Web站點(diǎn)主頁(yè)應(yīng)具備的基本成分包括：頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email地址：用來(lái)接收用戶垂詢；聯(lián)系信息：如普通郵件地址或電話；版權(quán)信息：聲明版權(quán)所有者等。在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，應(yīng)當(dāng)注意以下各個(gè)方面：1）、確定網(wǎng)站的整體風(fēng)格網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。2).網(wǎng)頁(yè)色彩的搭配色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。如果您的企業(yè)有CIS（企業(yè)形象識(shí)別系統(tǒng)），我們將按照其中的VI進(jìn)行色彩運(yùn)用。網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第3頁(yè)。無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁(yè)的色彩。網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第3頁(yè)。3、網(wǎng)頁(yè)設(shè)計(jì)的工具1.dreamweaver,用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具2.Frontpage跟dreamweaver一樣，不過(guò)個(gè)人感覺還是dreamweaver好。3.FLASH網(wǎng)頁(yè)需要畫面流動(dòng)時(shí)的首選擇4.PS圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。5.FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁(yè)的處理。4、網(wǎng)站設(shè)計(jì)成功要素設(shè)計(jì)一個(gè)網(wǎng)站，應(yīng)該考慮下列九條基本因素，這些因素對(duì)網(wǎng)站的成功與否有著重要影響。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具有以下特點(diǎn)（1）內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)做網(wǎng)頁(yè)設(shè)計(jì)，你需要了解客戶的東西很多：1）、建站目的2)、欄目規(guī)劃及每個(gè)欄目的表現(xiàn)形式及功能要求3)、主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址4）、根據(jù)行業(yè)和客戶要求，那些要著重表現(xiàn)5）、是否分期建設(shè)、考慮后期的兼容性6）、客戶是否有強(qiáng)烈的建站欲望7)、你是否能在精神意識(shí)上控制住客戶8)、面對(duì)你未接觸的技術(shù)知識(shí)，你有底嗎？9).網(wǎng)站類型（2）界面弱化一個(gè)好的界面設(shè)計(jì)它的界面時(shí)弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站，對(duì)于宣戰(zhàn)展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過(guò)分。網(wǎng)站不是動(dòng)畫片，在效率越來(lái)越高，社會(huì)心理越來(lái)越浮躁的中國(guó)，人們的耐心越來(lái)越小，心理承受能力越來(lái)越低。效果可以體現(xiàn)意境，點(diǎn)到為止。（3）模塊化和可修改性強(qiáng)無(wú)論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個(gè)簡(jiǎn)單的例子，logo、按鈕等，很多人喜歡制作圖片，N個(gè)按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，然后用在網(wǎng)頁(yè)代碼里打上文字，那么修改起來(lái)就簡(jiǎn)單了，讓程序員自己改字就可以了。然而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字號(hào)有幾類：宋體12px|宋體12px粗體|宋體14px|宋體14px粗體|黑體20px|verdana9px|ArialBlack12px+|（4）創(chuàng)藝是可恥的，分析能力遠(yuǎn)比創(chuàng)藝來(lái)的重要設(shè)計(jì)界動(dòng)輒就大談什么“創(chuàng)意”，我要說(shuō)的是，還沒有搞清目的意義內(nèi)容，還沒在技術(shù)制作上臻于完善的基礎(chǔ)上班，用創(chuàng)藝和特效來(lái)迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)也設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)藝來(lái)的重要。（5）兼顧還是拋棄CSS、XHTML、web2.0、Ajax等等山雨欲來(lái)，學(xué)習(xí)先進(jìn)技術(shù)固然是有好處的，但對(duì)于目前國(guó)內(nèi)普遍的低認(rèn)知水平，決定了客戶的需求和價(jià)格也是相當(dāng)?shù)偷?。之前，說(shuō)到經(jīng)濟(jì)決定網(wǎng)也設(shè)計(jì)，所以有的時(shí)候，是不允許你做出更多的兼顧的，拋棄和放棄也是無(wú)奈之舉。網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第4頁(yè)。網(wǎng)頁(yè)制作具體流程：網(wǎng)頁(yè)設(shè)計(jì)與制作全文共5頁(yè)，當(dāng)前為第4頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)綜合性極強(qiáng)的工作，涉及到商業(yè)策劃、平面設(shè)計(jì)、人機(jī)界面、程序語(yǔ)言和數(shù)據(jù)庫(kù)等。通過(guò)對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與欣賞》這門課程的認(rèn)真學(xué)習(xí)，我學(xué)到了很多網(wǎng)頁(yè)制作相關(guān)的知識(shí)，比如對(duì)網(wǎng)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論