欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文

    2. <ul id="fwlom"></ul>
    
<object id="fwlom"></object>
    <span id="fwlom"></span><dfn id="fwlom"></dfn>
    

      <object id="fwlom"></object>
      




      

      

      

      
  
      
    
      
      
      
        
      網(wǎng)頁(yè)設(shè)計(jì)與制作教案
      
        
       時(shí)間：2019-05-12 23:21:50下載本文作者：會(huì)員上傳
      
      
      
      
      
簡(jiǎn)介：寫(xiě)寫(xiě)幫文庫(kù)小編為你整理了多篇相關(guān)的《網(wǎng)頁(yè)設(shè)計(jì)與制作教案》，但愿對(duì)你工作學(xué)習(xí)有幫助，當(dāng)然你在寫(xiě)寫(xiě)幫文庫(kù)還可以找到更多《網(wǎng)頁(yè)設(shè)計(jì)與制作教案》。

      
	
      

      第一篇：網(wǎng)頁(yè)設(shè)計(jì)與制作教案
      

      《網(wǎng)頁(yè)設(shè)計(jì)與制作教案》
      教師：系部：信息技術(shù)工程系專(zhuān)業(yè)：計(jì)算機(jī)應(yīng)用班級(jí)：計(jì)機(jī)
      湄洲灣職業(yè)技術(shù)學(xué)院
      2008-2009學(xué)年第一學(xué)期
      唐 俊 奇
      電子信息
      07（1）信息07（1）08（2）
      1.3 網(wǎng)頁(yè)中所使用的技術(shù)
      1.3.1 HTML語(yǔ)言和XML語(yǔ)言
      1、HTML語(yǔ)言
      ?HTML只使用SGML中很小一部分標(biāo)記
      ?HTML語(yǔ)言（Hyper Text Markup Language 超文本標(biāo)記語(yǔ)言）
      ?HTML是純文本的語(yǔ)言，其源代碼可以用各種文本編輯工具進(jìn)行編輯，常用的網(wǎng)頁(yè)制作軟件如FrontPage、Dreamweaver等實(shí)際上是自動(dòng)生成HTML源代碼的工具
      2、XML語(yǔ)言
      XML（eXtensible Markup Language）1.3.2 動(dòng)態(tài)網(wǎng)頁(yè)
      1.3.3 多媒體技術(shù)的應(yīng)用 1.3.4 Web服務(wù)器端程序
      1.4 制作網(wǎng)頁(yè)的基本方法
      1.4.1 制作網(wǎng)頁(yè)的基本步驟
      1、確定網(wǎng)頁(yè)的內(nèi)容
      2、設(shè)計(jì)網(wǎng)頁(yè)的組織結(jié)構(gòu)
      3、資料的收集與整理
      4、選擇網(wǎng)頁(yè)的設(shè)計(jì)方法
      1.4.2 制作網(wǎng)頁(yè)時(shí)要注意的問(wèn)題
      1、網(wǎng)頁(yè)的標(biāo)題要簡(jiǎn)潔，明確。
      2、在文本中要使用水平線，以分割不同部分。
      3、對(duì)重點(diǎn)段落要強(qiáng)調(diào)顯示。
      4、網(wǎng)頁(yè)中插入的圖片要盡量的小。
      5、圖形要附加文字說(shuō)明，以便關(guān)閉圖像時(shí)查看。
      6、網(wǎng)頁(yè)中引用的資料及商標(biāo)（或圖標(biāo)），不能侵犯版權(quán)。【課后小結(jié)】
      通過(guò)學(xué)習(xí)，認(rèn)識(shí)網(wǎng)絡(luò)、網(wǎng)站、網(wǎng)頁(yè)及相關(guān)信息，理解網(wǎng)頁(yè)制作的流程及了解相應(yīng)開(kāi)發(fā)工具，為設(shè)計(jì)網(wǎng)頁(yè)做準(zhǔn)備。
      第二講 HTML的基本標(biāo)志與格式標(biāo)志
      【教學(xué)內(nèi)容】
      講解HTML基本標(biāo)志對(duì)和格式標(biāo)志。【教學(xué)目的】
      使學(xué)生標(biāo)志對(duì)與格式標(biāo)志對(duì)的使用?！窘虒W(xué)重點(diǎn)】
      格式標(biāo)志的使用。【教學(xué)難點(diǎn)】
      * 使學(xué)生掌握超級(jí)鏈接標(biāo)志的使用。【教學(xué)重點(diǎn)】
      * 字體、圖片和超級(jí)鏈接標(biāo)志的使用。* 網(wǎng)頁(yè)中特殊符號(hào)的輸入?！窘虒W(xué)難點(diǎn)】
      * 理解特殊符號(hào)對(duì)應(yīng)的標(biāo)志。* 理解img標(biāo)志中屬性的意義。* 理解書(shū)簽超級(jí)鏈接的意義?！窘虒W(xué)方式】
      討論式、案例分析式、練習(xí)式?！窘虒W(xué)參考】
      1、《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
      2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
      3、《HTML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社?！拘抡n內(nèi)容】
      2.2 插入文字
      2.2.1 劃分段落 格式
      段落內(nèi)容
       2.2.2 插入標(biāo)題文字 格式
      標(biāo)題內(nèi)容 2.2.3 字號(hào)屬性
      設(shè)置基準(zhǔn)字號(hào)： 網(wǎng)頁(yè)內(nèi)的其他文字，采用下面的格式來(lái)定義 ...... Size的有效范圍是1（最大）到7（最?。?。如果在Size的值前面帶上“+”號(hào)或“-”號(hào)，則表示相對(duì)于基礎(chǔ)字體增大或減小若干字號(hào)。2.2.4 顏色屬性 兩種方式
       字符串 2.2.5 字體屬性
       2.2.6
      文本修飾
      ......，文字以粗體顯示。......，文字顯示為斜體。......，顯示下劃線。
      ......，中心線貫穿文字。< EM>......，強(qiáng)調(diào)文字，通常用斜體。
      < STRONG>......，特別強(qiáng)調(diào)的文字，通常用黑體。
       2.3.2 圖片的屬性
      2.4 建立超級(jí)鏈接
      2.4.1 指向一個(gè)目標(biāo)
      1、建立超級(jí)鏈接
      字符串
      2、為圖片建立超級(jí)鏈接
        
      3、鏈接到郵件和多媒體文件 鏈接到郵件
       請(qǐng)與我聯(lián)系  2.4.2 使用錨點(diǎn)
      ?使用錨點(diǎn)可以使用戶在一個(gè)較長(zhǎng)的文檔中跳轉(zhuǎn)，方便地找到要閱讀的內(nèi)容。?建立錨點(diǎn)：
      ?錨點(diǎn)文字 ?使超級(jí)鏈接指向已定義的錨點(diǎn)。?文字 ?文字 2.4.3 新窗口和基準(zhǔn)鏈接
      1、打開(kāi)新窗口 
      Target=“window-name”>開(kāi)一個(gè)新窗口
      2、基準(zhǔn)鏈接
      在 與  之間設(shè)定
      BorderColor=“#008000“ >
      2.7.3 子窗口屬性設(shè)置
      -2.7.4 常見(jiàn)的框架窗口劃分方法（1）標(biāo)題和正文，分為上下兩部分（2）層次結(jié)構(gòu)，分為上中下三部分
      （3）目錄和標(biāo)題，分為左上、左下、右三部分
      （4）標(biāo)題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5 不支持框架的網(wǎng)頁(yè)
        </p><p><BODY> 很抱歉，饋下使用的瀏覽器不支援框架功能，請(qǐng)轉(zhuǎn)用新的瀏覽器。</p><h2><a name="2" >第二篇：網(wǎng)頁(yè)設(shè)計(jì)與制作-論文（本站推薦）</a></h2><p>第一章</p><p>緒論</p><p>摘 要</p><p>本論文將對(duì)個(gè)人網(wǎng)頁(yè)設(shè)計(jì)與制作的方法、工具等展開(kāi)研究和探討。在介紹網(wǎng)頁(yè)設(shè)計(jì)與制作語(yǔ)言的基礎(chǔ)上，著重使用JavaScript作為工具語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)際操作，分別對(duì)基于對(duì)象的JavaScript語(yǔ)言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁(yè)面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。</p><p>本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。第二章：網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言——HTML，以及用于編輯HTML語(yǔ)言的軟件，為后續(xù)工作奠定基礎(chǔ)。第三章：基于對(duì)象的JavaScript語(yǔ)言，本章介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章：內(nèi)部對(duì)象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第五章：WEB頁(yè)面信息的交互——窗體與框架，本章主要介紹實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。</p><p>關(guān)鍵詞： 網(wǎng)頁(yè)制作；網(wǎng)頁(yè)設(shè)計(jì)；HTML；ASP</p><p>第一章</p><p>緒論</p><p>第一章 緒論</p><p>隨著21世紀(jì)的到來(lái)，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來(lái)越重要，越來(lái)越來(lái)的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要，更是事業(yè)發(fā)展的需要。網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。</p><p>1.1 網(wǎng)頁(yè)設(shè)計(jì)概述</p><p>網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開(kāi)網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。</p><p>1.2 網(wǎng)頁(yè)設(shè)計(jì)的要素</p><p>網(wǎng)頁(yè)設(shè)計(jì)的兩大要素是：整體風(fēng)格和色彩搭配。</p><p>一、確定網(wǎng)站的整體風(fēng)格</p><p>在這里，我提供給大家一些參考經(jīng)驗(yàn)：</p><p>1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置。2．突出你的標(biāo)準(zhǔn)色彩。</p><p>3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！</p><p>4．相同類(lèi)型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！</p><p>二、網(wǎng)頁(yè)色彩的搭配</p><p>1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。</p><p>2．用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。</p><p>3．用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。</p><p>1.3 大作業(yè)目的和意義</p><p>本大作業(yè)主要是對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的語(yǔ)言基礎(chǔ)上進(jìn)行探討，主要內(nèi)容如下：通過(guò)已經(jīng)做好的網(wǎng)頁(yè)，分析html網(wǎng)頁(yè)設(shè)計(jì)技術(shù)、XML技術(shù)、Java Applet技術(shù)和Javascript技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。</p><p>第一章</p><p>緒論</p><p>1.4 要分析的網(wǎng)頁(yè)</p><p>第一章</p><p>緒論</p><p>第一章</p><p>緒論</p><p>第二章</p><p>HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用</p><p>第二章 HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用</p><p>2.1 HTML語(yǔ)言介紹</p><p>HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。</p><p>HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。</p><p>2.1.1 HTML語(yǔ)言的特點(diǎn)</p><p>HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，HTML語(yǔ)言的特點(diǎn)如下：</p><p>1、簡(jiǎn)易性，HTML版本升級(jí)采用超集方式，從而更加靈活方便。</p><p>2、可擴(kuò)展性，HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。</p><p>3、平臺(tái)無(wú)關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。</p><p>2.1.2 HTML語(yǔ)言的編輯軟件</p><p>HTML的本質(zhì)是文本，需要瀏覽器的解釋?zhuān)琀TML的編輯器大體可以分為三種：</p><p>1、基本編輯軟件，使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?xiě)，當(dāng)然，如果你用WPS來(lái)編寫(xiě)，也可以。不過(guò)存盤(pán)時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣瀏覽器就可以解釋執(zhí)行了。</p><p>2、半所見(jiàn)即所得軟件，這種軟件能大大提高開(kāi)發(fā)效率，它可以使你在很短的時(shí)間內(nèi)做出Homepage，且可以學(xué)習(xí)HTML，這種類(lèi)型的軟件主要有HOTDOG，還有國(guó)產(chǎn)的軟件網(wǎng)頁(yè)作坊。</p><p>3、所見(jiàn)即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁(yè)，這類(lèi)軟件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。</p><p>2.1.4 html語(yǔ)言在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用</p><p>第二章</p><p>HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用</p><p>2.2.3JavaScript技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用</p><p>一、JavaScript概述</p><p>JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：</p><p>1、是一種腳本編寫(xiě)語(yǔ)言</p><p>JavaScript是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣,JavaScript同樣已是一種解釋性語(yǔ)言,它提供了一個(gè)易的開(kāi)發(fā)過(guò)程。</p><p>它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類(lèi)似。但它不像這些語(yǔ)言一樣，需要先編譯，而是在程序運(yùn)行過(guò)程中被逐行地解釋。它與HTML標(biāo)識(shí)結(jié)合在一起，從而方便用戶的使用操作。</p><p>2、基于對(duì)象的語(yǔ)言。</p><p>JavaScript是一種基于對(duì)象的語(yǔ)言，同時(shí)以可以看作一種面向?qū)ο蟮摹＿@意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來(lái)自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。</p><p>3、簡(jiǎn)單性</p><p>JavaScript的簡(jiǎn)單性主要體現(xiàn)在：首先它是一種基于Java基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì), 從而對(duì)于學(xué)習(xí)Java是一種非常好的過(guò)渡。其次它的變量類(lèi)型是采用弱類(lèi)型，并未使用嚴(yán)格的數(shù)據(jù)類(lèi)型。</p><p>4、安全性</p><p>JavaScript是一種安全性語(yǔ)言，它不允許訪問(wèn)本地的硬盤(pán)，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。</p><p>5、動(dòng)態(tài)性的</p><p>JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè)(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。</p><p>6、跨平臺(tái)性</p><p>JavaScript是依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫(xiě)一次,走遍天下”的夢(mèng)想。</p><p>實(shí)際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須WEB服務(wù)器通道，通過(guò)自己的電腦即可完成所有的事情。</p><p>總之，JavaScript 是一種新的描述語(yǔ)言，它可以被箝入到 HTML 的文件之中。JavaScript語(yǔ)言可以做到回應(yīng)使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來(lái)回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給伺服端(server)處理，再傳回來(lái)的過(guò)程，而直接可以被客戶端(client)的應(yīng)用程式所處理。</p><p>第二章</p><p>HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>第五章 色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>5.1色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。</p><p>先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。</p><p>在網(wǎng)頁(yè)配色中不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。背景和前文的對(duì)比盡量要大以便突出主要文字內(nèi)容。</p><p>5.2主頁(yè)色彩的處理</p><p>色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍裕纾耗劬G色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。</p><p>5.3常用的配色方案</p><p>1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。</p><p>2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。</p><p>3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>最后，還要考慮主頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學(xué)中稱為“明度變化”。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。</p><p>5.4合理搭配網(wǎng)頁(yè)色彩</p><p>網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁(yè)的背景、文字、圖標(biāo)、邊框、超鏈接等都要用到色彩。不同的色彩會(huì)使瀏覽者有不同的心理感受。合理的搭配色彩，會(huì)更好的表現(xiàn)主題，吸引用戶的注意力。網(wǎng)頁(yè)色彩涉及到藝術(shù)知識(shí)，讓美術(shù)教師參加網(wǎng)頁(yè)色彩設(shè)計(jì)，可能會(huì)出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨(dú)特性、合適性、聯(lián)想性。背景色和前景色對(duì)比要大，以突出主要內(nèi)容</p><p>網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>第六章 WEB頁(yè)面信息的交互——窗體與框架</p><p>要實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。</p><p>6.1窗體基礎(chǔ)知識(shí)</p><p>窗體對(duì)象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶機(jī)用戶相交互，而用不著在之前首先進(jìn)行數(shù)據(jù)輸入，就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。</p><p>6.1.1窗體對(duì)象</p><p>窗體（Form）：它構(gòu)成了Web頁(yè)面的基本元素。通常一個(gè)Web頁(yè)面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來(lái)實(shí)現(xiàn)不同窗體的訪問(wèn)。</p><p><form Name=Form1> <INPUT type=text...> <Input type=text...> <Inpup byne=text...> </form> <form Name=Form2> <INPUT type=text...> <Input type=text...> </form> 在Forms[0]中共有三個(gè)基本元素，而Forms[1]中只有兩個(gè)元素。</p><p>窗體對(duì)象最主要的功能就是能夠直接訪問(wèn)HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：</p><p><Form Name =“表的名稱” Target =“指定信息的提交窗口” action =“接收窗體程序?qū)?yīng)的URL” Method =信息數(shù)據(jù)傳送方式(get/post)enctype =“窗體編碼方式” [onsubmit =“JavaScript代碼”]> </Form> 6.1.2 窗體對(duì)象的方法</p><p>窗體對(duì)象的方法只有一個(gè)--submit()方法，該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體，則使用下列格式：</p><p>document.mytest.submit()</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>6.1.3 窗體對(duì)象的屬性</p><p>窗體對(duì)象中的屬性主要包括以下：elements name action target encoding method。除Elements外，其它幾個(gè)均反映了窗體中標(biāo)識(shí)中相應(yīng)屬性的狀態(tài)，這通常是單個(gè)窗體標(biāo)識(shí)；而elements常常是多個(gè)窗體元素值的數(shù)組，例：</p><p>elements[0].Mytable.elements[1] 6.1.4 訪問(wèn)窗體對(duì)象</p><p>在JavaScript中訪問(wèn)窗體對(duì)象可由兩種方法實(shí)現(xiàn)：（1）通過(guò)訪問(wèn)窗體</p><p>在窗體對(duì)象的屬性中首先必須指定其窗體名，而后就可以通過(guò)下列標(biāo)識(shí)訪問(wèn)窗體如：document.Mytable()。</p><p>（2）通過(guò)數(shù)組來(lái)訪問(wèn)窗體</p><p>除了使用窗體名來(lái)訪問(wèn)窗體外，還可以使用窗體對(duì)象數(shù)組來(lái)訪問(wèn)窗體對(duì)象。但需要注意一點(diǎn)，因窗體對(duì)象是由瀏覽器環(huán)境的提供的，而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過(guò)下列格式實(shí)現(xiàn)窗體對(duì)象的訪問(wèn)：</p><p>document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗體的先決條件</p><p>在JavaScript中要對(duì)窗體引用的條件是：必須先在頁(yè)面中用標(biāo)識(shí)創(chuàng)建窗體，并將定義窗體部分放在引用之前。</p><p>6.2 窗體中的基本元素</p><p>窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。</p><p>在JavaScript中要訪問(wèn)這些基本元素，必須通過(guò)對(duì)應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來(lái)實(shí)現(xiàn)。每一個(gè)元素主要是通過(guò)該元素的屬性或方法來(lái)引用。其引用的基本格式見(jiàn)下：</p><p>formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)下面分別介紹：</p><p>（1）Text單行單列輸入元素</p><p>功能：對(duì)Text標(biāo)識(shí)中的元素實(shí)施有效的控制?；緦傩裕?/p><p>Name：設(shè)定提交信息時(shí)的信息名稱。對(duì)應(yīng)于HTML文檔中的Name。Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。defaultvalue：包括Text元素的默認(rèn)值 基本方法：</p><p>blur()：將當(dāng)前焦點(diǎn)移到后臺(tái)。</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>select()：加亮文字。主要事件：</p><p>onFocus：當(dāng)Text獲得焦點(diǎn)時(shí)，產(chǎn)生該事件。OnBlur：從元素失去焦點(diǎn)時(shí)，產(chǎn)生該事件。Onselect：當(dāng)文字被加亮顯示后，產(chǎn)生該文件。onchange：當(dāng)Text元素值改變時(shí)，產(chǎn)生該文件。例：</p><p><Form name=“test”> <input type=“text” name=“test” value=“this is a javascript” > </form>...（2）textarea多行多列輸入元素</p><p>功能：實(shí)施對(duì)Textarea中的元素進(jìn)行控制?；緦傩?/p><p>name：設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)HTML文檔Textarea的Name。Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Default value：元素的默認(rèn)值。方法：</p><p>blur()：將輸入焦點(diǎn)失去 select()：將文字加亮后 事件：</p><p>onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件（3）Select選擇元素</p><p>功能：實(shí)施對(duì)滾動(dòng)選擇元素的控制。屬性：</p><p>name:設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)文檔select中的name。Length:對(duì)應(yīng)文檔select中的length options:組成多個(gè)選項(xiàng)的數(shù)組 selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)</p><p>select在中每一選項(xiàng)都含有以下屬性： Text:選項(xiàng)對(duì)應(yīng)的文字</p><p>selected:指明當(dāng)前選項(xiàng)是否被選中 Index:指明當(dāng)前選項(xiàng)的位置 defaultselected:默認(rèn)選項(xiàng) 事件：</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí)，產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時(shí)，產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。（4）Button按鈕</p><p>功能：實(shí)施對(duì)Button按鈕的控制。屬性：</p><p>Name:設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。方法：</p><p>click()該方法類(lèi)似于一個(gè)按下的按鈕。事件：</p><p>onclick當(dāng)單擊button按鈕時(shí)，產(chǎn)生該事件。例 ：</p><p><Form name=“test”> <input type=“button” name=“testcall” onclick=tmyest()> </form>........（5）checkbox檢查框</p><p>功能：實(shí)施對(duì)一個(gè)具有復(fù)選框中元素的控制。屬性：</p><p>name:設(shè)定提交信息時(shí)的信息名稱。</p><p>Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài) 方法：</p><p>click()該方法使得框的某一個(gè)項(xiàng)被選中。事件：</p><p>Onclick：當(dāng)框的選被選中時(shí)，產(chǎn)生該事件。（6）radio無(wú)線按鈕</p><p>功能：實(shí)施對(duì)一個(gè)具單選功能的無(wú)線按鈕控制。屬性：</p><p>Name：設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)HTML文檔中的radio的name相同 Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中的radio的name。</p><p>length：?jiǎn)芜x按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。</p><p>checked:指明選中還是沒(méi)有選中。</p><p>第五章</p><p>色彩在網(wǎng)頁(yè)中的應(yīng)用</p><p>index:選中的按鈕的位置。方法：</p><p>chick():選定一個(gè)按鈕。事件：</p><p>onclick:單擊按鈕時(shí)，產(chǎn)生該事件。（7）hidden:隱藏</p><p>功能：實(shí)施對(duì)一個(gè)具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性：</p><p>name:設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)HTML文檔的hidden中的Name。</p><p>Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔hidden中的value。</p><p>defaleitvalue:默認(rèn)值（8）Password口令</p><p>功能：實(shí)施對(duì)具有口令輸入的元素的控制。屬性：</p><p>Name:設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中password中的Value。</p><p>defaultvalu:默認(rèn)值 方法：</p><p>select():加亮輸入口令域。</p><p>blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。（9）submit提交元素</p><p>功能：實(shí)施對(duì)一個(gè)具有提交功能按鈕的控制。屬性：</p><p>name:設(shè)定提交信息時(shí)的信息名稱，對(duì)應(yīng)HTML文檔中submit。</p><p>Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中value。</p><p>方法</p><p>click()相當(dāng)于按下submit按鈕。事件：</p><p>onclick()當(dāng)按下該按鈕時(shí)，產(chǎn)生該事件。</p><p>6.3窗體對(duì)象實(shí)例</p><p>下面我們演示通過(guò)點(diǎn)擊一個(gè)按鈕（red）來(lái)改變窗口顏色，點(diǎn)擊“調(diào)用動(dòng)態(tài)按鈕文檔”調(diào)用一個(gè)動(dòng)態(tài)按鈕文檔。</p><p>test8_1.htm <html> <head>  </HEAD> <body bgColor=“White” > <A href=“test8_2.htm”> 調(diào)用動(dòng)態(tài)按鈕文檔</a> <form ></p><p><Input type=“button”  Value=“red” onClick=“changecolor()”> </form></p><h2><a name="3" >第三篇：網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告書(shū)</a></h2><p>電子商務(wù)2班201341440213孫巖</p><p>網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告書(shū)</p><p>課程名稱:網(wǎng)頁(yè)設(shè)計(jì)與制作</p><p>專(zhuān)業(yè)班級(jí)：電子商務(wù)2班</p><p>學(xué) 號(hào):201341440213  姓 名：孫巖</p><p>指導(dǎo)教師：王康哲</p><p>電子商務(wù)2班201341440213孫巖</p><p>目錄</p><p>一．概要……………………………………………………………</p><p>二．網(wǎng)站開(kāi)發(fā)……………………………………………………</p><p>三．應(yīng)用工具方案……………………………………………</p><p>四．欄目劃分……………………………………………………</p><p>五．代碼表……………………………………………………….六．截圖……………………………………………………………</p><p>七．結(jié)論…………………………………………………………… 2 6  7 13 14</p><p>電子商務(wù)2班201341440213孫巖</p><p>摘要：</p><p>在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。</p><p>一、網(wǎng)頁(yè)制作開(kāi)發(fā)背景</p><p>Dreamweaver以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容?，F(xiàn)在流行的網(wǎng)頁(yè)制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Dreamweaver、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁(yè)工具、Netscape等等。其中Dreamweaver更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來(lái)選擇一些素材，如圖片、喜歡的文章等。</p><p>二、網(wǎng)頁(yè)制作設(shè)計(jì)技巧</p><p>首先，我們來(lái)看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來(lái)了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來(lái)看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁(yè)文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，這個(gè)主頁(yè)也是一個(gè)網(wǎng)頁(yè)文件。瀏覽者訪問(wèn)站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁(yè)。主頁(yè)的名字在一般情況下就叫做“index.htm”。就是說(shuō)我們新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，DREAMWEAVER就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)時(shí)空的，我們可以向里面添加內(nèi)容。</p><p>在文件列表里除了主頁(yè)之外，還有文件夾。新建站點(diǎn)時(shí)，DREAMWEAVER都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片?！皃rivate”</p><p>電子商務(wù)2班201341440213孫巖</p><p>文件夾比較特殊，其中的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。</p><p>盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，不過(guò)創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開(kāi)始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來(lái)創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是DREAMWEAVER提供的用來(lái)創(chuàng)建站點(diǎn)模板或向?qū)?。我們?chuàng)建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開(kāi)始來(lái)創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫(huà)圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。</p><p>基于表格的設(shè)計(jì)：表格布局使網(wǎng)頁(yè)設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計(jì)師很快意識(shí)到可以利用表格來(lái)構(gòu)造他們?cè)O(shè)計(jì)的網(wǎng)頁(yè)，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁(yè)。表格布局就這樣流行了起來(lái)，融合了背景圖片切片技術(shù)，常給人以看起來(lái)較實(shí)際布局簡(jiǎn)潔得多的結(jié)構(gòu)。</p><p>結(jié)構(gòu)設(shè)計(jì)：這個(gè)時(shí)期的網(wǎng)頁(yè)設(shè)計(jì)還不太關(guān)注語(yǔ)義化和可用性方面的問(wèn)題，主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時(shí)期也是大量應(yīng)用 GIF 占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。第一批主要應(yīng)用表格布局的“所見(jiàn)即所得”網(wǎng)頁(yè)設(shè)計(jì)軟件的發(fā)展助長(zhǎng)了表格的應(yīng)用。另外，某些軟件自動(dòng)生成的表格如此復(fù)雜以至于許多設(shè)計(jì)師不可能從頭手寫(xiě)代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微復(fù)雜一點(diǎn)兒的網(wǎng)頁(yè)(比如多欄目頁(yè)面)，設(shè)計(jì)師們都要依賴于表格來(lái)創(chuàng)建。</p><p>三、網(wǎng)站結(jié)構(gòu)</p><p>網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁(yè)面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站的搜索引擎友好性及用戶體驗(yàn)有著非常重要的影響。</p><p>（一）網(wǎng)站結(jié)構(gòu)整體先用DIV和CSS來(lái)進(jìn)行構(gòu)造，對(duì)整個(gè)網(wǎng)站進(jìn)行布局，(二)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗(yàn)好壞的重要指標(biāo)之一。清晰的網(wǎng)站結(jié)</p><p>電子商務(wù)2班201341440213孫巖</p><p>構(gòu)可以幫助用戶快速獲取所需信息;相反，如果一個(gè)網(wǎng)站的結(jié)構(gòu)極其糟糕的話，用戶在訪問(wèn)時(shí)就猶如走進(jìn)了一座迷宮，最后只會(huì)選擇放棄瀏覽。</p><p>（三）網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對(duì)頁(yè)面的收錄，一個(gè)合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價(jià)值的頁(yè)面。</p><p>網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站及網(wǎng)站中頁(yè)面的影響。搜索引擎對(duì)重要頁(yè)面的抓取</p><p>由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶展示更多有價(jià)值的信息，搜索引擎會(huì)優(yōu)先抓取每個(gè)網(wǎng)站中相對(duì)重要的頁(yè)面(即權(quán)重較高的頁(yè)面),然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁(yè)面的呢?根據(jù)重要頁(yè)面的鏈接指向的頁(yè)面可能是重要頁(yè)面的思路;搜索引擎首先會(huì)從權(quán)重相對(duì)較高的頁(yè)面(即源頁(yè)面)出發(fā)跟蹤其中的鏈接，從而抓取其他相對(duì)重要的頁(yè)面(即目標(biāo)頁(yè)面)。</p><p>網(wǎng)頁(yè)設(shè)計(jì)的要素</p><p>四、應(yīng)用工具方案</p><p>DreamWeaver自制動(dòng)態(tài)HTML動(dòng)畫(huà)的網(wǎng)頁(yè)。</p><p>DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。</p><p>DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。</p><p>版面布局：在你開(kāi)始設(shè)計(jì)之前，你必須仔細(xì)地為站點(diǎn)挑選色彩組合。千萬(wàn)不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個(gè)站點(diǎn)保持同一種色彩組合，因?yàn)椴煌伾M合的背景或字體可能會(huì)是非常令人討厭的。你也可以選用一個(gè)背</p><p>電子商務(wù)2班201341440213孫巖</p><p>景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過(guò)模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會(huì)被瀏覽器重畫(huà)的，而背景色彩則是要被重新畫(huà)的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁(yè)的。當(dāng)增加文字時(shí)，盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當(dāng)網(wǎng)頁(yè)被瀏覽時(shí)，背景色和字體將會(huì)先于背景圖片被下載，因此，如果背景色和文本的顏色沒(méi)有鮮明的對(duì)照的話，那么瀏覽者會(huì)有幾秒鐘的時(shí)間看到一個(gè)充滿了不可閱讀的文本的網(wǎng)頁(yè)。解決這個(gè)問(wèn)題的簡(jiǎn)單的方法就是，使背景色與背景圖的顏色相類(lèi)似。</p><p>瀏覽導(dǎo)航：站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計(jì)成非常容易。如果需要，把站點(diǎn)分割為幾個(gè)部分。最容易的方法，就是在整個(gè)網(wǎng)站的所有的網(wǎng)頁(yè)的左邊放置一個(gè)菜單條。當(dāng)然，除此以外，還有許多可選的方法。對(duì)于具有大量信息的站點(diǎn)，使用一個(gè)可擴(kuò)展的菜單條會(huì)是一個(gè)不錯(cuò)的選擇。無(wú)論你使用何種導(dǎo)航模式，在每一頁(yè)都放置一個(gè)主頁(yè)鏈接，那會(huì)是一種不錯(cuò)的設(shè)計(jì)思想；瀏覽者必須知道，無(wú)論何時(shí)，當(dāng)他們迷失在你的站點(diǎn)瀏覽中時(shí)，都可以通過(guò)簡(jiǎn)單的一次點(diǎn)擊就能準(zhǔn)確地知道目前所處的位置。</p><p>Frame(幀,框架)的問(wèn)題：Frame—— 你也許會(huì)喜歡它，也許不喜歡。如果你在你的網(wǎng)站上使用幀，你很可能使一個(gè)幀用于導(dǎo)航目的，另一個(gè)幀用于放置內(nèi)容。你可以看見(jiàn)在同一頁(yè)上有兩個(gè)被分割的瀏覽窗口，你點(diǎn)擊左邊的幀，只會(huì)改變右邊的內(nèi)容。用幀來(lái)組織網(wǎng)站的內(nèi)容，顯然是非常容易的。</p><p>檢驗(yàn)?zāi)愕腍TML代碼 ：不要在你的網(wǎng)站上放置瀏覽計(jì)數(shù)器。計(jì)數(shù)器會(huì)讓你的網(wǎng)站看起來(lái)不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會(huì)起到相反的宣傳作用。最后，內(nèi)容是金，如果能給的瀏覽者一些有價(jià)值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點(diǎn)增加消息板和聊天室，從而提高網(wǎng)站的交互性，使你和你的訪問(wèn)者交流，讓訪問(wèn)者彼此交流。</p><p>五、頻道欄目劃分</p><p>圖1</p><p>電子商務(wù)2班201341440213孫巖</p><p>六、代碼段</p><p><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://1/DTD/xhtml1-transitional.dtd”> <html xmlns=“http://”> <head> <meta http-equiv=“Content-Type”</p><p>content=“text/html;charset=gb2312” /> <title>火影忍者</title> <link href=“css/style.css” rel=“stylesheet” type=“text/css” /> 
<div   id="iogcpiu"   class="sidebar">
<div   class="jrltz1k"   id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜歡</h3>
<ul class="new-list"><li><a href="/a15/201905154/af8ecc1299a7f9d3.html" title="電子政務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)驗(yàn)教案" target="_blank">電子政務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)驗(yàn)教案</a></li><li><a href="/a5/2019051223/c65e010ba8b44be3.html" title="網(wǎng)頁(yè)制作教案" target="_blank">網(wǎng)頁(yè)制作教案</a></li><li><a href="/a5/2019051223/0944f29844b4da3a.html" title="《網(wǎng)頁(yè)制作》教案范文" target="_blank">《網(wǎng)頁(yè)制作》教案范文</a></li><li><a href="/a5/201905130/f0b5bafafc388bd3.html" title="《網(wǎng)頁(yè)制作》教案（范文大全）" target="_blank">《網(wǎng)頁(yè)制作》教案（范文大全）</a></li><li><a href="/a5/2019051223/5c5766cd995d68ed.html" title="網(wǎng)頁(yè)制作教案" target="_blank">網(wǎng)頁(yè)制作教案</a></li><li><a href="/a5/201905130/84cb5012f197b7e3.html" title="網(wǎng)頁(yè)制作教案" target="_blank">網(wǎng)頁(yè)制作教案</a></li><li><a href="/a15/201905155/5b26d494693b4da2.html" title="網(wǎng)頁(yè)設(shè)計(jì)與制作教案免費(fèi)學(xué)技術(shù)改變生活" target="_blank">網(wǎng)頁(yè)設(shè)計(jì)與制作教案免費(fèi)學(xué)技術(shù)改變生活</a></li><li><a href="/a12/2019051323/d29b8e081411e8a0.html" title="《網(wǎng)頁(yè)設(shè)計(jì)與制作》習(xí)題集[推薦閱讀]" target="_blank">《網(wǎng)頁(yè)設(shè)計(jì)與制作》習(xí)題集[推薦閱讀]</a></li><li><a href="/a13/2019051422/ab6eced3b1381423.html" title="靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作畢業(yè)論文" target="_blank">靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作畢業(yè)論文</a></li><li><a href="/a2/201905127/260a34bb7fe42d9b.html" title="網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)室管理制度" target="_blank">網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)室管理制度</a></li></ul>    </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
  <div   id="d13hggk"   class="container">
    <div   id="3zpbd9j"   class="footer-top clearfix">
      <div   id="jha3iph"   class="copyr">
        <div   id="rtadpdn"   class="footer-menu clearfix mb10">
          <ul  class="footer-menu-con">
            <li><a href="/a1/">1號(hào)文庫(kù)</a></li><li><a href="/a2/">2號(hào)文庫(kù)</a></li><li><a href="/a3/">3號(hào)文庫(kù)</a></li><li><a href="/a4/">4號(hào)文庫(kù)</a></li><li><a href="/a5/">5號(hào)文庫(kù)</a></li><li><a href="/a6/">6號(hào)文庫(kù)</a></li><li><a href="/a7/">7號(hào)文庫(kù)</a></li><li><a href="/a8/">8號(hào)文庫(kù)</a></li><li><a href="/a9/">9號(hào)文庫(kù)</a></li><li><a href="/a10/">10號(hào)文庫(kù)</a></li><li><a href="/a11/">11號(hào)文庫(kù)</a></li><li><a href="/a12/">12號(hào)文庫(kù)</a></li><li><a href="/a13/">13號(hào)文庫(kù)</a></li><li><a href="/a14/">14號(hào)文庫(kù)</a></li><li><a href="/a15/">15號(hào)文庫(kù)</a></li>
  </ul>
        </div>
        <p>Copyright ? 2018 <a href="/">寫(xiě)寫(xiě)幫文庫(kù)</a> All Rights Reserved &nbsp;&nbsp;<a target="_blank"  rel="nofollow"> 浙ICP備11058632號(hào)</a>&nbsp;&nbsp;
</p> </div>
    </div>
  </div>
</section>
 
 
 
<div   id="3cfink3"   class="right_bar  hidden-xs ">
  <ul>
    <li id="rijfrwz"    class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
    <li id="fhbbwtr"    class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
      <div   id="ujar1jb"   class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div>
    </li>
    <li id="h43t4df"    class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&amp;Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點(diǎn)擊咨詢 </a> </li>
<li id="fogicks"    class="rtbar_li5"><a href="#1">第一篇</a></li>
<li id="iysayb3"    class="rtbar_li6"><a href="#2">第二篇</a></li>
<li id="e9s0pq9"    class="rtbar_li7"><a href="#3">第三篇</a></li>
<li id="si8p60z"    class="rtbar_li8"><a href="#4">第四篇</a></li>
<li id="jzlky7d"    class="rtbar_li9"><a href="#5">第五篇</a></li>
<li id="ecnbf9n"    class="rtbar_li10"><a href="#6">更  多</a></li>
<li id="hhs6fto"    class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
  </ul>
</div>

<footer>
<div class="friendship-link">
<a href="http://004km.cn/" title="&#x6B27;&#x7F8E;&#x8272;&#x6B27;&#x7F8E;&#x4E9A;&#x6D32;&#x9AD8;&#x6E05;&#x5728;&#x7EBF;&#x89C2;&#x770B;,&#x56FD;&#x4EA7;&#x7279;&#x9EC4;&#x7279;&#x8272;a&#x7EA7;&#x5728;&#x7EBF;&#x89C6;&#x9891;,&#x56FD;&#x4EA7;&#x4E00;&#x533A;&#x89C6;&#x9891;&#x4E00;&#x533A;&#x6B27;&#x7F8E;,&#x4E9A;&#x6D32;&#x6210;a &#x4EBA;&#x5728;&#x7EBF;&#x89C2;&#x770B;&#x4E2D;&#x6587;">&#x6B27;&#x7F8E;&#x8272;&#x6B27;&#x7F8E;&#x4E9A;&#x6D32;&#x9AD8;&#x6E05;&#x5728;&#x7EBF;&#x89C2;&#x770B;,&#x56FD;&#x4EA7;&#x7279;&#x9EC4;&#x7279;&#x8272;a&#x7EA7;&#x5728;&#x7EBF;&#x89C6;&#x9891;,&#x56FD;&#x4EA7;&#x4E00;&#x533A;&#x89C6;&#x9891;&#x4E00;&#x533A;&#x6B27;&#x7F8E;,&#x4E9A;&#x6D32;&#x6210;a &#x4EBA;&#x5728;&#x7EBF;&#x89C2;&#x770B;&#x4E2D;&#x6587;</a>

<div style="position:fixed;left:-9000px;top:-9000px;"><abbr id="fwlom"><wbr id="fwlom"></wbr></abbr><nav id="fwlom"><thead id="fwlom"></thead></nav><ul id="fwlom"></ul><blockquote id="fwlom"></blockquote><address id="fwlom"><wbr id="fwlom"><ruby id="fwlom"><pre id="fwlom"></pre></ruby></wbr></address><ul id="fwlom"></ul><center id="fwlom"><dl id="fwlom"><optgroup id="fwlom"></optgroup></dl></center><ins id="fwlom"></ins><optgroup id="fwlom"><sub id="fwlom"></sub></optgroup><abbr id="fwlom"></abbr><sup id="fwlom"></sup><pre id="fwlom"></pre><table id="fwlom"></table><pre id="fwlom"><delect id="fwlom"></delect></pre><strong id="fwlom"><tr id="fwlom"><address id="fwlom"></address></tr></strong><wbr id="fwlom"><abbr id="fwlom"><sub id="fwlom"><strong id="fwlom"></strong></sub></abbr></wbr><strong id="fwlom"></strong><acronym id="fwlom"><th id="fwlom"><track id="fwlom"></track></th></acronym><dfn id="fwlom"></dfn><optgroup id="fwlom"><xmp id="fwlom"></xmp></optgroup><font id="fwlom"></font><thead id="fwlom"><ol id="fwlom"></ol></thead><i id="fwlom"></i><output id="fwlom"><fieldset id="fwlom"></fieldset></output><mark id="fwlom"></mark><label id="fwlom"><samp id="fwlom"></samp></label><cite id="fwlom"></cite><output id="fwlom"><th id="fwlom"></th></output><optgroup id="fwlom"></optgroup><menuitem id="fwlom"><cite id="fwlom"><big id="fwlom"></big></cite></menuitem><label id="fwlom"></label><code id="fwlom"><ins id="fwlom"><p id="fwlom"><blockquote id="fwlom"></blockquote></p></ins></code><thead id="fwlom"></thead><big id="fwlom"><tbody id="fwlom"></tbody></big><dl id="fwlom"></dl><li id="fwlom"><big id="fwlom"><style id="fwlom"></style></big></li><xmp id="fwlom"><ul id="fwlom"></ul></xmp><optgroup id="fwlom"></optgroup><strike id="fwlom"><progress id="fwlom"><pre id="fwlom"></pre></progress></strike><dfn id="fwlom"><cite id="fwlom"><kbd id="fwlom"></kbd></cite></dfn><pre id="fwlom"></pre><strong id="fwlom"><acronym id="fwlom"><th id="fwlom"></th></acronym></strong><mark id="fwlom"></mark><label id="fwlom"><video id="fwlom"></video></label><pre id="fwlom"><strong id="fwlom"><xmp id="fwlom"></xmp></strong></pre><center id="fwlom"></center><input id="fwlom"><wbr id="fwlom"></wbr></input><p id="fwlom"><abbr id="fwlom"><style id="fwlom"></style></abbr></p><menuitem id="fwlom"></menuitem><blockquote id="fwlom"><input id="fwlom"><form id="fwlom"></form></input></blockquote>
<big id="fwlom"><kbd id="fwlom"></kbd></big><optgroup id="fwlom"><xmp id="fwlom"><object id="fwlom"></object></xmp></optgroup><rt id="fwlom"></rt><button id="fwlom"></button><b id="fwlom"></b><legend id="fwlom"></legend><thead id="fwlom"><optgroup id="fwlom"></optgroup></thead><legend id="fwlom"><tr id="fwlom"><td id="fwlom"></td></tr></legend><strong id="fwlom"><acronym id="fwlom"><th id="fwlom"></th></acronym></strong><pre id="fwlom"></pre><dfn id="fwlom"></dfn><nav id="fwlom"><center id="fwlom"><em id="fwlom"></em></center></nav><output id="fwlom"></output><style id="fwlom"></style><big id="fwlom"></big><sub id="fwlom"></sub><track id="fwlom"><strong id="fwlom"><output id="fwlom"><label id="fwlom"></label></output></strong></track><tr id="fwlom"></tr><dfn id="fwlom"><ol id="fwlom"><video id="fwlom"></video></ol></dfn><th id="fwlom"></th><blockquote id="fwlom"></blockquote><object id="fwlom"></object><p id="fwlom"></p><noframes id="fwlom"><span id="fwlom"></span><dfn id="fwlom"></dfn>
      

        <object id="fwlom"></object>