成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

網(wǎng)頁設(shè)計

情境一 Internet 基礎(chǔ)與應(yīng)用任務(wù)一 Internet 概述一、Internet 概念I(lǐng)nternet 是一個全球性的計算機(jī)互聯(lián)網(wǎng)絡(luò),它是將不同地區(qū)且規(guī)模大小不一的網(wǎng)絡(luò)互相連接而成。Intern

情境一 Internet 基礎(chǔ)與應(yīng)用

任務(wù)一 Internet 概述

一、Internet 概念

Internet 是一個全球性的計算機(jī)互聯(lián)網(wǎng)絡(luò),它是將不同地區(qū)且規(guī)模大小不一的網(wǎng)絡(luò)互相連接而成。

Internet 的功能

● 信息的獲取與發(fā)布

● 電子郵件(E-mail )

● 網(wǎng)上交際

● 電子商務(wù)

● 網(wǎng)絡(luò)電話

● 網(wǎng)上事務(wù)處理

● Internet 的其它應(yīng)用

二、WWW 概念

WWW(World Wide Web)譯為萬維網(wǎng),簡稱Web ,平??陬^都讀3W ,是Internet 上最重要的資源。它是由Internet 上的信息服務(wù)器連成的網(wǎng)絡(luò),是目前Internet 上發(fā)展最快和應(yīng)用最廣泛的服務(wù)。

1. 超文本傳輸協(xié)議(HTTP )

HTTP(超文本傳輸協(xié)議) 是用于將超文本從WWW 服務(wù)器傳輸?shù)奖镜貫g覽器的傳送協(xié)議。 通信協(xié)議是構(gòu)成計算機(jī)網(wǎng)絡(luò)的基本要素之一。通信協(xié)議是網(wǎng)絡(luò)上各個PC 機(jī)之間溝通的“語言”,有了協(xié)議之后,網(wǎng)絡(luò)上的計算機(jī)才有可能互聯(lián)。

2. 統(tǒng)一資源定位器(URL )

Web 中用URL(統(tǒng)一資源定位器) 作為標(biāo)識文檔及其他資源的全球地址。URL 好比門牌號碼,它可以幫助用戶在Internet 定位所需要的資料。

URL 的一般形式為:

應(yīng)用協(xié)議類型://被訪問的服務(wù)器的域名或IP 地址/路徑名/…/文件名

冒號左邊是說明URL 的訪問方式。如:

ftp :文件傳輸協(xié)議

,

三、TCP/IP概念

TCP/IP(傳輸控制協(xié)議/互聯(lián)網(wǎng)絡(luò)協(xié)議)是一種網(wǎng)絡(luò)通信協(xié)議,它規(guī)范了網(wǎng)絡(luò)上的所有通信設(shè)備,尤其是一個主機(jī)與另一個主機(jī)之間的數(shù)據(jù)往來格式以及傳送方式。TCP/IP是Internet 的基礎(chǔ)協(xié)議,是由底層的IP 協(xié)議和TCP 協(xié)議組成的,也是一種電腦數(shù)據(jù)打包和尋址的標(biāo)準(zhǔn)方法。在數(shù)據(jù)傳送中,可以形象地理解為有兩個信封,TCP 和IP 就像是信封,要傳遞的信息被劃分成若干段,每一段塞入一個TCP 信封,并在該信封面上記錄有分段號的信息,再將TCP 信封塞入IP 大信封,發(fā)送上網(wǎng)。在接收端,一個TCP 軟件包收集信封,抽出數(shù)據(jù),按發(fā)送前的順序還原,并加以檢驗,若發(fā)現(xiàn)錯誤,TCP 將會要求重發(fā)。

四、IP 地址概念

在TCP/IP網(wǎng)絡(luò)中,每個主機(jī)都有唯一的地址,它是通過IP 協(xié)議來實現(xiàn)的。IP 協(xié)議要求在每次與TCP/IP網(wǎng)絡(luò)建立連接時,每臺主機(jī)都必須為這個連接分配一個唯一的32位地址,因為在這個32位IP 地址中,不但可以用來識別某一臺主機(jī),而且還隱含著網(wǎng)際間的路徑信息。IP 地址一般以4個字節(jié)表示,每個字節(jié)又用十進(jìn)制表示,范圍是0~255,每個數(shù)字之間用點隔開,如192.168.101.5。

IP 地址的結(jié)構(gòu):

先按IP 地址中的網(wǎng)絡(luò)標(biāo)示號找到相應(yīng)的網(wǎng)絡(luò),再在這個網(wǎng)絡(luò)上利用主機(jī)ID 找到相應(yīng)的主機(jī)。

五、域名系統(tǒng)

IP 地址是以數(shù)字來代表的主機(jī)地址,比較難記,為了使用和記憶方便,也為了便于網(wǎng)絡(luò)地址的分層管理和分配,Internet 采用了域名管理系統(tǒng),結(jié)構(gòu)為:

主機(jī)名. 機(jī)構(gòu)名. 網(wǎng)絡(luò)名. 最高層域名

IP 地址和域名的關(guān)系就像每個人的身份證號和自己的名字,是一一對應(yīng)的,當(dāng)輸入一個域名地址時,域名服務(wù)器(DNS )就會搜索其對應(yīng)的IP 地址,然后訪問到該地址所表示的站點。

任務(wù)二 網(wǎng)上自我保護(hù)常識

一、使用密碼時

1. 盡量避免使用有意義的英文單詞、姓名縮寫以及生日、電話號碼等容易泄露的字符作為密碼,最好采用字符與數(shù)字混合的密碼。

,

2. 在不同的場合使用不同的密碼。

3. 不要貪圖方便在撥號連接時選擇“保存”密碼。

4. 定期地修改自己的上網(wǎng)密碼,至少一個月更改一次。

二、使用電子郵件時

應(yīng)申請多個免費郵箱,對于不同的用途,分門別類地使用不同的郵箱。

三、下載時

1. 不下載來路不明的軟件及程序。

2. 不要打開來歷不明的電子郵件及其附件,以免遭病毒郵件的侵害。

四、安裝防火墻

如有條件,應(yīng)安裝防火墻以抵御黑客的襲擊。

情境二 網(wǎng)頁設(shè)計與制作概述

任務(wù)一 網(wǎng)頁設(shè)計與制作初識

,

一、網(wǎng)站的組成元素

整體CIS :網(wǎng)站以何種統(tǒng)一規(guī)范的視覺形象展現(xiàn)給用戶。

文件系統(tǒng)

導(dǎo)航系統(tǒng):便于用戶瀏覽網(wǎng)站信息、獲取網(wǎng)站服務(wù),并且在瀏覽過程中不至于迷失,

在發(fā)現(xiàn)問題時可以及時找到在線幫助的所有形式。

技術(shù)模型:網(wǎng)站在開發(fā)過程中實施的技術(shù)組合方案。如網(wǎng)站的界面設(shè)計工具一般采用

Dreamweaver 、FrontPage 或Golive 結(jié)合Flash 、PhotoshopIllustrator或

Fireworks 等。

服務(wù)及體貼模型

項目化管理機(jī)制

網(wǎng)站的技術(shù)規(guī)范及其相關(guān)文案

二、網(wǎng)站與網(wǎng)頁的關(guān)系

多個網(wǎng)頁組合在一起便形成了一個網(wǎng)站。簡單地說,多個網(wǎng)頁通過超鏈接構(gòu)成了整個網(wǎng)站。

三、基于Web 的客戶端與服務(wù)器端

基于Web 的客戶端是指用戶或瀏覽器端,即網(wǎng)站所在的Web 服務(wù)器反饋給用戶的網(wǎng)頁信息。

基于Web 的服務(wù)器端是指網(wǎng)站文件所存放的Web 服務(wù)器。

四、基于Web 的人機(jī)交互

基于Web 的人機(jī)交互是指客戶端的用戶與Web 服務(wù)器端的應(yīng)用程序之間的人機(jī)對話,即當(dāng)用戶向Web 服務(wù)器端的應(yīng)用程序發(fā)出HTTP 請求時,Web 服務(wù)器端的應(yīng)用程序?qū)τ脩舻恼埱螽a(chǎn)生響應(yīng)并反饋給用戶相應(yīng)的結(jié)果頁面。

,

任務(wù)二 網(wǎng)站開發(fā)的技術(shù)層面及工具

網(wǎng)站開發(fā)的技術(shù)層面是指網(wǎng)站開發(fā)過程中的開發(fā)模塊。

網(wǎng)站的整體CIS 設(shè)計、

內(nèi)容 網(wǎng)站主要頁面的版式設(shè)計

網(wǎng)頁中的文字、圖像與多媒體等對象的設(shè)計

:Photoshop 、Illustrator 、

工具 Golive 和LiveMotion

Adobe Studio:Dreamveaver、Flash 、Fireworks 和FreeHand 。

服務(wù)器端數(shù)據(jù)庫開發(fā)

網(wǎng)站的測試:

網(wǎng)站的發(fā)布、維護(hù)與更新

任務(wù)三 網(wǎng)站的分類與精品網(wǎng)站賞析

網(wǎng)站分類一般的原則是網(wǎng)站的相對規(guī)模與主體功能。

綜合門戶類網(wǎng)站:在某個特定的行政區(qū)域內(nèi)具有絕對的規(guī)模優(yōu)勢,同時具有相對穩(wěn)定和龐大

,

的服務(wù)受眾群。如新浪網(wǎng)等。

垂直門戶類網(wǎng)站:在某個行業(yè)中具有絕對的規(guī)模優(yōu)勢,同時其主體業(yè)務(wù)在本行業(yè)中處于絕對

的領(lǐng)先地位,或者在某個特定的技術(shù)領(lǐng)域具有絕對的技術(shù)權(quán)威,并同時具

有相對較大的規(guī)模。專業(yè)程度必須很高,或者說網(wǎng)站的服務(wù)內(nèi)容相對比較

單一。如當(dāng)當(dāng)網(wǎng)上書店。

藝術(shù)類網(wǎng)站:網(wǎng)站提供的內(nèi)容藝術(shù)氛圍比較濃,同時網(wǎng)站的主體受眾群一般均具有一定的藝

術(shù)素養(yǎng)。如中國藝術(shù)家協(xié)會網(wǎng)站。

個人網(wǎng)站:一些具有某項特長或為了充分展現(xiàn)自我的人群自主開發(fā)的網(wǎng)站,個性十分鮮明。

情境三 Dreamweaver CS 3

任務(wù)一 Dreamweaver CS 3初識

一、運行Dreamweaver CS 3

開始—程序—Adobe Dreamweaver CS 3

二、熟悉Dreamweaver CS 3工作區(qū)

任務(wù)二Dreamweaver CS 3基本操作

一、創(chuàng)建本地站點

本地站點是網(wǎng)站所有文件在本地計算機(jī)上的存放位置。

文件面板—管理站點—新建—站點

二、站點的導(dǎo)入、導(dǎo)出

站點—管理站點導(dǎo)入

導(dǎo)出

三、創(chuàng)建網(wǎng)頁

站點管理窗口—右擊要創(chuàng)建網(wǎng)頁的文件夾—新建文檔

,

四、設(shè)置頁面屬性

修改—頁面屬性

五、創(chuàng)建超級鏈接

1、 文件鏈接:;鏈接到其他文檔或文件。窗口—屬性—鏈接

2、 錨記鏈接:跳轉(zhuǎn)至統(tǒng)一文件或不同文件內(nèi)的特定位置。

單擊創(chuàng)建位置—插入面板—常用—命名錨記—選擇創(chuàng)建錨記的文本或

圖像—屬性面板—鏈接

3、 E-Mail 鏈接:新建一個已填好收件人E-Mail 地址的空白電子郵件。

插入面板—常用—電子郵件鏈接

4、 空鏈接:未指派的鏈接,用于向頁面上的對象或文本附加行為。

選擇要鏈接的對象—屬性面板—鏈接中輸入#

任務(wù)三 文本的輸入與編輯

一、 輸入文本

1、 直接輸入文本

2、 選擇性粘貼

二、使用CSS 樣式格式化文本

CSS 是一組格式設(shè)置規(guī)則,通過使用CSS 樣式設(shè)置頁面的格式,可將頁面的內(nèi)容與表示形式分離開。頁面內(nèi)容存放在HTML 文件中,而CSS 規(guī)則存放在外部樣式表中。

1、 創(chuàng)建CSS 樣式

選擇文本—CSS 屬性面板中右擊—新建

2、 設(shè)置CSS 屬性

雙擊CSS 樣式

3、 應(yīng)用CSS 樣式

選擇文本范圍—CSS 樣式面板中右擊CSS 樣式—套用

附加樣式表

任務(wù)四 圖像的插入與編輯

一、 插入圖像

“插入”面板“常用”—“圖像”按鈕—圖像

,

二、設(shè)置圖像屬性

使用“屬性”面板

三、編輯圖像

使用“屬性”面板

1、優(yōu)化圖像

2、裁剪圖像

3、重新取樣

4、調(diào)整圖像的亮度和對比度

5、銳化圖像

四、創(chuàng)建鼠標(biāo)經(jīng)過圖像

“插入”面板“常用”—“圖像”按鈕—鼠標(biāo)經(jīng)過圖像

任務(wù)五 表格的制作與使用

一、制作表格

1、插入表格

“插入”面板“常用”—“表格”按鈕

2、編輯表格

1、)選擇表格

單擊表格邊框線

2、)調(diào)整表格大小 “屬性”面板 鼠標(biāo)拖動

3、)添加行或列

定位—修改—表格—插入行

插入列

4、)刪除行或列

刪除行

刪除列

選擇行或列—Delete

5、)拆分單元格

,

定位—修改—表格—拆分單元格 “屬性”面板—拆分單元格

6、)合并單元格

選擇單元格—修改—表格—合并單元格

7、)剪切或復(fù)制單元格

剪切

拷貝

8、)粘貼單元格

選定單元格—編輯—粘貼

9、)刪除單元格內(nèi)容

選定單元格—編輯—清除

3、 設(shè)置表格屬性

使用“屬性”面板

二、用表格布局頁面

1、熟練使用表格嵌套和單元格的拆分與合并

2、表格邊框必須設(shè)置為0。

任務(wù)六 AP Div元素的使用

AP 元素,即絕對定位元素,是分配有絕對位置的任何HTML 頁面元素。

一、AP Div元素的創(chuàng)建和使用

1、插入AP Div元素

插入面板—布局—繪制AP Div元素

2、插入嵌套AP Div元素

1、)繪制嵌套AP Div元素

編輯—首選參數(shù)—AP 元素—選中嵌套復(fù)選框

2、)嵌套現(xiàn)有AP Div元素

窗口—AP 元素—Ctrl 鼠標(biāo)拖動

3、設(shè)置AP Div元素屬性

,

屬性面板

二、AP Div元素的基本操作

1、選擇AP Div元素 鼠標(biāo)單擊

AP

元素面板

2、更改AP Div元素的堆疊順序

屬性面板

AP 元素面板

3、顯示和隱藏AP Div元素

屬性面板

AP 元素面板

4、 調(diào)整AP Div元素的大小

鼠標(biāo)拖動

屬性面板

5、 移動AP Div元素

鼠標(biāo)拖動

鍵盤光標(biāo)鍵

三、AP Div元素與表格的相互轉(zhuǎn)換

將AP Div轉(zhuǎn)換為表格

將表格轉(zhuǎn)換為AP Div

任務(wù)7 網(wǎng)頁布局

框架:框架不是文件,只是存放文件的容器,是將一個瀏覽器窗口劃分為多個區(qū)域,每個區(qū)

域都可以顯示不同的HTML 文件,它們的操作是獨立的。

框架集:框架的集合,是HTML 文件,定義一組框架的布局和屬性。

10

標(biāo)簽: