Frontpage2003網(wǎng)頁制作

1、辦公自動化簡明教程辦公自動化簡明教程2022-2-131三、網(wǎng)頁制作三、網(wǎng)頁制作 3.1 網(wǎng)頁是什么？網(wǎng)頁是什么？ 3.2 HTML語言語言 3.3 可視化網(wǎng)頁制作工具可視化網(wǎng)頁制作工具 3.4 Office 2003與網(wǎng)頁制作與網(wǎng)頁制作辦公自動化簡明教程辦公自動化簡明教程2022-2-132主要內(nèi)容：主要內(nèi)容： 本章介紹了什么是網(wǎng)頁？介紹了本章介紹了什么是網(wǎng)頁？介紹了HTMLHTML語言、可視語言、可視化網(wǎng)頁制作方法。介紹了化網(wǎng)頁制作方法。介紹了FrontPage 2003FrontPage 2003的基本使的基本使用方法。用方法。辦公自動化簡明教程辦公自動化簡明教程2022-2-133學(xué)習(xí)

2、目標(biāo)：學(xué)習(xí)目標(biāo)：1認(rèn)識網(wǎng)頁認(rèn)識網(wǎng)頁2初步掌握初步掌握HTML語言語言3理解可視化網(wǎng)頁制作的觀念理解可視化網(wǎng)頁制作的觀念4掌握掌握FrontPage 2003網(wǎng)頁制作工具的基本使用方法。網(wǎng)頁制作工具的基本使用方法。 辦公自動化簡明教程辦公自動化簡明教程2022-2-1343.1 什么是網(wǎng)頁？什么是網(wǎng)頁？3.1 什么是網(wǎng)頁？什么是網(wǎng)頁？3.1.1 WWW瀏覽瀏覽 3.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 3.1.3 網(wǎng)站與網(wǎng)頁網(wǎng)站與網(wǎng)頁 辦公自動化簡明教程辦公自動化簡明教程2022-2-1353.1.1 WWW瀏覽瀏覽3.1.1 WWW瀏覽瀏覽 WWW瀏覽是一種基于瀏覽是一種基于Internet的

3、的Web體系結(jié)構(gòu)的服務(wù)體系結(jié)構(gòu)的服務(wù)項目。項目。Web是是World Wide Web的縮寫。通常把它翻譯為的縮寫。通常把它翻譯為叫叫“萬維網(wǎng)萬維網(wǎng)”。 通過通過Web人們可以方便地瀏覽人們可以方便地瀏覽Internet主機上的大量的主機上的大量的鏈接資源。如果你使用過鏈接資源。如果你使用過Internet，相信你一定進(jìn)行過，相信你一定進(jìn)行過WWW瀏覽。瀏覽。 在用戶端要享受在用戶端要享受WWW服務(wù)需要有兩個條件：一是將服務(wù)需要有兩個條件：一是將自己的計算機連入自己的計算機連入Internet；二是自己的計算機上需要安；二是自己的計算機上需要安裝一個裝一個WWW瀏覽器程序（比如：在瀏覽器程序（

4、比如：在Windows XP操作系操作系統(tǒng)上安裝一個統(tǒng)上安裝一個IE瀏覽器程序）。瀏覽器程序）。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-136WWW瀏覽實例瀏覽實例3.1.1 WWW瀏覽瀏覽地址欄工作區(qū)超級鏈接本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-137什么是什么是 URL ？3.1.1 WWW瀏覽瀏覽 URL是是Uniform Resource Locator的縮寫。通常把的縮寫。通常把它翻譯為它翻譯為“統(tǒng)一資源定位器統(tǒng)一資源定位器”。顧名思義，。顧名思義，URL是是用來定位資源的。那么，它是用來定位什么資源呢？用來定位資源的。那么，它是

5、用來定位什么資源呢？答案是：網(wǎng)頁信息資源。如果想要直接瀏覽一個網(wǎng)答案是：網(wǎng)頁信息資源。如果想要直接瀏覽一個網(wǎng)頁，首先就應(yīng)該知道這個網(wǎng)頁在什么地方（也就是頁，首先就應(yīng)該知道這個網(wǎng)頁在什么地方（也就是說在哪臺主機上的哪一個文件夾中）。怎么表示這說在哪臺主機上的哪一個文件夾中）。怎么表示這個信息呢？用個信息呢？用URL。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-138URL 的格式的格式3.1.1 WWW瀏覽瀏覽 一個完整的一個完整的URLURL如下：如下：協(xié)議名稱協(xié)議名稱:/:/主機的主機的IPIP地址地址| |主機的域名主機的域名/ /路徑路徑/ /文件標(biāo)識文件標(biāo)識本節(jié)待

6、續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-139在地址欄輸入：在地址欄輸入：http:/ WWW瀏覽瀏覽URL本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1310在地址欄輸入：在地址欄輸入： http:/ WWW瀏覽瀏覽本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13113.1.1 WWW瀏覽瀏覽輸入輸入URL時要特別注意的地方時要特別注意的地方 1協(xié)議名和主機域名（或協(xié)議名和主機域名（或IP地址）之間應(yīng)該是地址）之間應(yīng)該是“/”。不。不 是一個是一個“/”2主機域名（或主機域名（或IP地址）和路徑之間、路徑和文件標(biāo)示地址）和路徑之

7、間、路徑和文件標(biāo)示 之間應(yīng)該是之間應(yīng)該是“/”。不是。不是“/”。3文件標(biāo)示必須指明文件的文件名和擴展名。不只是文文件標(biāo)示必須指明文件的文件名和擴展名。不只是文 件名。件名。4所有字符必須是所有字符必須是ASCII碼字符。不能用漢字的標(biāo)點代碼字符。不能用漢字的標(biāo)點代 替英文的標(biāo)點。替英文的標(biāo)點。后續(xù)后續(xù)3.1.2節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13123.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 3.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 從瀏覽器窗口中看到的網(wǎng)頁是一個個包含有豐富從瀏覽器窗口中看到的網(wǎng)頁是一個個包含有豐富多媒體信息的文檔。那么網(wǎng)頁里邊的代碼究竟是什么多媒體信息

8、的文檔。那么網(wǎng)頁里邊的代碼究竟是什么的呢？其實網(wǎng)頁這種類型的文件里邊包含的是文本信的呢？其實網(wǎng)頁這種類型的文件里邊包含的是文本信息，通常稱這種文件為息，通常稱這種文件為“文本文件文本文件”。 其實網(wǎng)頁就是文本文件。其實網(wǎng)頁就是文本文件。 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13133.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 在瀏覽器中看到的網(wǎng)頁在瀏覽器中看到的網(wǎng)頁本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13143.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 網(wǎng)頁的源代碼網(wǎng)頁的源代碼本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-

9、13153.1.2 網(wǎng)頁是文本文件網(wǎng)頁是文本文件 文本編輯器的作用文本編輯器的作用 是不是可以直接用是不是可以直接用“記事本記事本”這種文本文件編輯這種文本文件編輯工具來創(chuàng)建、編輯網(wǎng)頁呢？回答是肯定的。工具來創(chuàng)建、編輯網(wǎng)頁呢？回答是肯定的。 不僅是不僅是“記事本記事本”程序，程序，“寫字版寫字版”程序、程序、“WPS”程序、程序、“Word”程序等等，都可以作為編寫程序等等，都可以作為編寫網(wǎng)頁文件的工具，只要在保存文件時使用網(wǎng)頁文件的工具，只要在保存文件時使用“純文本純文本”文件類型（擴展名使用：文件類型（擴展名使用：htm、html、asp等）即可。等）即可。后續(xù)后續(xù)3.1.3節(jié)節(jié)辦公自動化

10、簡明教程辦公自動化簡明教程2022-2-13163.1.3 網(wǎng)頁和網(wǎng)站網(wǎng)頁和網(wǎng)站 3.1.3 網(wǎng)頁和網(wǎng)站網(wǎng)頁和網(wǎng)站 一個網(wǎng)頁包含的信息畢竟是有限的。再說如果將一個網(wǎng)頁包含的信息畢竟是有限的。再說如果將大量的信息放在一個網(wǎng)頁上就好比將若干本書的內(nèi)容大量的信息放在一個網(wǎng)頁上就好比將若干本書的內(nèi)容全部印在一頁很大的紙上一樣，這種情況是難以想象全部印在一頁很大的紙上一樣，這種情況是難以想象的。的。 網(wǎng)頁也是一樣，全世界的信息提供者（商家、機網(wǎng)頁也是一樣，全世界的信息提供者（商家、機構(gòu)、部門、單位、組織、乃至個人等等）必須要將要構(gòu)、部門、單位、組織、乃至個人等等）必須要將要提供的信息分門別類，保存在許許

11、多多的網(wǎng)頁中。提供的信息分門別類，保存在許許多多的網(wǎng)頁中。 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13173.1.3 網(wǎng)頁和網(wǎng)站網(wǎng)頁和網(wǎng)站 將這些網(wǎng)頁組織起來，并建立一些類似于圖書館將這些網(wǎng)頁組織起來，并建立一些類似于圖書館的圖書、資料查詢目錄的專門的網(wǎng)頁。建立主要用于的圖書、資料查詢目錄的專門的網(wǎng)頁。建立主要用于查詢的目錄網(wǎng)頁和主要用于顯示信息的信息網(wǎng)頁之間查詢的目錄網(wǎng)頁和主要用于顯示信息的信息網(wǎng)頁之間的超級鏈接。提供一個在的超級鏈接。提供一個在InternetInternet上可以被正常使用的上可以被正常使用的域名。規(guī)定一個首先就要讓瀏覽者看到的網(wǎng)頁（主域名。規(guī)

12、定一個首先就要讓瀏覽者看到的網(wǎng)頁（主頁）。如果是這樣的話，上述的信息提供者提供這些頁）。如果是這樣的話，上述的信息提供者提供這些信息、功能、服務(wù)加起來就可以被認(rèn)為是一個信息、功能、服務(wù)加起來就可以被認(rèn)為是一個“網(wǎng)網(wǎng)站站”。 后續(xù)后續(xù)3.2節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13183.2 HTML語言語言3.2 HTML語言語言 3.2.1 HTML語言的基本語法規(guī)則語言的基本語法規(guī)則 3.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 3.2.3表格表格3.2.4圖片圖片 3.2.5超級鏈接超級鏈接 3.2.6表單表單 辦公自動化簡明教程辦公自動化簡明教程2022-2-1

13、3193.2.1 HTML語言的基本語法規(guī)則語言的基本語法規(guī)則3.2.1 HTML語言的基本語法規(guī)則語言的基本語法規(guī)則用用HTML語言編寫的文檔，其基本結(jié)構(gòu)如下：語言編寫的文檔，其基本結(jié)構(gòu)如下： 標(biāo)題欄的標(biāo)題標(biāo)題欄的標(biāo)題 主體部分內(nèi)容主體部分內(nèi)容 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1320 HTML文檔整體由文檔整體由和和標(biāo)記包含。標(biāo)記包含。文檔分頭部和主題兩部分。文檔分頭部和主題兩部分。和和標(biāo)記之標(biāo)記之間的是文檔的頭部；間的是文檔的頭部；和和標(biāo)記之間的是標(biāo)記之間的是文檔的主體部分。文檔的主體部分。和和標(biāo)記之間的文本在標(biāo)記之間的文本在網(wǎng)頁被瀏覽時將顯示在瀏覽器窗

14、口的標(biāo)題欄。網(wǎng)頁被瀏覽時將顯示在瀏覽器窗口的標(biāo)題欄。 頭部的代碼主要用來為網(wǎng)頁的瀏覽，以及網(wǎng)頁中頭部的代碼主要用來為網(wǎng)頁的瀏覽，以及網(wǎng)頁中程序代碼的執(zhí)行提供準(zhǔn)備。主體部分主要被用來在瀏程序代碼的執(zhí)行提供準(zhǔn)備。主體部分主要被用來在瀏覽器窗口的工作區(qū)顯示網(wǎng)頁的內(nèi)容。覽器窗口的工作區(qū)顯示網(wǎng)頁的內(nèi)容。 HTML語言忽略語言忽略“空格空格”字符，忽略大小寫，標(biāo)字符，忽略大小寫，標(biāo)記的功能可以疊加。記的功能可以疊加。3.2.1 HTML語言的基本語法規(guī)則語言的基本語法規(guī)則本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1321 HTML語言是一種描述性語言。語言是一種描述性語言。HTML

15、語言主要由語言主要由一些標(biāo)記構(gòu)成。一些標(biāo)記構(gòu)成。HTML語言標(biāo)記的書寫規(guī)則如下。語言標(biāo)記的書寫規(guī)則如下。 3.2.1 HTML語言的基本語法規(guī)則語言的基本語法規(guī)則以空格隔開后續(xù)后續(xù)3.2.2節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13223.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 3.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 1、標(biāo)記標(biāo)記 和和標(biāo)記共同構(gòu)成文檔的首尾標(biāo)記。標(biāo)記共同構(gòu)成文檔的首尾標(biāo)記。 和和標(biāo)記構(gòu)成文檔的頭部部分。標(biāo)記構(gòu)成文檔的頭部部分。 和和標(biāo)記規(guī)定網(wǎng)頁在被瀏覽時瀏覽器窗口的標(biāo)題欄標(biāo)記規(guī)定網(wǎng)頁在被瀏覽時瀏覽器窗口的標(biāo)題欄中應(yīng)顯示出的內(nèi)容。中應(yīng)顯示

16、出的內(nèi)容。 和和標(biāo)記定義了網(wǎng)頁在被瀏覽時瀏覽器窗口的工標(biāo)記定義了網(wǎng)頁在被瀏覽時瀏覽器窗口的工作區(qū)中應(yīng)顯示出的內(nèi)容。作區(qū)中應(yīng)顯示出的內(nèi)容。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13233.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼） 這是網(wǎng)頁的標(biāo)題這是網(wǎng)頁的標(biāo)題 這是網(wǎng)頁的主體部分信息這是網(wǎng)頁的主體部分信息 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13243.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1325

17、3.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 2. 標(biāo)記常用的屬性如下：標(biāo)記常用的屬性如下： background：網(wǎng)頁背景圖案：網(wǎng)頁背景圖案bgcolor：網(wǎng)頁背景色彩：網(wǎng)頁背景色彩text：網(wǎng)頁中一般文本的色彩：網(wǎng)頁中一般文本的色彩link：沒訪問過的超文本色彩：沒訪問過的超文本色彩vlink：訪問過的超文本色彩：訪問過的超文本色彩alink：訪問中的超文本色彩：訪問中的超文本色彩本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13263.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼） body標(biāo)記的屬性標(biāo)記的屬性 綠底藍(lán)字綠底藍(lán)字

18、本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13273.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13283.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 3. 標(biāo)記標(biāo)記 標(biāo)記（標(biāo)記（n為：為：1、2、3、4、5、6其中之一）其中之一）規(guī)定在網(wǎng)頁的主體部分形式顯眼的標(biāo)題文本。規(guī)定在網(wǎng)頁的主體部分形式顯眼的標(biāo)題文本。 和和成對出現(xiàn)，成對出現(xiàn)， 和和表示最大號標(biāo)題，表示最大號標(biāo)題，和和次次之，之，和和表示最小號標(biāo)題。表示最小號標(biāo)題。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公

19、自動化簡明教程2022-2-13293.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼）hn標(biāo)記的效果標(biāo)記的效果這是這是1號標(biāo)題號標(biāo)題這是這是2號標(biāo)題號標(biāo)題這是這是3號標(biāo)題號標(biāo)題這是這是4號標(biāo)題號標(biāo)題這是這是5號標(biāo)題號標(biāo)題這是這是6號標(biāo)題號標(biāo)題本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13303.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13313.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 4. 和和標(biāo)記標(biāo)記 標(biāo)記規(guī)定在網(wǎng)頁中顯示有

20、序列表。標(biāo)記規(guī)定在網(wǎng)頁中顯示有序列表。 標(biāo)記規(guī)定在網(wǎng)頁中顯示無序列表。標(biāo)記規(guī)定在網(wǎng)頁中顯示無序列表。 和和標(biāo)記通常與標(biāo)記通常與標(biāo)記配合使用。標(biāo)記配合使用。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13323.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼）有序和無序列表有序和無序列表有序列表第有序列表第1項項有序列表第有序列表第2項項有序列表第有序列表第3項項有序列表第有序列表第4項項有序列表第有序列表第1項項有序列表第有序列表第2項項有序列表第有序列表第3項項有序列表第有序列表第4項項本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程20

21、22-2-13333.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13343.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 5. 標(biāo)記標(biāo)記 在在HTML語言中，語言中，標(biāo)記被用來說明文本顯示的各種特征標(biāo)記被用來說明文本顯示的各種特征（大小、字體、色彩等）。（大小、字體、色彩等）。 標(biāo)記的常用的屬性如下：標(biāo)記的常用的屬性如下： size：文字的大?。何淖值拇笮?color：文本的色彩：文本的色彩 face：文本字體：文本字體本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1

22、3353.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼）文本的樣式文本的樣式7號隸書字體號隸書字體灰色的灰色的2號字號字本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13363.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13373.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 3. 、標(biāo)記標(biāo)記 標(biāo)記規(guī)定文本加粗顯示標(biāo)記規(guī)定文本加粗顯示 標(biāo)記規(guī)定文本加下劃線顯示標(biāo)記規(guī)定文本加下劃線顯示 標(biāo)記規(guī)定文本傾斜顯示標(biāo)記規(guī)定文本傾斜顯示本節(jié)待續(xù)本節(jié)待

23、續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13383.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼）文本的樣式文本的樣式7號隸書號隸書字字體體灰色的灰色的2號字號字本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13393.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13403.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性 7. 標(biāo)記標(biāo)記 標(biāo)記可以使網(wǎng)頁在被瀏覽是產(chǎn)生一條水平線。標(biāo)記可以使網(wǎng)頁在被瀏覽是產(chǎn)生一條水平線。 標(biāo)記不是成對

24、出現(xiàn)的，一個標(biāo)記不是成對出現(xiàn)的，一個標(biāo)記產(chǎn)生一條水平線。標(biāo)記產(chǎn)生一條水平線。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13413.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（源代碼）實例（源代碼）水平線水平線計算機應(yīng)用計算機應(yīng)用計算機基礎(chǔ)知識計算機基礎(chǔ)知識數(shù)據(jù)表示數(shù)據(jù)表示操作系統(tǒng)操作系統(tǒng)辦公自動化辦公自動化計算機網(wǎng)絡(luò)計算機網(wǎng)絡(luò)本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-13423.2.2 HTML的常用標(biāo)記和屬性的常用標(biāo)記和屬性實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）后續(xù)后續(xù)3.2.3節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-1343

25、3.2.3 表格表格3.2.3 表格表格 HTML語言的語言的和和標(biāo)記可以在網(wǎng)頁上構(gòu)造表格。標(biāo)記可以在網(wǎng)頁上構(gòu)造表格。 和和標(biāo)記構(gòu)造表格的一行。標(biāo)記構(gòu)造表格的一行。 和和標(biāo)記構(gòu)造表格的一行上的一個單元格。標(biāo)記構(gòu)造表格的一行上的一個單元格。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1344實例（源代碼）實例（源代碼）一般的表格一般的表格學(xué)院專業(yè)設(shè)置情況學(xué)院專業(yè)設(shè)置情況專業(yè)專業(yè)層次層次學(xué)生人數(shù)學(xué)生人數(shù)教師人數(shù)教師人數(shù)計算機科學(xué)與技術(shù)計算機科學(xué)與技術(shù)博士博士100036信息管理及系統(tǒng)信息管理及系統(tǒng)碩士碩士80030電子商務(wù)電子商務(wù)碩士碩士1600203.2.3 表格表格本節(jié)待

26、續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1345實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）3.2.3 表格表格后續(xù)后續(xù)3.2.4節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13463.2.4 圖片圖片 3.2.4 圖片圖片 HTML語言的語言的標(biāo)記可以在網(wǎng)頁中指定顯示一幅圖像。標(biāo)記可以在網(wǎng)頁中指定顯示一幅圖像。 圖像的大小由圖像的大小由“width”和和“heigth”屬性決定。屬性決定。 圖像的來源由圖像的來源由“src”屬性決定。屬性決定。 圖像在頁面中的對齊方式由圖像在頁面中的對齊方式由“align”屬性決定。屬性決定。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明

27、教程2022-2-1347實例（源代碼）實例（源代碼）網(wǎng)頁中顯示圖像網(wǎng)頁中顯示圖像一幅關(guān)于樹的照片一幅關(guān)于樹的照片3.2.4 圖片圖片 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1348實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）3.2.4 圖片圖片 后續(xù)后續(xù)3.2.5節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13493.2.5 超級鏈接超級鏈接 3.2.5 超級鏈接超級鏈接 HTML語言的語言的和和標(biāo)記可以在網(wǎng)頁中建立超級鏈接。標(biāo)記可以在網(wǎng)頁中建立超級鏈接。 URL由由“href ”屬性決定。屬性決定。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-

28、1350實例（源代碼）實例（源代碼）網(wǎng)頁中的超級鏈接網(wǎng)頁中的超級鏈接我經(jīng)常瀏覽的網(wǎng)頁我經(jīng)常瀏覽的網(wǎng)頁西南財經(jīng)大學(xué)主頁西南財經(jīng)大學(xué)主頁中央電視臺中央電視臺華東師范華東師范 大學(xué)計算機科學(xué)與技術(shù)系學(xué)生活動大學(xué)計算機科學(xué)與技術(shù)系學(xué)生活動3.2.5 超級鏈接超級鏈接 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1351實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）3.2.5 超級鏈接超級鏈接 后續(xù)后續(xù)3.2.6節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13523.2.6 表單表單 3.2.6 表單表單 HTML語言的語言的和和標(biāo)記可以在網(wǎng)頁中創(chuàng)建表單。標(biāo)記可以在網(wǎng)頁中創(chuàng)建表單。 標(biāo)

29、記常用屬性如下：標(biāo)記常用屬性如下： Action屬性：規(guī)定傳遞數(shù)據(jù)后，服務(wù)器向客戶端傳送的屬性：規(guī)定傳遞數(shù)據(jù)后，服務(wù)器向客戶端傳送的 網(wǎng)頁。網(wǎng)頁。 Method屬性：規(guī)定傳遞數(shù)據(jù)的方式。屬性：規(guī)定傳遞數(shù)據(jù)的方式。Post方式適合傳方式適合傳 送大量數(shù)據(jù)，送大量數(shù)據(jù)，get方式適合傳送少量數(shù)據(jù)。方式適合傳送少量數(shù)據(jù)。 Name屬性：規(guī)定表單的名稱。屬性：規(guī)定表單的名稱。本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1353 表單中的表單元素由表單中的表單元素由標(biāo)記創(chuàng)建，表單元素的類型由標(biāo)記創(chuàng)建，表單元素的類型由標(biāo)記的標(biāo)記的“type”屬性決定。屬性決定?！皌ype”屬性的常見

30、及取值如下。屬性的常見及取值如下。 text：表單元素是普通文本框。：表單元素是普通文本框。 password：表單元素是密碼文本框。：表單元素是密碼文本框。 checkbox：表單元素是多選項。：表單元素是多選項。 redio：表單元素是單選項。：表單元素是單選項。 submit：表單元素是提交按鈕。：表單元素是提交按鈕。 reset：表單元素是重置按鈕。：表單元素是重置按鈕。3.2.6 表單表單 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1354實例（源代碼）實例（源代碼）一個用登錄的界面一個用登錄的界面一個用登錄的界面一個用登錄的界面請輸入您的大名：請輸入您的大名

31、：請輸入登錄密碼：請輸入登錄密碼：3.2.6 表單表單 本節(jié)待續(xù)本節(jié)待續(xù)辦公自動化簡明教程辦公自動化簡明教程2022-2-1355實例（瀏覽結(jié)果）實例（瀏覽結(jié)果）3.2.6 表單表單 后續(xù)后續(xù)3.3節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13563.3可視化網(wǎng)頁制作工具可視化網(wǎng)頁制作工具3.3 可視化網(wǎng)頁制作工具可視化網(wǎng)頁制作工具 3.3.1 FrontPage 基本功能基本功能 3.3.2 FrontPage 應(yīng)用程序窗口應(yīng)用程序窗口3.3.3網(wǎng)頁中文字效果編排網(wǎng)站與網(wǎng)頁網(wǎng)頁中文字效果編排網(wǎng)站與網(wǎng)頁 3.3.4網(wǎng)頁中插入圖像網(wǎng)站與網(wǎng)頁網(wǎng)頁中插入圖像網(wǎng)站與網(wǎng)頁 3.3.5網(wǎng)頁中表

32、格的處理網(wǎng)站與網(wǎng)頁網(wǎng)頁中表格的處理網(wǎng)站與網(wǎng)頁 3.3.6 網(wǎng)站與網(wǎng)頁網(wǎng)站與網(wǎng)頁 3.3.7 網(wǎng)站與網(wǎng)頁網(wǎng)站與網(wǎng)頁 辦公自動化簡明教程辦公自動化簡明教程2022-2-13573.3.1 FrontPage 2003基本功能基本功能 3.3.1 FrontPage 基本功能基本功能 1可視化網(wǎng)頁制作功能可視化網(wǎng)頁制作功能 2網(wǎng)站建設(shè)功能網(wǎng)站建設(shè)功能 3網(wǎng)站的發(fā)布和維護(hù)網(wǎng)站的發(fā)布和維護(hù)后續(xù)后續(xù)3.3.2節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13583.3.2 FrontPage 2003應(yīng)用程序窗口應(yīng)用程序窗口 3.3.2 FrontPage 應(yīng)用程序窗口應(yīng)用程序窗口 后續(xù)后續(xù)3.3

33、.3節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13593.3.3 網(wǎng)頁中文字效果編排網(wǎng)頁中文字效果編排 3.3.3 網(wǎng)頁中文字效果編排網(wǎng)頁中文字效果編排 制作靜態(tài)網(wǎng)頁實際上是一個技術(shù)問題，而在制作網(wǎng)頁之前，制作靜態(tài)網(wǎng)頁實際上是一個技術(shù)問題，而在制作網(wǎng)頁之前，應(yīng)該有一個設(shè)計網(wǎng)頁的工作要做。設(shè)計網(wǎng)頁是一個藝術(shù)創(chuàng)作過應(yīng)該有一個設(shè)計網(wǎng)頁的工作要做。設(shè)計網(wǎng)頁是一個藝術(shù)創(chuàng)作過程，這不是這門課主要要解決的問題。本章只涉及怎么制作網(wǎng)程，這不是這門課主要要解決的問題。本章只涉及怎么制作網(wǎng)頁的技術(shù)問題。頁的技術(shù)問題。 使用可視化的網(wǎng)頁制作工具使用可視化的網(wǎng)頁制作工具FrontPage 制作網(wǎng)頁時，用戶

34、制作網(wǎng)頁時，用戶的基本操作和使用的基本操作和使用Word 進(jìn)行進(jìn)行DOC文檔的圖、文、表混排操作文檔的圖、文、表混排操作非常類似。因此，如果有非常類似。因此，如果有Word 、Excel 應(yīng)用基礎(chǔ)的用戶使用應(yīng)用基礎(chǔ)的用戶使用FrontPage 制作網(wǎng)頁在操作方面應(yīng)該不會有太大的問題。制作網(wǎng)頁在操作方面應(yīng)該不會有太大的問題。后續(xù)后續(xù)3.3.4節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13603.3.4 3.3.4 網(wǎng)頁中插入圖像網(wǎng)頁中插入圖像 3.3.4 網(wǎng)頁中插入圖像網(wǎng)頁中插入圖像 1獲得素材獲得素材 2插入圖像插入圖像 3設(shè)置圖像的屬性設(shè)置圖像的屬性后續(xù)后續(xù)3.3.5節(jié)節(jié)辦公自動

35、化簡明教程辦公自動化簡明教程2022-2-13613.3.5 3.3.5 網(wǎng)頁中表格的處理網(wǎng)頁中表格的處理 3.3.5 網(wǎng)頁中表格的處理網(wǎng)頁中表格的處理 1規(guī)劃表格規(guī)劃表格2插入表格插入表格3設(shè)置表格的屬性設(shè)置表格的屬性后續(xù)后續(xù)3.3.6節(jié)節(jié)辦公自動化簡明教程辦公自動化簡明教程2022-2-13623.3.6 3.3.6 建立超級鏈接建立超級鏈接 3.3.6 建立超級鏈接建立超級鏈接1. 選定需要附著超級鏈接信息的對象（文字、圖像、選定需要附著超級鏈接信息的對象（文字、圖像、動畫均可）。動畫均可）。2. 單擊右鍵展開快捷菜單單擊右鍵展開快捷菜單3. 執(zhí)行執(zhí)行“超鏈接超鏈接”命令命令4. 在系統(tǒng)給出的在系統(tǒng)給出的“創(chuàng)建超鏈接創(chuàng)建超鏈接”對話框中設(shè)置超級對話框中設(shè)置超級鏈接信