《網頁設計與制作（活頁式）》 課件 項目1 網頁設計與制作_第1頁
《網頁設計與制作（活頁式）》 課件 項目1 網頁設計與制作_第2頁
《網頁設計與制作（活頁式）》 課件 項目1 網頁設計與制作_第3頁
《網頁設計與制作（活頁式）》 課件 項目1 網頁設計與制作_第4頁
《網頁設計與制作（活頁式）》 課件 項目1 網頁設計與制作_第5頁
已閱讀5頁，還剩21頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

網頁設計與制作項目一

網頁基礎N

知識目標了解網頁基礎知識熟悉網頁設計語言掌握網頁制作工具的使用方法1.1.1認識網頁與網站任務1.1〓信息與信息技術網頁的概念：

網頁是Internet中基本的信息單位，是由超文本標記語言（HyperTextMarkupLanguage，HTML）或者其他語言編寫的。中國知網：/1.1.1認識網頁與網站任務1.1〓信息與信息技術網站概念：網站是一個或多個網頁的集合。網站是指通過瀏覽器在Internet上訪問的頁面。網站可以用于發布自己想要公開的信息，也可以用于提供相關的網絡服務，同樣可以獲取自己需要的信息或者享受網絡服務。網站設計者先將整個網站結構規劃好，然后分別制作各個網頁，大多數網站都會為瀏覽者提供一個主頁，最后將其他網頁與主頁鏈接起來。中國大學MOOC：/1.1.1認識網頁與網站任務1.1〓信息與信息技術序號特點含義1圖形化的界面網頁能同時顯示色彩豐富的圖形和文本，可以提供將圖形、音頻和視頻等集于一體的信息資源。2兼容的系統平臺網頁可以兼容多個系統平臺，如Windows、UNIX、Macintosh、Android等，系統平臺不影響用戶通過Internet訪問網頁。3交互式的操作在用戶向Web提出請求后，Web會提供用戶需要的信息。4分布式的存儲在網絡中有大量的圖形、音頻和視頻信息，這會占用相當大的磁盤空間，不可能將所有的信息都存儲在一起，只能將其存放在不同的站點中。服務器會根據查詢的情況選擇需要讀取的信息。網頁的特點5信息的時效性Web站點上的信息是動態的、經常更新的，一般信息站點都會保證信息的時效性。1.1.1認識網頁與網站任務1.1〓信息與信息技術網站分類：

網站有很多不同的分類方法，例如，按照其使用的技術可分為靜態網站和動態網站；按照網站的性質可以分為企業網站、政府網站、教育網站和個人網站；按照網站的作用可以分為搜索引擎網站、社區論壇網站、在線翻譯網站、軟件下載網站和音樂欣賞網站等。

直觀的網站分類方法是按網站的主題進行分類。主題是網站的題材，它決定網站的內容，體現網站代表的形象。一般常見的題材有公司企業、休閑娛樂、教育培訓、電腦網絡、文化藝術、交通旅游等，而每一個題材又可以繼續劃分。1.1.1認識網頁與網站任務1.1〓信息與信息技術序號特征含義1網頁相互鏈接網站是由多個網頁相互鏈接組成的，建設網站就是制作網頁。在所有的網頁中，網站的主頁是整個網站中最重要的。2網站標志任何網站都有自己的網站標志，而且都力求自己的網站標志與眾不同，一個好的網站標志通常具有朗朗上口的名字和醒目的圖形特征。3風格統一網站雖然有很多網頁，但是作為一個整體來講，它必須有一個統一的風格。主頁是網站重要的網頁，它的風格往往決定了整個網站的風格。4網頁導航網頁導航是一個網站非常重要的組成部分，也是衡量一個網站是否優秀的主要標準。便捷的網頁導航能夠幫助用戶以較快的速度找到自己需要的網頁。網頁導航常用的實現方法是導航條。網站的特征1.1.1認識網頁與網站任務1.1〓信息與信息技術序號特征含義5分層的欄目組織網站的層次型組織方法是將網站的內容分成若干個大欄目，再將大欄目分成若干個小欄目，小欄目還可以分成若干個更小的欄目。6切合主題的內容任何網站都有自己的網站標志，而且都力求自己的網站標志與眾不同，一個好的網站標志通常具有朗朗上口的名字和醒目的圖形特征。7網站交互欄目網站是一個開放的環境，除發布信息外，還有一個非常重要的功能就是收集用戶的信息，與用戶進行交互，如賬號注冊、電子郵件、留言板、信息查詢等。8域名在Internet上發布的任何網站都有自己的域名，如中國知網的域名為“/”。網站的特征1.1.2網頁的組成元素任務1.1〓信息與信息技術網頁的組成元素含義文本文本是指網頁中敘述性的文字。圖像圖像是指網頁中插入的具有說明性的圖片。GIF、JPEG、BMP、TIFF和PNG等格式的圖像文件動畫在網頁中使用的動畫主要有GIF和Flash兩種方式音頻網絡的音頻文件格式很多，常用的有MP3、MIDI、WAV等視頻常見的視頻文件格式有MP4和FLV新華網：/index.htm1.1.3靜態網頁和動態網頁任務1.1〓信息與信息技術靜態網頁：

靜態網頁使用HTML語言，每個網頁都有一個固定的URL（UniformResourceLocators，統一資源定位符），以.htm、.html、.shtml等常見形式為后綴。靜態網頁中包含文本、圖像、動畫、音頻、視頻等網頁元素。靜態網頁的交互性較差，在功能方面有較大的限制。靜態網頁可以出現各種動態的效果，如GIF格式的動畫、Flash、滾動字幕等，這些“動態效果”只是視覺上的，與下面將要介紹的動態網頁是不同的概念。1.1.3靜態網頁和動態網頁任務1.1〓信息與信息技術動態網頁：

動態網頁是指與靜態網頁相對的一種網頁技術，以.aspx、.asp、.jsp、.php、.pert、.cgi等形式為后綴。動態網頁的顯示內容可以隨著時間、環境或者數據庫操作的結果而發生改變，也可以與后臺數據庫交互，實現用戶注冊、登錄、聊天、留言等功能。動態網頁具有以下特征交互性自動更新針對性任務1.2〓網頁設計語言HTML簡介HTML編輯環境文檔結構HTML稱為超文本標記語言。超文本指頁面內可以包含圖片、鏈接、音樂、視頻等非文字的元素。標記語言主要由標簽屬性、標簽以及元素構成，網頁中包含的對象是由相應HTML標簽指示出來的。HTML不像其他語言一樣被編譯為指令，它只提供一些語法標簽，后由瀏覽器編譯生成相應的頁面。HTML代碼既可以在記事本中編寫，也可以在其他任何文本編輯器中編寫，但在保存時要保存為.html或.htm格式。HTML寫成的網頁文件只有通過瀏覽器才能進行解析。HTML文檔是由一系列的元素和標簽組成的。元素名不區分大小寫。HTML用標簽來規定元素的屬性和它在文件中的位置，標簽用“<標簽名字屬性>”來表示，標簽以“<>”開始，以“</>”結束。HTML文檔分為<head>（文檔頭）和<body>（文檔體）兩部分，在文檔頭中對文檔進行了一些必要的定義，文檔體中是要顯示的各種文檔信息。任務1.2〓網頁設計語言實例1HTML文檔代碼運行結果：代碼：任務1.2〓網頁設計語言<html></html>在文檔的外層，文檔中的所有文本和標簽都包含其中，它表示該文檔是以HTML編寫的。<head></head>是HTML文檔的頭部標簽，在瀏覽器窗口中，頭部信息是不被顯示在正文中的。在此標簽中可以插入其他標簽，用以說明文件的標題和整個文件的一些公共屬性。<title>和</title>是嵌套在<head>標簽中的，標簽之間的文本是文檔標題，這些文本作為瀏覽器窗口的標題欄內容被顯示。<body></body>標簽之間的文本是正文，正文中的內容作為網頁內容顯示在瀏覽器中。以上標簽在文檔中都是唯一的，<head>標簽和<body>標簽是嵌套在<html>標簽中的。解釋任務1.3〓網頁制作工具1.3.1網頁設計工具任務1.3〓網頁制作工具DreamweaverSublimeTextEditPlus任務1.3〓網頁制作工具任務1.3〓網頁制作工具PhotoshopMockplusIllustrator1.3.2網頁美化工具任務1.3〓網頁制作工具任務1.3〓網頁制作工具工作界面1.3.3

Dreamweaver工作環境任務1.3〓網頁制作工具任務1.3〓網頁制作工具代碼視圖1.3.3Dreamweaver工作環境設計視圖拆分視圖任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟1：打開軟件1.3.4Dreamweaver基本操作實例2新建和保存空白頁任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟2：新建文檔1.3.4Dreamweaver基本操作任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟3：保存網頁1.3.4Dreamweaver基本操作任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟1：設置默認瀏覽器1.3.4Dreamweaver基本操作實例3設置默認瀏覽器及瀏覽網頁任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟2：打開網頁1.3.4Dreamweaver基本操作任務1.3〓網頁制作工具任務1.3〓網頁制作工具步驟3保存并預覽網頁1.3.4Dreamweaver基本操作項目小結本項目主要介紹了網頁的基礎知識,具體內容如下。網頁基礎知識:介紹了網頁與網站的概念、

溫馨提示

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

評論

0/150

提交評論