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

下載本文檔

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

文檔簡介

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

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

溫馨提示

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

最新文檔

評論

0/150

提交評論