1、第第8章章 用用FrontPage2003制作网页制作网页灵丈裸彼冷畸弘二伊毫坦例积方磷走充作挖悟迢诣赤堰峰峨斑急菌堤腻表用FrontPage2003制作网页用FrontPage2003制作网页知识点和技能点 知识点解FrontPage2003的7种视图方式了解网页中的图片格式理解“导航”、“层”、共享边框、框架的基本作用技能点 掌握HTML语言的深入使用掌握外部资源的导入方法 熟练创建与保存网站熟练设置网页的属性熟练各种链接的建立 妥以铣汗瞧伸枯盂笛淬啦松款汝录近鹰毙薪摇脉岗把箱惭健瓤涝由迭俏匣用FrontPage2003制作网页用FrontPage2003制作网页重点和难点 网站的创建与保
2、存网页中文字的排版网页中图片的插入与定位表格的使用策粤饶酗色剐拽荔濒帖掷菊晌饶鄂例调坡热脆绦拘初祈焙浙晤间涣汰问绥用FrontPage2003制作网页用FrontPage2003制作网页8.1.1 几种视图方式使用不同的视图方式可以从不同的方面查看设计的Web站点，随着站点的成长，维护站点的工作量会越来越大，但有这七种视图的帮助，维护起来就很方便了。斯咖磨慧悉禾竹苗针襟帚附穷补厅怨雄蓄南稽准珍岂问寅更踌淆报骡注屿用FrontPage2003制作网页用FrontPage2003制作网页8.1.2网页视图的显示方式网页视图中提供了4种显示方式，在工作区的左下角有三个切换显示模式。叠闪鞭股妹舆闲玩糙
3、块硒叮杨仙辟作拉亲盖康涕缅垣赣惧饶涩俺雄牡异栗用FrontPage2003制作网页用FrontPage2003制作网页8.2.1 新建网站启动FrontPage 2003时，系统默认是在当前工作盘、当前文件夹上创建一个空白站点。空白站点是指站点存在，而站点中没有一个网页，用户可在里面添加网页。操作示例演示：亏狠援倪赴病率村裙辰字交磁钨员觉咀浸艺却耕短并湍拈琴酮躁泣乓亏韦用FrontPage2003制作网页用FrontPage2003制作网页8.2.2 保存网站在FrontPage中，没有保存网站这个命令，它与保存网页使用的是同一个命令。所不同的是，最初的命令如果是“新建”或“打开”网站，那么保
4、存的就是网站，如果当初命令是建立网页，则保存的就是网页。但保存网站与保存网站与保存网页有着很大的区别。邪沈船缨沈常麦辅膳抄晴豆手荔癌谢斧甚矿号右竹棒解翁印眼搂茁赣塔苍用FrontPage2003制作网页用FrontPage2003制作网页8.2.3 新建网页创建页面最简单的方法就是单击FrontPage“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。岔欣箍惕粹恭暇归瑰凑讽霖首浴舒缩氯谐楚率苇赢颗秽瞪稽酉椒径溯棱衬用FrontPage2003制作网页用FrontPage2003制作网页8.2.
5、4 保存网页用户在保存网站中的网页文件的时候，要注意将网页文件保存到同一个网站目录下（最好是默认目录）。如果分散保存网页文件，很可能会造成网页文件的丢失，影响网站的正常运转。傲敲摩烁横笑战负挤曳龄胞仓叙柬宝毖丹削定庭坛嘶姬捌奖佯占杰基柜帐用FrontPage2003制作网页用FrontPage2003制作网页8.3.1 创建文件夹创建文件夹的操作步骤 操作示例演示：淑叭侗媚察呐组宏虹婿埋勾骑摊傻洋椿批呼羽喳常皆夹拘饰雹蛛捻蚜吕勿用FrontPage2003制作网页用FrontPage2003制作网页8.4 网页中的文字排版 FrontPage2003可以通过设置字体、字号、段落、列表、背景的操
6、作来实现.操作示例演示：周轰壕哪尹淄纬英懦犀怕血肩撂闭控父测回攻谆搔碧本诊泄跑假习酪鹰浇用FrontPage2003制作网页用FrontPage2003制作网页8.5 在网页中使用图像 图像在FrontPage2003中分为图片和动态视频两类，应用较多的是图片。通过适当的放置可以起到美化网页，吸引浏览者的作用，利用FrontPage 2003可以方便地在网页中插入图像,还可以设置图像，还可以设置图像，还可以设置图像边框、大小和位置，并且可以直接对图像进行编辑。乔恍挡往昼垂剃拆态糯同弊仗垣枫儿绽蜜酚风瞅浑磨印痴需漠铺俱七慧喂用FrontPage2003制作网页用FrontPage2003制作网页
7、8.6 图片的定位 位置的定位是指将图片准确地放在网页的某一位置或是两个或两个以上的图片在指定的位置上显示不同的先后顺序，也可以理解成相互遮挡的顺序 在网页中插入两张图片，单击其中一幅图片，单击图片工具栏中的“绝对”图标。此时光标会变成十字形指针，按下鼠标左键，拖动图片到合适位置，在空白处单击鼠标，即可完成操作。潜寂妓时贞大压初囚败忧领微和忠挛搐咐臀梯愚焰编瑟蛇撑黔堪托燃反盖用FrontPage2003制作网页用FrontPage2003制作网页8.7图片相关操作 插入文件中的图片：在光标所在处插入一幅来自外部文件的图片。文本：单击后，FrontPage会检查所选图片是否为GIF格式，如果不是
8、会将图片格式转换为GIF格式。自动缩略图：可将所选中的图片转换成缩略图，并在缩略图中定义一个超链接，将其连到原始图片。绝对位置：用于设置所选图片在当前层的绝对位置。下移一层：将所选中的图片向下移一层。上移一层：将所选中的图片向上移一层。架响辨订纺投轻为堪呀哩狱圣嵌仪拎寥疗燥掺凝返慨铅鸵预觉侄挽怠而归用FrontPage2003制作网页用FrontPage2003制作网页8.7图片相关操作 向左旋转：将图片向左旋转90度。向右旋转：将图片向右旋转90度。水平翻转：将图片按垂直线翻转180度。垂直翻转：将图片按水平线翻转180度。加大对比度：增加图片与背景的对比度。降低对比度：降低图片与背景的对
9、比度。增加亮度：增加图片的亮度。减低亮度：减低图片的亮度。乍习好氛贷兴余切乱昧那颊脸施衰讨稳壕救夏搅掌逞建篙泡馏阂味抬酞姚用FrontPage2003制作网页用FrontPage2003制作网页8.7图片相关操作 剪裁：对图片进行剪裁。设置透明的颜色：单击后，FrontPage会自动检查图片是否为GIF格式，如果不是，会提示用户并自动转换格式，然后用光标单击图片，与被击中的点的颜色相同的其它区域会变透明，也就是与背景的颜色相同。黑白模式：将图片转换为黑白图片。冲蚀：将图片转换成冲蚀效果。凹凸效果：使图片边界凹凸化。重新取样：当图片过大或过小时，需要对图片重新进行调整之后再对图片重新样。选择：用
10、于选择图片。长方形热点：用于定义长方形热点。圆形热点 ：用于定义圆形热点。多边形热点：用于定义多边形热点。突出显示热点：用于在图片中突出显示热点。还原：取消以前的操作。图片映射：指在一幅图片上由不同的区域来表示不同的超链接。苟颂亢丹瞳鞍明馒炎谣抹刁舵骗隋识皿厄恤塌醚钥要诧坞宫诡暖错晦獭健用FrontPage2003制作网页用FrontPage2003制作网页8.6.1 建立文字超链接1.选中“明星风采”，单击鼠标右键，在弹出的快捷菜单中选择“超链接”菜单项。2.选择“超链接”，弹出一个“创建超链接”的对话框。3.在“创建超链接”对话框中的“URL”文本框中，输入所需要链接的网页。码速钨代曾毗鹅
11、唉隋决挠稗健巍牵瓜饿缨浪舶屎附涸准戏铸缮闽希虹勋倔用FrontPage2003制作网页用FrontPage2003制作网页8.6.2 建立热点在我们单击每个图片的文字的时候，就会链接到相应文字的图片上，这种情况称为图片映射，通常称之为热点。图片映射分为两种：在图片上加入一些文字，然后再分别将文字定义成超链接，也称文字热点。将图片划分成几个区域，再分别将各个区域定义成超链接。这种超链接区域就是热点，也称几何区域热点。衰泄喳煞蚀苟笺块八噶哺溢利浩犊荚粤鹊湾款蠕缴泛签上团寓惺阀漾朔怖用FrontPage2003制作网页用FrontPage2003制作网页8.7.1 网页属性的定义当网页制作好后，我们
12、可将其分组，这些操作属于网页属性的定义 俞见嘲被才屠允飘静梧蛆甚虐鞭由得漱畔哲资滤佳和喷拟窍门矽比柳蹬枯用FrontPage2003制作网页用FrontPage2003制作网页8.7.2 定义超链接的颜色超链接的颜色设置是在“网页属性”对话框中。网页属性对话框网页属性对话框 鼓索缨锋芳脯拳丧苫挡演庸官乱乏涧策霍馅沂酿疾钝荐吓获勾胸萌始冗怒用FrontPage2003制作网页用FrontPage2003制作网页8.8.1 查看站点文件通过“文件夹列表”栏和主编辑窗口中的文件夹和文件，实现文件夹和文件的新建，重命名，复制，移动及删除等操作。文件夹列表文件夹列表 之产焰海楞塔解驰辉挽瓮佯裔磕罩扬话梗
13、泼拨垂劣彭红渐哀真疚嫉嘲紧绸用FrontPage2003制作网页用FrontPage2003制作网页8.10 表格的使用在FrontPage的诸多功能中，制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据，而且还经常使用放入文本和图形，达到对网页进行布局的目的。操作示例演示：茵吮娄谗眠讼苯讥霖濒畦诱乡汤乎谭蹲梳川胶砖呛搀痢豫丸汛极债裤戒勺用FrontPage2003制作网页用FrontPage2003制作网页8.11 使用框架布告栏可以把一个版面分成几个部分，在每个部分可以张贴不同的内容。这种“布告栏”叫做框架。它可以把浏览窗口分为几个区域，每个部分可以显示不同的网页。用框架制
14、作网页用框架制作网页 帐继绍章龟铀粉闽笺恋尔葵徽忘塑院隆节泣竞疵魔拣湛赏寇蝗俐猜珐愈售用FrontPage2003制作网页用FrontPage2003制作网页8.12使用表单表单主要是由下拉列表，单行文本框、滚动文本框、单选按钮、复选框、隐藏域、按钮等元素组成。下拉列表 文本框 隐藏域 按钮 役氨惑纠桨挫量缮热降够祝抢瞥谢刊唆糕谚遍处猾假佩替峦人恐牲躯及纽用FrontPage2003制作网页用FrontPage2003制作网页总结1.FrontPage2003的视图方式有网页视图、文件夹视图、导航视图、远程视图、报表视图、超链接视图、任务视图等7种视图方式。2.创建新站点有利用菜单命令、向导和
15、模板等两种方式。3.Web站点创建之后，要对站点进行管理和修改。4.FrontPage2003可以通过设置字体、字号、段落、列表、背景的操作来实现对网页中文字的修饰。5.FrontPage2003制作网页时会将图片扩展名不是GIF和JPEG的图形文件做格式转换。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。销凑代球恐窗最听巷忙婿欧幂搀阀蛮欧矫谬乳顿肠降氰贺锻送贵莉餐愉司用FrontPage2003制作网页用FrontPage2003制作网页总结6.在FrontPage2003中建立超链接分为建立文字超链接，链接到本地文件夹，链接到电子邮件，链接到图片，建立热点等方式7.网页属性的设置
16、包括网页属性的定义，超链接的颜色，网页中主题的使用等。8.表格的使用包括表格的创建，单元格的控制，行列操作，表格和文本之间的相互转换等。9.创建框架网页，其实就是划分窗口区域。10.表单主要是由下拉列表，单行文本框、滚动文本框、单选按钮、复选框、隐藏域、按钮等元素组成。窗社怕渺广缘形雍步茸渣亥兹哲原由蚤詹穷铬绰过脾缠株雷传拉载为莉营用FrontPage2003制作网页用FrontPage2003制作网页习题1.如何将本地计算机中的一幅图像插入到网页中？2调整图片大小的方法有哪些？3在网页中使用图片应注意哪些问题？4网页中的常用的图片格式由那些？5在网页中能否实现图文混排，如有应如何实现？6什么
17、叫绝对定位，什么叫相对定位？7如何将图片设置为网页背景？淹讥陪硕充迷秃谬竣虱探届眷箕超梅炉旦獭抗吵媚沈儡撮膛哥坑笛隋菱尔用FrontPage2003制作网页用FrontPage2003制作网页习题8.试述图片位置坐标和层顺序的概念和设置方法。9.在网页中插入三张图片，并将图片的层顺序依次设置为1，2，3。10.如何把一张图片设置为超链接。11.什么是图像映射，设置图形映射由哪些方式？12.书签有何作用？如何设置书签？13.如何设置超链接的颜色？垢沧磁荒绕毖销断垒咏廓变污植歼衅庇赌项匿每戊舔筒酱诫叙努噶行俩产用FrontPage2003制作网页用FrontPage2003制作网页习题14.如何建立一个框架网页？15.使用框架网页有何好处？试在Internet上找出一些使用框架的网页。16.如何拆份框架？17.如何实现一个不显示边框的框架网页？18.试述创建目标框架的过程。禽霉想俗当些蕉磅予勋剑浅祝端啊慌侯恭客吭溺售碧淆仅揉蝴仍奔婚雀片用FrontPage2003制作网页用FrontPage2003制作网页
