念限0N网员制作 *袤格可以使网页中的国片、文字资料之间的 岳置粗对固定,在版面敚针中正确灾用袤裕 可以轻松地殺计幽专业放阏灾 网灭袤单是一种鞠入慕面,单用 户可以把商品订单传送给化6务。张用框 架可以在一个窗口中显示多个网页,建丘特 殊网灭的转挑放果,星出多样化的网灾肉 容 07:31:41 徐州工程学院
07:31:41 徐州工程学院 1 第6章 FrontPage网页制作 表格可以使网页中的图片、文字资料之间的 位置相对固定，在版面设计中正确使用表格， 可以轻松地设计出专业效果的网页。 网页表单是一种输入界面，通过网页表单用 户可以把商品订单传送给Web服务器。采用框 架可以在一个窗口中显示多个网页，建立特 殊网页的转换效果，呈现出多样化的网页内 容
61 FRONTPAGE000简阶 Fr。 stAge2000是由Mcr。s°t公司鶉业的新一代Web阏页作工,能 郇亦艮、唳地在自已的服亦蛋上创建和筑市阚页。营耽 FrontPage2000可 以剑建、煅针和管覆自己的Wb。可以像饮用字尖翟歌件写富界毯松地 作Wb文面。 有 FrontPage2000,噩页制作人灵完全可以不用些燔乏咪的TML 标记语言,只需像在W重写文章一入文字、入图形、制作格、編 輯蔻接瞢,就能完成灭的作。 心北乎所究的施工作是以所见所“的实蹴行,蓝样,作可以带 量的时间和精方。 FrontPage的面和Word、 Excel PowerPoint等歌 件非常似,那学亭用。即对HTML语言一元所知,使用 FrontPage世能 制作幽疒专业水准的页。 尤其逭痦一戛的戛,可軏化页制作只是 FrontPage的部分劲態, FrontPage与其他卖页骼作二其的不同之尖在宁,它还是一个智能化的Wb 黏点管工,冪Web管人灭以可视化的方贰剑建、组织、新和雄打网 贴。此外,F。ntP翻geE自带一个Web服亦蛋,用广在没有娶藏Web服 鄂的针机上也能夏冠测览醑测武耐才完碗的文,就像在W上测览一举。 07:31:41 徐州工程学院
07:31:41 徐州工程学院 2 6.1 FrontPage2000简介 FrontPage2000是由Microsot公司推出的新一代 Web网页制作工具，能 够方便、快捷地在自己的服务器上创建和发布网页。借助FrontPage2000可 以创建、设计和管理自己的 Web。可以像使用字处理软件写信那样轻松地制 作 Web页面。 有了FrontPage2000，主页制作人员完全可以不用那些枯燥乏味的 HTML 标记语言，只需像在Word里写文章一样输入文字、插入图形、制作表格、编 辑超链接等，就能完成主页的制作。 几乎所有的编辑工作都是以“所见即所得”的方式进行，这样，制作者可以将 主要精力放在页面的内容、布局及美化等方面，而不必在具体的实现上耗费大 量的时间和精力。FrontPage的界面和 Word、Excel及 PowerPoint等软 件非常相似，易学易用。即使对 HTML语言一无所知，使用FrontPage也能 制作出具有专业水准的主页。 尤 其 值 得 一 提 的 是 ， 可 视 化 主 页 制 作 只 是 FrontPage 的部分功能 ， FrontPage与其他主页制作工具的不同之处在于，它还是一个智能化的Web 站点管理工具，帮助Web管理人员以可视化的方式创建、组织、更新和维护网 站。此外，FrontPage还自带一个 Web服务器，使用户在没有安装 Web服 务器的计算机上也能通过浏览器测试刚才完成的网页，就像在Web上浏览一样
AFRONIPAGE20特点 1.直咒豪的砧点管理 用户可以彩用 FrontPage2000的图形面爱针和智能化管 翟,在宜阢彩歌的亦式下剑建黏氚的筼构、组织黏氚的文 件、毓入辀些圭灾或文阼、测貳修复超鲢接,劑作驽的黏 发布翻WWW服务蛋上。 *2.心组织的图形界面 fronTpage提供的軏国式有:阏灾、文件、張惑、辱荒 和任齐,每一种图方式事为用户提了Web点的不同信 戛 *3.骚大的哪板和向辱功能 FrontPage带有大量的板和向辱,使用它们可以冠一步 步的珑擇和确弘,便能完网灭体构的剑作。 07:31:41 徐州工程学院 3
07:31:41 徐州工程学院 3 FrontPage2000特点 1．直观形象的站点管理 用户可以利用FrontPage 2000的图形界面设计和智能化管 理，在直观形象的方式下创建站点的主页结构、组织站点的文 件、输入输出主页或文件、测试修复超链接，将制作好的站点 发布到WWW服务器上。 2．精心组织的图形界面 FrontPage提供的视图方式有：网页、文件夹、报表、导航 和任务，每一种视图方式都为用户提供了 Web站点的不同信 息。 3．强大的模板和向导功能 FrontPage带有大量的模板和向导，使用它们可以通过一步 步的选择和确认，便能完成网页主体结构的创作
HE。NAe特点 4.智能化管 FrontPage具有粗多的智能化特色。例如,曹用户抱一个新页面到手航 靶国中,或是从哥舭靶目中删安一个页面,阏黏中所有相哭灾面的哥鼽条事会 自勁又新;竇用广歌变了一个文件的文件宅,盛是将此文件彩到外一个文阼 奕旷,『 FrontPage自勋修歌阏黏中所有措向就文件的耄態接;曹站作 完歇,要赏市wW服亦 terne时, FrontPage只发市自上次赏布 以來歌又新的文件,弄自勁验阚灭和文的地批。此外,在鄂用户环境中 FrontPage可以自动裣测由其他用广所敞的修歌,以解决不同骼作人页之 阃的冲突。 5.骚大灵的雯灾制作功能 FrontPage提能了一个“所见即所”的页制作工其 FrontPage Editor 在制作阚灭的同时,还生歌对血的HTL代膏。 FrontPage Edito『文持几 乎所有的高级面特亚,如顺、烹幣、 CGI, Java Applet、 Javascript Active阵、勁窥HML以灰 Internet Explorer的颤道定义幣式。此 外, FrontPage Editor还提能了一系列 FrontPage组件,用以寥单 处覆、阏黏家引、搅窜、针數蛋、哥鼽帝鄂复泰功能。 07:31:41 徐州工程学院
07:31:41 徐州工程学院 4 FrontPage2000特点 4．智能化管理 FrontPage具有相当多的智能化特色。例如，当用户拖动一个新页面到导航 视图中，或是从导航视图中删去一个页面，网站中所有相关页面的导航条都会 自动更新；当用户改变了一个文件的文件名，或是将此文件移到另外一个文件 夹时，FrontPage会自动修改网站中所有指向该文件的超链接；当站点制作 完成，要发布到WWW服务器或Internet时，FrontPage只发布自上次发布 以来被更新的文件，并自动验证网页和文件的地址。此外，在多用户环境中， FrontPage还可以自动检测由其他用户所做的修改，以解决不同制作人员之 间的冲突。 5．强大灵活的主页制作功能 FrontPage提供了一个“所见即所得”的主页制作工具FrontPage Editor 在制作网页的同时，还生成对应的HTML代码。FrontPage Editor还支持几 乎所有的高级页面特征，如帧、表格、CGI、Java Applet、JavaScript、 ActiveX控件、动态HTML以及Internet Explorer的频道定义格式等。此 外，FrontPage Editor还提供了一系列FrontPage组件，用以实现表单域 处理、网站索引、搜索、计数器、导航条等复杂功能
四页视 leMicrosoftFrontPagehttplocalhost 文件()编辑(E)查看()插入(I)格式()工具()表格(A)框架(R)窗口()帮助() 自哆·品回舀以曲对,鬥感的②啊回 普通 (默认字体) 昔通 B1Ⅱ蕃目审b·△ 视图文件夹列表 ndex. html 日httplocalhost 超市简介 网页 #-0 abouts fil. E Net sh→p: 物帮助 由口 train. files 网站论坛 2] abouts.htm a index. html 会员服务 文件夹 w train. htm 报表1.宽图 2.文件奕靶图 导航3.图 4.亭靓靶图 超链接5.题鲢接粑图 任务 普通HML预览/」 令 若要获取帮助,请按F1 ]传输方式:IsD,时间:4秒 07:31:41 徐州工程学院
07:31:41 徐州工程学院 5 网页视图 1．网页视图 2．文件夹视图 3．报表视图 4．导航视图 5．超链接视图 6．任务视图
厕灭图片的基本概念 *行W览之盾,阏灾的巧坳編、精亮 的囝毕会给人蝥下際剡即像,劲大多數入 化性界的人赞叹不已,因此图毕在6阏 灭中的重要唑是无庸置疑的。 网页计者为了增添网页的风聚,需要使用 装斾片。魉了增加阏灾內容的可看,鬻 要忝加觉明图毕。在网灭中有些亮的片 带有超级接,单你会淝一片天空 恭图片文件的种粗当多,目而言 灾中最常使用的片文格式有三种: 07:31:41 徐州工程学院 6
07:31:41 徐州工程学院 6 网页图片的基本概念 进行WWW浏览之后，网页的巧妙编排、精美 的图片会给人留下深刻印像，让大多数进入 WWW世界的人赞叹不已，因此图片在Web网 页中的重要性是无庸置疑的。 网页设计者为了增添网页的风采，需要使用 装饰图片。为了增加网页内容的可看性，需 要添加说明图片。在网页中有些漂亮的图片 带有超级链接，单击后你会发现另一片天空。 虽然图片文件的种类相当多，但目前而言， 网页中最常使用的图片文件格式有三种：
GF圈片侣就 “GF是 Graphics Interchange Formati的薰称,是由 CompuServe公司定的图毕裕式,其目的是作为网络上图 片文件突换的桸准,庸于一种256色,使用呆用一种元压繪 方式屁繪的圜毕文格式,这窥咪着在岳繪玘覆中,原始的郾 像敷据弄没疒任何减少,国像质量不会有任何掼害。 失京”( Lossy)和“不失京”( Lossless)措的是图片 在转换此格式时,其国片品质是否和原来粗问,常了增 个加压就票,一些肉服不出来的圆冲菌之就查敏删除捍。 单地觉,这骢囧片在转挑后就与原来的国片不周,而且是不习 以咴复的。 GF郾片榕式经艺爾状童大变革,最琨的变革就是GIF89a, GF89a允忤将郭个图片案存在周一个GF文件重,而且能以 欺认播的顺序显示些图毕,用来剑斐勋面的放聚,经用 作Web灾的广告。 07:31:41 徐州工程学院 7
07:31:41 徐州工程学院 7 GIF 图片格式 “GIF”是Graphics Interchange Format的简称，是由 CompuServe公司制定的图片格式，其目的是作为网络上图 片文件交换的标准，属于一种256色，使用采用一种无损压缩 方式压缩的图片文件格式，这意味着在压缩过程中，原始的图 像数据并没有任何减少，图像质量不会有任何损害。 “失真”（Lossy）和“不失真”（Lossless ）指的是图片 在转换成此格式时，其图片品质是否和原来相问，通常为了增 加压缩效果，一些肉眼看不出来的图片信息就会被删除掉。简 单地说，这类图片在转换后就与原来的图片不同，而且是不可 以恢复的。 GIF图片格式经过两次重大变革，最近的变革就是GIF89a， GIF89a允许将多个图片保存在同一个GIF文件里，而且能以 默认播放的顺序显示这些图片，用来创造动画的效果，经常用 作Web网页的广告
Jc图片格式 JPEG是其制定组织 Joint Photographic Experts Group的筒称, 这是~种能郇岳繪真檠色片的文β裕 式,其屁縮的亦法属于一种失真的处嬃 式, 可从筐所需的岳繪比率蔓国片品质 以到最小的国片尺可,支持24bits的 真彩色图毕。 07:31:41 徐州工程学院 8
07:31:41 徐州工程学院 8 JPEG图片格式 “JPEG”是其制定组织Joint Photographic Experts Group的简称， 这是一种能够压缩真彩色图片的文件格 式，其压缩的方法属于一种失真的处理 方式， 可以依所需的压缩比率调整图片品质， 以得到最小的图片尺寸，支持24bits的 真彩色图片
pNG圈片式 *“PNG是 Portable Graphics Network的称,在1996*才由 w3C( World wide web Consortiun)所制定的web希准厨毕 格式,这是一种完全孜的国片裕式,但其尺可要比上迷 种稠大,而且目养有普這应用亏厕灾设计。 目前阏殺针用的图片文件,GIF和JEPG格式是爾大流, 于到要珑绎何种格实,倒弄非真正的,只需筐所需 品质和色數珑擇即可,为何使用这張图片才是网页设汁管 3要考虎的哭鍵。对于Word2000言,只需择其中之一即 可,但重要的是word2000保存网时疒下列窥事项 在网中插入的图片,如入的JPEG榕式的图片,保 存时仍将它亭成JPEG裕实;如插入的魉其他裕式厨片 〔例始TIFF或BMP),此时Word2000将囝片韩亭GIF 榕实。Word2000歉弘用的是GIF裕式,在Web悲项的国片 聽顶卡习以煅置鞠些成PNG的格式 07:31:41 徐州工程学院
07:31:41 徐州工程学院 9 PNG图片格式 “PNG”是Portable Graphics Network的简称，在 1996年才由 W3C(World Wide Web Consortium)所制定的Web标准图片 格式，这是一种完全开放的图片格式，但其尺寸要比上述两 种稍大，而且目前并没有普遍应用于网页设计。 目前网页设计使用的图片文件，GIF和JEPG格式是两大主流， 至于到底要选择何种格式，倒并非真正的重点，只需依所需 品质和色彩数选择即可，为何使用这张图片才是网页设计首 要考虑的关键。对于 Word 2000而言，只需选择其中之一即 可，但重要的是Word 2000保存成网页时有下列注意事项： 在网页中插入的图片，如果插入的为JPEG格式的图片，保 存时仍将它存成JPEG格式；如果插入的为其他格式图片 （例如TIFF或BMP），此时Word 2000将图片转存成GIF 格式。Word 2000默认使用的是GIF格式，在Web选项的图片 选项卡可以设置输出成PNG的格式
國片处理舍者 晏恭只需插入图片即可马上砒网顶星軏精来欢果,于 Internet网 絡的邃度,太大或太多的图片对于缴号上阙的用广而会成困扰, 因此如何齋用咝和鶉啮良成考片处翟上考的量点,下面有 些事项可供尖獲我彦: 囻片尺守:您可以瘪制阏灭的尺守,簌小的丽片竇獄良能灵眵地淝在用 户眼京。 图片的瓤色數:倒如搡作接氪或裏乖图片,建烈用16色,小用256色图 片。16色和256色的圆片粗比,256色的图片可翼更追真的就事,寬尺 可也较大。 薏啷用片:鄂必之能发挥其最大就用。 确定是香一定要用圆片:如能完,区量蹴小用,因为弄非所有用户 事朵见到它。 WWw幕詹真正的功是精彩的图。因魉单纯的文字肉客祖本元法 吸引彘人们的目宪,所以网绺商店的阏要加上毕、产音和影片 媒怖就,砒阏络髙店魉一个多怖的资骠服条羸 07:31:41 徐州工程学院
07:31:41 徐州工程学院 10 图片处理参考 虽然只需插入图片即可马上让网页呈现精彩效果，但碍于Internet网 络的速度，太大或太多的图片对于拨号上网的用户反而会造成困扰， 因此如何衡量实用性和美观性便成为图片处理上考虑的重点，下面有 些事项可供处理参考： – 图片尺寸：您可以控制网页的尺寸，较小的图片当然便能更快地呈现在用 户眼前。 – 图片的颜色数：例如操作按钮或提示图片，建议使用16色，少用256色图 片。16色和256色的图片相比，256色的图片可呈现更逼真的效果，但尺 寸也较大。 – 谨慎使用图片：务必使之能发挥其最大效用。 – 确定是否一定要使用图片：如能避免，尽量减少使用，因为并非所有用户 都乐于见到它。 WWW幕后真正的功臣是精彩的图片。因为单纯的文字内容根本无法 吸引住人们的目光，所以网络商店的网页需要加上图片、声音和影片 等多媒体效果，让网络商店成为一个多媒体的资源服务点