实验2网页设计实验指导

《实验2网页设计实验指导》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实习二网页设计-＞实习目的1.熟悉FrontPage2003的工作环境；2.掌握FrontPage2003站点管理功能；3.掌握FrontPage2003制作网贝的基本方法；4.掌握网页制作中的常用页面布局方法。二.实习内容1.熟悉FrontPage2003的工作环境2.FrontPage2003管理站点功能（个人网站）；3.制作图文混排的网页；4.制作图片展示网页；5.制作个人网站首页；q一"1十门+飾牛ii加右1今1夂lm.u止1夂1亠土以〔‘jtA1Lrn[[”、jyt•厂「••、t二”t…-y

2、口1“丁厂丁=口弋-三.预备知识1.网页制

3、作的基本知识；2.FrontPage2003的工作环境及操作方法四.实习步骤1•熟悉FrontPage2003的工作环境。启动FrontPage2003,熟悉FrontPage2003工作环境。2.FrontPage管理站点①建立站点文件夹：在D盘根n录卜建立myweb文件夹。如果D盘不存在，在C盘建立。②创建站点打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框,选择“空白站点"，在指定新站点的位置中,输入D:myweb或C:myweb（即站点在本地磁盘上的位置），单击“确定”按钮，完成站点的创建。③查

4、看站点目录结构单击“视图栏”（窗口左侧）中“文件夹”图标，即可查看站点冃录结构。FrontPage白动建立了images和_private等文件夹。注意：不要在如“—private”等以开始的文件夹中存放你的任何文件。1mywebiO-Private-I亡

5、aihaoDimagesIOimages-1^3xiangce④创建网站其它文件夹根据要制作的网站的内容，可以建立相应的了文件夹，用以分类存放网站制作中的相关文件。在本站点中，请建立如下文件夹：xiangce和aihao,然后分別在这两个文件夹屮建立文件夹imageso注意：网站目录结构一般

6、在网站创建初期就完成，但也可以在制作网站过程中，随时根据要求建立。2.制作一个图文混排的网页①打开“文件“菜单”,单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。②在页面上单击右键，选择“网页属性”，打•开页而属性对话框，选择各选项卡进行适当配置。③在网页中输入（粘贴）一段文字（孙悟空自传，作业管理系统共享资源中下载），设置笫一•段（作为标题）为“黑体、6号（24磅）”，其余文字设置为“宋体、4号（14磅）”。④在网页中插入一张图片（sunwukong.jpg,作业管理系统共亨资源中下载），设置图片的对齐属性为“左对

7、齐”。调整位置，如图2-1所示。⑤将保存网页到网站的根目录（d:myweb）中,文件名为zizhuan.htm。注意：1.本网页所用到图片都要存入d:mywebimages文件夹中。2.观察在保存网页时出现的“保存嵌入式文件”对话框（如图2-2）,并保存网页中的图片保存到正确的位置。3.“另存为”文件对话框中，要注意保存网页到指定的位置。保存姦人式文件"M吉空白传fwnwlvfFT・400-«町5.刚叮-^•■A・n•八•7<®K1rl渋船目谒穴•：tw.s4tss-i•■舌fl・wx【in黑•屮爰-t-nMC•非••rvt*.Frrii

8、h儿fr・5&•・i■2a•忑穴〒，”et多旁筑薈w/了畀“aftn-i・$rrM・ec・

9、

10、*个・头宅;nmaKI<•盍*亲k^Knr••X2M.PTyYr*“r?i*SK剪盘FAT♦占MX?¥帀”点穴*-l.艳一rltB・r»«5¥E$r“FWivJ・貝・irM後仝.SSL:f,貴八,:*awc:計足JI图2-1zizhuan.him网页I游1、怦."保存文件51片型如）‘・T»f*ns)J图2-2“保存嵌入式文件”对话框4•制作一个图片展示网页①打开“文件”，单击''新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。②

11、在网页屮插入一个7行3列的表格，在表格属性中，将表格的边框粗细设置为0,接着再将第1行的3列合并，输入文字“孙悟空的幸福牛活二设宜为“标题一”格式。调整单元格行高，如图2-3所示。“黒化s?*Mi£yc”I”孙恰呻的讥曲牛活OAMiw图2-4完成的xiangcc.him网页图2-3制作中的xiangchc.him网页①在表格的单元格中，插入图片和文字说明（作业管理系统共享资源中下载）。如图2-4所示。①将保存网页到网站的根目录（d:mywebxiangce）中,文件名为xiangce.htm。注意：本网页所用到图片都要存入d:myweb

12、xiangceimages文件夹中。5•制作个人主页（首页）网页设计时，网页的布局方式将直接影响页面的外观，同时也是体现设计师的水平的一个标准。在设