第一章計(jì)算機(jī)基礎(chǔ)知識(shí)_第1頁
第一章計(jì)算機(jī)基礎(chǔ)知識(shí)_第2頁
第一章計(jì)算機(jī)基礎(chǔ)知識(shí)_第3頁
第一章計(jì)算機(jī)基礎(chǔ)知識(shí)_第4頁
免費(fèi)預(yù)覽已結(jié)束，剩余94頁可下載查看

下載本文檔

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

文檔簡(jiǎn)介

計(jì)算機(jī)基礎(chǔ)及網(wǎng)頁設(shè)計(jì)計(jì)算機(jī)教研室第一章計(jì)算機(jī)基礎(chǔ)知識(shí)1.1計(jì)算機(jī)概述1.2中文Windows2000操作系統(tǒng)1.4計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)1.1計(jì)算機(jī)概述1.1.1計(jì)算機(jī)的發(fā)展1.1.2計(jì)算機(jī)信息編碼形式1.1.3計(jì)算機(jī)硬件系統(tǒng)組成1.1.4計(jì)算機(jī)軟件系統(tǒng)組成1.1.1計(jì)算機(jī)的發(fā)展一、計(jì)算機(jī)的產(chǎn)生世界上第一臺(tái)電子數(shù)字積分計(jì)算機(jī)：

名稱：埃尼阿克ENIAC

(ElectronicNumericalIntegratorandComputer)

時(shí)間：1946年2月

地點(diǎn)：美國(guó)賓夕法尼亞大學(xué)第一臺(tái)計(jì)算機(jī)圖片：第一臺(tái)計(jì)算機(jī)圖片：1.1.1計(jì)算機(jī)的發(fā)展計(jì)算機(jī)發(fā)展歷經(jīng)四代：第一代（1946-1958）電子管計(jì)算機(jī)第二代（1958-1964）晶體管計(jì)算機(jī)第三代（1964-1970）集成電路（IC）計(jì)算機(jī)第四代（1971-至今）大規(guī)模集成電路計(jì)算機(jī)電子管vacuumtube1、真空的，體積龐大2、使用壽命短1.1.2計(jì)算機(jī)的編碼形式采用二進(jìn)制碼的原因：1、物理上容易實(shí)現(xiàn)2、編碼、計(jì)數(shù)、加減運(yùn)算規(guī)則簡(jiǎn)單3、為了書寫和表示方便，引進(jìn)八進(jìn)制和十六進(jìn)制二進(jìn)制計(jì)數(shù)特點(diǎn)1、只有兩個(gè)基數(shù)：0和12、逢“二”進(jìn)一二進(jìn)制計(jì)數(shù)運(yùn)算規(guī)則加法：0+0=00+1=11+0=11+1=10減法：0-0=01-0=11-1=010-1=1二進(jìn)制計(jì)數(shù)運(yùn)算規(guī)則乘法：除法：0×0=00×1=11×0=11×1=1商數(shù)非0即1四種常用進(jìn)位計(jì)數(shù)制計(jì)數(shù)制基數(shù)數(shù)碼進(jìn)位規(guī)則十進(jìn)制100123456789逢十進(jìn)一二進(jìn)制201逢二進(jìn)一八進(jìn)制801234567逢八進(jìn)一十六進(jìn)制160123456789ABCDEF逢十六進(jìn)一二進(jìn)制、八進(jìn)制、十六進(jìn)制對(duì)照二八

二十六二十六00000011010201131004101511061117000000001100102001130100401015011060111710008100191010A1011B1100C1101D1110E1111F1.4計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)網(wǎng)絡(luò)：將分布在不同地理位置且具有獨(dú)立功能的計(jì)算機(jī)及輔助設(shè)備，通過通信設(shè)備和傳輸線路連接起來，由功能完善的網(wǎng)絡(luò)軟件（網(wǎng)絡(luò)協(xié)議、信息交換方式、控制程序和網(wǎng)絡(luò)操作系統(tǒng)）實(shí)現(xiàn)網(wǎng)絡(luò)資源共享的系統(tǒng)稱為計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng)。計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展1）面向終端的計(jì)算機(jī)通信網(wǎng)絡(luò)2）以共享資源為目標(biāo)的計(jì)算機(jī)網(wǎng)絡(luò)3）標(biāo)準(zhǔn)化網(wǎng)絡(luò)開放系統(tǒng)互聯(lián)參考模型

OSI/RM4）因特網(wǎng)

Internet資源與典型服務(wù)特殊IP地址1）回送地址為本地回送地址，用于測(cè)試本機(jī)安裝協(xié)議的正確性。

2）直接廣播地址3）有線廣播地址4）全“0”地址5）“0”地址域名域名：主機(jī)的名字。域名結(jié)構(gòu)：主機(jī)名．機(jī)構(gòu)名．次高域名．最高域名

注意：計(jì)算機(jī)處理的還是IP地址。因此，在Internet上需要有一個(gè)完成IP地址和域名的轉(zhuǎn)換的設(shè)備、這個(gè)設(shè)備就是域名服務(wù)器（DNS）。

統(tǒng)一資源定位標(biāo)識(shí)

統(tǒng)一資源定位標(biāo)識(shí)（UniformResourceLocator，URL）為了引用資源，在WWW上，每一信息資源都有統(tǒng)一且唯一的地址，該地址稱為URL。URL基本格式：<資源類型>：//<存放資源的主機(jī)域名>/<資源文件名>

http:///index.html

IPv6簡(jiǎn)介IPv4局限性及其缺點(diǎn)1）地址空間的局限性2）安全性問題3）結(jié)點(diǎn)配置比較復(fù)雜IPv6對(duì)IPv4的改進(jìn)1）擴(kuò)展地址2）其他方面

第三章HTML簡(jiǎn)介HTML：超文本標(biāo)記語言，它采用HTML標(biāo)記來標(biāo)注文本、圖像、鏈接等網(wǎng)頁元素，形成網(wǎng)頁。編輯環(huán)境

：文本文檔（如Windows記事本）、FrontPage、Dreamweaver等第三章HTML簡(jiǎn)介HTML：超文本標(biāo)記語言，它采用HTML標(biāo)記來標(biāo)注文本、圖像、鏈接等網(wǎng)頁元素，形成網(wǎng)頁。編輯環(huán)境

：文本文檔（如Windows記事本）、FrontPage、Dreamweaver等3.1.1接觸HTML3.1.2HTML相關(guān)概念一、標(biāo)記標(biāo)記是HTML用于描述功能的符號(hào)，它用來標(biāo)識(shí)文檔的結(jié)構(gòu)以及鏈接信息。標(biāo)記在使用時(shí)，要用<>括起來。二、標(biāo)記的分類1．單標(biāo)記：只需單獨(dú)使用就能完整表達(dá)意思的標(biāo)記。格式：<標(biāo)記名

[屬性]>例如：<BR><HRsize="3"align="LEFT"width="75%">3.1.2HTML相關(guān)概念2．雙標(biāo)記：必須首標(biāo)記與尾標(biāo)記成對(duì)出現(xiàn)才能完整表達(dá)意思的標(biāo)記。格式：<標(biāo)記名

[屬性]>內(nèi)容</標(biāo)記名>說明：“內(nèi)容”指要被這對(duì)標(biāo)記施加作用的部分。例如：1)<TITLE>渭城曲</TITLE>2)<FONT

size=“6”color=“#0000FF”>渭城朝雨浥輕塵</FONT>3.1.2HTML相關(guān)概念三、標(biāo)記的使用格式格式：<標(biāo)記名屬性1屬性2屬性3…>屬性語法：屬性名=“屬性值”(英文狀態(tài))例如：1、<HRsize="3"align="LEFT"width="75%"> 2、<FONTsize=“6”color=“#0000FF”>渭城朝雨浥輕塵</FONT><HTML>

<HEAD>文件頭內(nèi)容</HEAD>

<BODY>文件體內(nèi)容</BODY></HTML>3.1.3HTML文檔結(jié)構(gòu)和語法規(guī)則一、HTML文檔結(jié)構(gòu)HTML文件開始HTML文件結(jié)束文件頭開始文件頭結(jié)束文件體開始文件體結(jié)束1.HTML文件以純文本形式存放，擴(kuò)展名為“.htm”或“.html”。2.HTML標(biāo)記不區(qū)分大小寫。3.多數(shù)HTML標(biāo)記可以嵌套，但不可以交叉。4.可以在一行寫多個(gè)標(biāo)記，也可以將一個(gè)標(biāo)記分多行書寫而不用任何續(xù)行符號(hào)。3.1.3HTML文檔結(jié)構(gòu)和語法規(guī)則二、HTML語法規(guī)則3.1.3HTML文檔結(jié)構(gòu)和語法規(guī)則5.HTML源文件中的換行、回車符和多個(gè)連續(xù)空格是無效的。應(yīng)使用<BR>實(shí)現(xiàn)換行；使用<P>實(shí)現(xiàn)換段；需要多個(gè)連續(xù)空格時(shí)，可使用多個(gè) 轉(zhuǎn)義符號(hào)或全角空格。換段和換行的區(qū)別：換段比換行的行距要大。3.1.3HTML文檔結(jié)構(gòu)和語法規(guī)則6.網(wǎng)頁中的所有顯示內(nèi)容都應(yīng)該受限于一個(gè)或多個(gè)標(biāo)記，不應(yīng)有游離于標(biāo)記之外的網(wǎng)頁元素，以免產(chǎn)生錯(cuò)誤。三、進(jìn)行HTML文檔編輯說明1.要修改網(wǎng)頁文件的HTML源代碼，可在記事本窗口中打開，也可將網(wǎng)頁圖標(biāo)拖到“記事本”圖標(biāo)上。2.瀏覽網(wǎng)頁時(shí)，要查看和編輯源代碼，可在窗口的“查看”

菜單下選“源文件”。3.本章的實(shí)例網(wǎng)頁要求保存到同一個(gè)文件夾中。3.2HTML常用標(biāo)記

HTML標(biāo)記網(wǎng)頁結(jié)構(gòu)標(biāo)記文本格式標(biāo)記表格標(biāo)記圖像與多媒體標(biāo)記超鏈接標(biāo)記表單標(biāo)記框架標(biāo)記3.2.1網(wǎng)頁結(jié)構(gòu)標(biāo)記一、HTML文件標(biāo)記（HTML）作用：用來標(biāo)注HTML文檔。HTML的其它所有標(biāo)記放在<HTML>和</HTML>之間。二、文件頭部標(biāo)記（HEAD）作用：用來定義文件的一些有關(guān)信息。以<HEAD>和</HEAD>作首尾標(biāo)記。在其中可以包括：1．TITLE：用來設(shè)定顯示在瀏覽器標(biāo)題欄的網(wǎng)頁標(biāo)題格式：<TITLE>標(biāo)題文字</TITLE>3.2.1網(wǎng)頁結(jié)構(gòu)標(biāo)記

例如：<TITLE>渭城曲</TITLE>2．Meta：用來設(shè)定文檔說明性信息等。例如：<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">三、文件主體標(biāo)記（BODY）作用：用來標(biāo)識(shí)文檔的主體內(nèi)容。以<BODY>和</BODY>作首尾標(biāo)記，網(wǎng)頁正文中的所有內(nèi)容（如文字、圖像等）都包含其中。3.2.1網(wǎng)頁結(jié)構(gòu)標(biāo)記

格式：<BODYbackground="圖片地址"bgcolor="顏色值"text="顏色值"link="顏色值"alink="顏色值"vlink="顏色值"leftmargin="值"topmargin="值"> ……</BODY>3.2.1網(wǎng)頁結(jié)構(gòu)標(biāo)記

顏色值的表示方法為："#RGB"或"顏色名"。"#RGB"：代表顏色中紅綠藍(lán)三種顏色各占的份額。各顏色值分別為2位十六進(jìn)制碼，最小值為00，最大值為FF。（如：bgcolor="#FF8000"）"顏色名"：系統(tǒng)規(guī)定的顏色名，多為顏色的英文名稱，（如：alink="red"）四、注釋標(biāo)記（?。┳饔茫涸诖a編寫時(shí)提供說明性信息，但瀏覽時(shí)不顯示。格式：<!--注釋信息-->3.2.2文本格式標(biāo)記文本格式標(biāo)記，用來對(duì)網(wǎng)頁中文本的字樣、顏色、段落格式等進(jìn)行定義。文本格式標(biāo)記1、標(biāo)題格式標(biāo)記（Hn）5、強(qiáng)行換行標(biāo)記（BR）2、文字格式標(biāo)記（FONT）7、塊標(biāo)記（DIV）3、字型設(shè)置標(biāo)記8、插入水平線標(biāo)記（HR）4、段落標(biāo)記（P）9、列表標(biāo)記1、標(biāo)題格式標(biāo)記（Hn）1、標(biāo)題格式標(biāo)記（Hn）作用：將被標(biāo)記的文本定義為某種樣式的標(biāo)題。格式：<Hnalign=“對(duì)齊方式”>文字</Hn>注意：n表示標(biāo)題級(jí)別，為從1～6的數(shù)字。數(shù)字越小，文字越大。屬性：align表示水平對(duì)齊方式。包括LEFT，CENTER，RIGHT。2、文字格式標(biāo)記（FONT）作用：設(shè)置普通文本的字體、字號(hào)、顏色等。格式：<FONTface="字體"size="字號(hào)“color="顏色">文字</FONT>屬性：1、face：字體。默認(rèn)字體為宋體。2、size：字號(hào)。為1～7間的數(shù)字。3、color：文字顏色。3、字形設(shè)置標(biāo)記3、字形設(shè)置標(biāo)記作用：設(shè)置普通文本的字型，如粗體、斜體、下劃線等。常用字型設(shè)置標(biāo)記有：

1、<B>…</B>：粗體（bold）2、<I>…</I>：斜體（italic）3、<U>…</U>：下劃線（underline）4、<EM>…</EM>：強(qiáng)調(diào)（emphasis）5、<STRONG>…</STRONG>：增強(qiáng)4、段落標(biāo)記（P）作用：設(shè)置段落的開始和結(jié)束。格式：<Palign="對(duì)齊方式">段落內(nèi)容</P>說明：1、在一個(gè)P標(biāo)記中加入屬性值，其所在段落的所有文本都具有該屬性。2、P標(biāo)記可以成對(duì)使用，也可以單獨(dú)使用。單獨(dú)使用時(shí)，從P標(biāo)記開始處向后的所有內(nèi)容都從屬于該段。5、強(qiáng)行換行標(biāo)記（BR）作用：使文本內(nèi)容強(qiáng)行換行

。格式：<BR>說明：使用<BR>換行，行距要比<P>小。

7、塊標(biāo)記（DIV）作用：定義一個(gè)文本塊，為塊中的內(nèi)容設(shè)置統(tǒng)一的屬性。格式：<DIVid="名稱"align="對(duì)齊方式">塊內(nèi)容</DIV>說明：如果多個(gè)段落或表格內(nèi)容屬性相同，則可將它們加入到DIV標(biāo)記對(duì)中進(jìn)行統(tǒng)一設(shè)置。8、插入水平線標(biāo)記（HR）

作用：在頁面上加入水平線。格式：<HRwidth=“值”size=“值”align=“對(duì)齊方式"color="顏色值"noshade>屬性：1、width：長(zhǎng)度。值為數(shù)字時(shí)，表示像素；值為百分?jǐn)?shù)時(shí)，表示相對(duì)百分比。2、size：線寬。3、noshade：取消陰影。

9、列表標(biāo)記

無序列表有序列表9、列表標(biāo)記

1．無序號(hào)列表標(biāo)記（項(xiàng)目符號(hào)，UL）作用：對(duì)文本段設(shè)置無序列表。格式：<ULtype="符號(hào)類型"> <LItype="符號(hào)類型">列表項(xiàng)目1 <LItype="符號(hào)類型">列表項(xiàng)目2 ……

</UL>9、列表標(biāo)記

1．無序號(hào)列表標(biāo)記（項(xiàng)目符號(hào)，UL）屬性：type為符號(hào)類型，其三種值代表三種不同的列表符號(hào)。?disc--●；?circle--○；?square--■。9、列表標(biāo)記

2．有序號(hào)列表標(biāo)記（編號(hào)，OL）作用：對(duì)文本段設(shè)置有序列表。格式：<OLtype="編號(hào)類型"start="起始號(hào)碼"> <LItype="編號(hào)類型">列表項(xiàng)目1<LItype="編號(hào)類型">列表項(xiàng)目2 ……

</OL>9、列表標(biāo)記

2．有序號(hào)列表標(biāo)記（編號(hào)，OL）屬性：1）start：定義編號(hào)的起始號(hào)碼2）type：定義編號(hào)類型，其不同的值代表不同的列表編號(hào)。其中“1”代表數(shù)字；“a”代表小寫英文；“A”代表大寫英文；“I”代表大寫羅馬字母；“i”代表小寫羅馬字母。3.2.3表格標(biāo)記HTML代碼生成表格主要用到4個(gè)表格標(biāo)記：TABLE：表格； TR：表行；TH：表頭； TD：表列。表格標(biāo)記格式：<TABLEsummary="注釋文字"bgcolor="顏色值"background="圖片地址"border="數(shù) 值"bordercolor="顏色值"width="值"height="值"align="對(duì)齊方式"><CAPTIONalign="對(duì)齊方式">表題</CAPTION><TR><TH>表頭1</TH><TH>表頭2</TH>…<TH>表頭n</TH></TR>表格標(biāo)記格式：<TR><TD>表項(xiàng)1</TD><TD>表項(xiàng)2</TD>…<TD>表項(xiàng)n</TD></TR><TR><TD>表項(xiàng)1</TD><TD>表項(xiàng)2</TD>…<TD>表項(xiàng)n</TD></TR>……</TABLE>3.2.3表格標(biāo)記屬性：1)summary：表格注釋。不顯示在網(wǎng)頁中。2)border：表格邊框?qū)挾?。值為?shù)字，0表示無框線；3)bordercolor：邊框色。4)width：表格寬度。值可以是數(shù)字或百分?jǐn)?shù)。數(shù)字表示像素點(diǎn)，百分?jǐn)?shù)是相對(duì)百分比。5)height：表格高度。值可以是數(shù)字或百分?jǐn)?shù)，用法同width屬性。6)align：水平對(duì)齊方式?？稍O(shè)置為“LEFT”、“CENTER”、“RIGHT”；7)valign：垂直對(duì)齊方式?？稍O(shè)置為“TOP”、“MIDDLE”、“BOTTOM”3.2.3表格標(biāo)記說明：1)表頭文字自動(dòng)加粗且居中。2)表項(xiàng)內(nèi)容可以是文字，也可以是圖像。3)<TR>標(biāo)記對(duì)必須放在<TABLE>對(duì)中，<TH>或<TD>標(biāo)記對(duì)必須放在<TR>對(duì)中。4)

<TR>、<TH>、<TD>也可以以單標(biāo)記形式出現(xiàn)，其每項(xiàng)的開始則是上一項(xiàng)的結(jié)束。5)TD標(biāo)記中允許包含屬性設(shè)定，用來設(shè)置單元格屬性。6)表格允許嵌套。3.2.4圖像與多媒體標(biāo)記一、圖像標(biāo)記（IMG）作用：在當(dāng)前位置插入圖像。格式：<IMGsrc=“圖片地址”alt=“替代文本”longdesc=“詳細(xì)說明"width="值"height=" 值"border="邊框?qū)挾取癶space=“水平邊距”vspace=“垂直邊距”align=“對(duì)齊方式">3.2.4圖像與多媒體標(biāo)記屬性：src：圖片所在的路徑及文件名。

當(dāng)帶有圖片的網(wǎng)頁文件和圖片在同一文件夾中時(shí)，可省略路徑。路徑可分為絕對(duì)路徑和相對(duì)路徑。alt：替代文本。longdesc：圖像的詳細(xì)說明。hspace：水平邊距。vspace：垂直邊距。3.2.5超鏈接標(biāo)記（A）

作用：為被標(biāo)記對(duì)象建立超鏈接。格式：<Ahref=“鏈接地址”target=“窗口類型或框架名稱">被標(biāo)記對(duì)象</A>屬性：1、href：被鏈接對(duì)象的地址。2、target：被鏈接對(duì)象在哪個(gè)窗口或框架中打開。其值的情況為：1)_blank：在新窗口打開。

3.2.5超鏈接標(biāo)記（A）

2)

_parent：在含有該鏈接位置的父窗口或父框架中打開。3)

_self：在該鏈接所在的窗口或框架中打開。4)

_top：在整個(gè)瀏覽器窗口打開。3.2.6表單標(biāo)記（FORM）表單作用：可用來獲得用戶信息，使網(wǎng)頁具有交互功能。

表單標(biāo)記：FORM、INPUT、SELECT、TEXTAREA。1）<FORM>是表單定義標(biāo)記。

2）后三種是表單元素標(biāo)記，應(yīng)該加入到<FORM>標(biāo)記對(duì)中。3.2.6表單標(biāo)記（FORM）作用：定義一個(gè)表單，供后續(xù)設(shè)計(jì)向其中加入表單對(duì)象。格式：<FORMaction="文件名"method="獲取方式"target="窗口類型"></FORM>屬性：1、action：設(shè)定處理程序的文件名。2、

method：設(shè)定處理程序從表單獲得信息的方式。包括：1)

POST：當(dāng)前文檔將數(shù)據(jù)傳送給處理程序。2)

GET：處理程序從當(dāng)前文檔取用數(shù)據(jù)。二、INPUT標(biāo)記1、單行文本域：文本框作用：用來接收用戶輸入的單行文本內(nèi)容。格式：<INPUTtype="TEXT"name="名"size="值"maxlength="值">2、密碼域作用：用來接收用戶輸入的密碼信息。格式：<INPUTtype=“PASSWORD"name="名">二、INPUT標(biāo)記4、提交按鈕

作用：將表單中用戶所填信息提交給服務(wù)器的處理程序。

格式：<INPUTtype=“SUBMIT”name=“名”value=“按鈕標(biāo)題">5、重置按鈕作用：清除用戶在表單中所填的內(nèi)容，供重新填寫。格式：<INPUTtype=“RESET"name="名"value=“按鈕標(biāo)題"

>二、INPUT標(biāo)記6、圖像域

作用：用來提交表單的圖像區(qū)域

。

格式：<INPUTtype=“IMAGE”src=“圖像地址"name="名"

>

二、INPUT標(biāo)記7、單選鈕作用：供用戶在若干選項(xiàng)中選擇一項(xiàng)

。格式：<INPUTtype="RADIO"name="名"checked>

說明：

1)需多個(gè)同名單選鈕配合使用。2)在若干個(gè)連續(xù)的同名單選鈕選項(xiàng)中，只能選擇一項(xiàng)。二、INPUT標(biāo)記8、復(fù)選框

作用：供用戶進(jìn)行項(xiàng)目勾選。

格式：<INPUTtype="CHECKBOX"name="名"checked>

說明：同時(shí)提供多個(gè)復(fù)選框供選擇，但名字不可相同。

三、TEXTAREA標(biāo)記作用：創(chuàng)建一個(gè)多行文本域（編輯框），用來接收用戶輸入的多行文本內(nèi)容。

格式：<TEXTAREAname="名"cols="列數(shù)"rows="行數(shù)"id="標(biāo)識(shí)名"></TEXTAREA>四、

SELECT–OPTION標(biāo)記作用：創(chuàng)建列表框或下拉式列表框。格式：<SELECTname="名"size="值"multiple>

<OPTIONselected>

選項(xiàng)</OPTION>

<OPTION>選項(xiàng)</OPTION>……

</SELECT>四、SELECT–OPTION標(biāo)記屬性

：

1)Size：列表框的行數(shù)。默認(rèn)為1，是下拉式列表框；普通列表框，size值要大于1。2)selected：該項(xiàng)被選擇。3)multiple：在普通列表框中允許對(duì)選項(xiàng)進(jìn)行多選。3.2.7框架標(biāo)記(FRAMESET–FRAME)

可以使用框架將窗口劃分為幾個(gè)子窗口，這樣可實(shí)現(xiàn)在一個(gè)瀏覽窗口打開幾個(gè)網(wǎng)頁。創(chuàng)建框架用到的主要標(biāo)記有：FRAMESET——框架集，F(xiàn)RAME——框架框架包含在框架集中。無框架的框架集沒有意義。4.1基礎(chǔ)知識(shí)一、網(wǎng)頁基本構(gòu)成元素

文字、圖形圖像、動(dòng)畫與視頻、聲音；超鏈接、網(wǎng)頁程序、表單、框架等二、工作環(huán)境

1、啟動(dòng)與退出

啟動(dòng)：開始→程序→macromedia→DreamweaverMX2004

2、工作界面

4.1基礎(chǔ)知識(shí)

文件面板屬性面板文檔窗口主窗口標(biāo)題欄菜單欄文檔狀態(tài)欄標(biāo)簽選擇器“視圖選擇”按鈕文檔編輯區(qū)面板組“插入”工具欄“文檔”工具欄4.1基礎(chǔ)知識(shí)說明:1.“插入”工具欄：包含有常用、布局、表單、文本、HTML、應(yīng)用元素、FLASH元素等工具組,供用戶方便地向文檔中加入各類對(duì)象。其選項(xiàng)多和“插入”菜單項(xiàng)有對(duì)應(yīng)。2.面板組：多個(gè)面板的集合，可進(jìn)行頁面的編輯和控制。[屬性面板]:用來查看和設(shè)置所選對(duì)象的各屬性[文件面板]:用來管理站點(diǎn)文件和文件夾。4.1基礎(chǔ)知識(shí)3.視圖選擇鈕:包括“代碼”、“拆分”、“設(shè)計(jì)”三種視圖模式.4.標(biāo)簽選擇器:用來通過標(biāo)簽選定網(wǎng)頁內(nèi)容三、創(chuàng)建站點(diǎn)

“站點(diǎn)”“管理站點(diǎn)”四、創(chuàng)建一簡(jiǎn)單網(wǎng)頁

4.1基礎(chǔ)知識(shí)五、文件操作1、基本文件操作：新建、保存、關(guān)閉、打開、預(yù)覽（F12）2、設(shè)置頁面屬性作用:

設(shè)置頁面內(nèi)容的默認(rèn)字樣、顏色、背景等。方法:

修改/頁面屬性.(或右擊頁面→頁面屬性)4.2文本處理1.輸入普通文本:直接輸入.2.輸入日期、特殊字符等:使用“插入”菜單或“插入”工具欄.3.換行:SHIFT+回車.(<br>)4.換段:直接回車.(<p>)5.輸入多個(gè)空格:按CTRL+SHIFT+空格鍵.( )也可輸入全角空格.【設(shè)置文本屬性:】利用屬性面板4.3圖像處理1.加入圖像:

利用“插入”菜單或“插入”工具欄 圖像屬性設(shè)置:

利用屬性面板【屬性說明:】

寬高值：可調(diào)整圖像為指定大小。

替代：可在其后的框中輸入文字，瀏覽時(shí)，這些文字會(huì)成為圖像的說明文字。并且，當(dāng)瀏覽器端不能正確顯示圖像時(shí)，這些文字將被顯示在圖像位置。對(duì)齊4.3圖像處理2.加入水平線:“插入”菜單“HTML”選項(xiàng)“水平線”3.加入鼠標(biāo)經(jīng)過圖像方法：①“插入”工具欄選“常用”組;②展開“圖像”工具按鈕，選擇“鼠標(biāo)經(jīng)過圖像”。(也可以在“插入”菜單中選擇“圖像對(duì)象”，然后選“鼠標(biāo)經(jīng)過圖像”)4.4超鏈接鏈接媒介:

網(wǎng)頁中的文字、圖像等網(wǎng)頁元素一.建立文字鏈接作用:

通過點(diǎn)擊鏈接文字打開鏈接目標(biāo).常用鏈接:

頁間鏈接,錨記鏈接,文件鏈接,郵件鏈接,空鏈接等1、添加頁間鏈接

作用:

通過鏈接文字鏈接到某網(wǎng)址或本站點(diǎn)中的某網(wǎng)頁文檔。方法:在屬性面板將選定文字的鏈接屬性設(shè)為本地網(wǎng)頁或某站點(diǎn)的URL4.4超鏈接2.添加錨記鏈接(頁內(nèi)鏈接)

作用:通過鏈接文字跳轉(zhuǎn)到網(wǎng)頁中某錨記標(biāo)識(shí)所在的位置

方法:將網(wǎng)頁中要標(biāo)識(shí)的位置加入命名錨記，然后使鏈接文字的鏈接屬性為#<錨記名>3.添加非網(wǎng)頁文件鏈接作用:通過鏈接文字鏈接到非網(wǎng)頁文件方法:將文字的鏈接屬性設(shè)為非網(wǎng)頁文件4.4超鏈接4.添加郵件鏈接作用:

通過鏈接文字啟動(dòng)電子郵件程序，允許用戶書寫電子郵件并發(fā)送到指定郵件地址方法:

將鏈接文字的鏈接屬性設(shè)為：mailto:<電子郵件地址>5.添加空鏈接作用:空鏈接是一個(gè)未設(shè)計(jì)的鏈接，可使文本產(chǎn)生鏈接的形式.(要為文本添加行為,需先為文本設(shè)置空鏈接)方法:選擇文本后，在屬性面板的“鏈接”框中輸入“#”或“javascript:;”4.4超鏈接6.添加腳本鏈接作用:可用來執(zhí)行JavaScript代碼或調(diào)用JavaScript函數(shù)方法:選擇文本后在屬性面板“鏈接”框輸入“javascript:”,及一些javaScript代碼7.設(shè)置鏈接樣式“頁面屬性”“鏈接”4.4超鏈接8.絕對(duì)地址與相對(duì)地址絕對(duì)路徑：絕對(duì)路徑是指包含服務(wù)器協(xié)議在內(nèi)的完全路徑。例如：

/jyswj/fm.htm相對(duì)路徑：相對(duì)路徑是指從站點(diǎn)根目錄或其中的某文件夾開始起算的文檔路徑。二.建立圖像鏈接熱點(diǎn)鏈接4.5建立表格一.創(chuàng)建表格方法一:“插入”工具欄“常用”組的“表格”工具;方法二:“插入”菜單的“表格”項(xiàng)。二.編輯表格1.選擇表格：移鼠標(biāo)指針到表格的左上角或左下角,使其變?yōu)椤氨砀裰羔槨毙螤顣r(shí)單擊；或單擊任一單元格,然后在文檔窗口底端的“標(biāo)簽選擇器”選擇<table>。4.5建立表格2.選擇行：移鼠標(biāo)指針到行的左端，使其變?yōu)橹赶蛴业膶?shí)箭頭，然后單擊或拖動(dòng)；若選擇一行，也可以單擊該行某單元格，然后在“標(biāo)簽選擇器”選擇<tr>。3.選擇列：移鼠標(biāo)指針到列的頂端，使其變?yōu)橹赶蛳碌膶?shí)箭頭，然后單擊或拖動(dòng)。4.選擇單元格：選擇一個(gè)單元格，可單擊該單元格，然后執(zhí)行CTRL+A，或在“標(biāo)簽選擇器”選擇<td>；選擇一個(gè)單元格范圍，可單擊起始單元格后，向右下拖動(dòng)至終止單元格.4.5建立表格5.刪除表格、表行或表列:

選定,按Delete.6.插入表行或表列:

單擊插入位置,修改/表格→插入行(插入列)7.合并或拆分單元格:

選定要合并或拆分的單元格,在屬性面板或“修改”菜單進(jìn)行合并或拆分.8.邊框設(shè)置及其它表格設(shè)置:

選定,然后在屬性面板或“修改/表格”菜單進(jìn)行.

替代4.6

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(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)論