自习 网页设计与制作习题集 实操题

1、自习 网页设计与制作习题集 实操题实验习题1：创建网站与网页布局一.创建一个个人网站1.创建一个本地站点，存放在e盘或f盘上；文件夹名用自己姓名拼音缩写。在该文件夹下创建一个图象文件夹(如images)，用于存放图形文件。2.创建一个远程站点，存放在c：inetpubwwwroot文件夹下，自己新建一个用于存放自己网站的文件夹，文件夹名mysite二.制作网页，使用表格设计网页布局3.在站点根文件夹下创建一个新文件，命名为default.htm,该页为主页，在标题栏输入网页标题(某某的网站)4.新建3-4个网页文件，网页内容自定。5.建立default.htm页与其它网页的链接实验习题2：文本

2、与图像制作顶部一.网页文字制作1.建立文章网页，内容自己设计，进行文本的输入。在段落结尾处使用段落标记p(直接按回车键)；在换行处使用换行符br(shift+回车键)。2.对当前网页中的文本设置字体、字号(在使用不属于系统基本字体时使用后备字体)3.对当前网页中的文本设置颜色4.对当前网页中的文本标题设置居中对齐5.对当前网页中的文本进行缩进6.对当前网页中的文本进行项目列表或与编号列表二.在网页中进行图像的插入与处理1.建立图象网页，插入图片2.自己设置各种图片属性。可使用fireworks处理图象(如重新设置图像大小、剪裁、改变亮度、优化等)。3.自选大小相同的图片，创建轮换图象。并建立与

3、本站点网页的链接4.插入一张图片，创建图象地图，并建立与本网站文件的链接5.制作网站像册，制作缩略图到原图的链接。实验习题3：超链接制作顶部1.新建一个网页，创建以下各种超链接。选择目标在新窗口打开链接至网站链接至当前站点网页文件链接至图片文件链接至word文档链接至flash动画链接至mp3声音文件链接至应用程序文件缩略图至大图的链接2.制作文章网页，在各节开头处建立锚点；对各节标题建立至锚点的链接；在各节处建立返回到网页项部的锚点链接3.在网页上建立一个信箱，创建给自己发送电子邮件的超链接。4.制作一个推荐网站的跳转菜单，加入各网站的url地址实验习题4：网页布局顶部一.使用表格进行网页布

4、局1.新建一个网页，根据网页布局要求插入一个表格，行列数自定，宽度为780象素，边框为0 2.对以上建立的表格进行单元格合并或拆分；对表格行宽和列高进行适当调整；对表格进行插入行或列的操作3.对建立的表格的单元格中插入嵌套表格4.对表格或单元格设置自选背景图象5.在以上建立的表格中插入图象与文字；设置对各单元格水平居中对齐，垂直顶端对齐；设置单元格为"不换行二.使用布局视图进行网页布局1.使用fireworks设计网页布局，文档大小760*700像素、导入或自己绘制网页所需图形。将各个图形分别导出，存放在自己站点图象文件夹中、将整个网页图象保存做为跟踪图。2.新建一个网页存盘，修改页

5、面属性，设置跟踪图象(使用fireworks设计的网页布局图象作为跟踪图象)，透明度为50%3.进入布局视图，绘制布局表格与布局单元格。4.根据网页的跟踪图象，对绘制的布局表格与单元格进行调整或移动5.在布局单元格中插入图象6.返回标准视图，设置为单元格背景、输入文字等。三.制作框架网页1.新建一个框架网页(框架类型自选)2.在各框架内插入内容或打开网页，保存各框架页与框架集3.设置各框架属性(边框、滚动条等)4.建立左框架与右框架文章中锚点的链接，要求目标框架为右边的框架5)建立左边导航条中返回主页的链接，设置目标框架为top四.层的制作与使用1.建立一个网页，使用插入相对定位层的方法插入层

6、，并在各层中插入图象，(插入相对定位层方法：先在页面内插入表格，鼠标在某单元格内点一下，让光标在此闪动，然后通过菜单插入一个层)2.在某层上制作嵌套层，在各嵌套层上输入文字或插入图片。3.打开层面板设置各层堆叠顺序与可见性4.对各层命名，设置各层的属性5.使用显示隐藏层行为建立一个鼠标移到某个位置(如文字按钮)时显示层的行为实验习题5：css样式的使用顶部一.制作文章页或诗词页，设置页面属性1)新建或打开网页，设置页面默认字体。2)设置页面上边距为0、左边距为10。3)设置页面背景图片4)设置链接颜色二.创建自定义的css样式1.创建自定义的css样式(存放在css样式表文件中)-标题1、标题

7、2等，使用类型面板设计字体样式，并应用到当前网页中。2.创建自定义的css样式"正文"，字体大小为10点数，字体幼圆；行高为1.8倍行高，并应用到当前网页中。三.重定义html标签1.修改body标签,使用背景面板设置背景图象.不重复、固定、自定位置使用区块面板设置文本对齐为居中。四.修改css样式.1.修改自己所建的标题1模式，使用区块面板设置文本对齐为居中2.重定义"正文"模式，缩进2个字3.修改标题模式，使用边框面板设置下边框为双线、颜色自选五.附加css样式表新建一个网页，附加以上建立的css样式表，并应用样式。六.使用css样式中的过滤器1.新

8、建一个图片网页，使用表格布局后插入图片。2.新建样式，仅应用该文档，设置alpha透明度为50%(在扩展面板的滤镜下拉列表框中设置alpha(opacity=50)3.新建一个样式invert，仅应用该文档，(在扩展面板的滤镜下拉列表框中选择invert)4.建立样式gray，fliph，xray，5.对图片后分别设置以上新建的样式后在浏览器中查看效果。实验习题6：制作模板与库顶部一.模板的建立与使用1.制作一个网页，格式与内容自己设计，将该网页存为模板。2.对该模板建立可编辑区3.新建基于该模板的新文档4.修改模板后查看基于模板的文档的相应改变二.库项目的建立与使用1.建立一个库项目，存放在

9、库中2.在其他文档中插入库项目3.修改库项目实验习题7：插入媒体对象顶部一.在网页中插入flash 1.制作一个flash网页，在网页中插入自选flash按钮，并建立与站点内网页的链接2.在网页中插入flash文本。3.在网页图片上插入flash动画(若图片为背景图可直接在其上插入flash动画；若图片不是背景图可先插入一个层后，在层中插入flash)，要求：将flash背景色设置为透明参数wmode值transparent二.在网页中插入音频1.制作网页的背景音乐，要求使用.mid声音文件，设置插件隐藏，循环播放2.制作一个"音乐欣赏与下载"网页，网页可试听各类声音文件(

10、如.mp3.mid.wma.wav等)；要求点击"试听"按钮时在新窗口打开网页，在该网页中通过嵌入插件播放声音。三.在网页中插入视频建立一个观看影片网页，使用插件播放视频文件如.avi文件、wmv文件等实验习题8：使用行为顶部使用行为，制作网页特效，内容自己设计。在网页中加入以下行为：1.弹出消息2.设置状态条文本3.下载网页时打开窗口4.点击元素打开窗口5.交换图象6.拖动层7.层的显示与隐藏8.改变属性9.检查插件10.弹出式菜单实验习题9：扩展插件的使用顶部使用扩展插件制作网页特效，内容自己设计。1.打开扩展管理器，安装扩展插件(扩展名为.mxp)2.使用滚动字插件m

11、arqueen制作一个从下向上滚动的新闻，当鼠标移至上方时停止滚动；当鼠标离开时继续滚动3.准备3张大小一样的图片，使用横幅广告创建器banner_image_builerr插件制作随机变换广告，每幅广告链接一个网站或网页4.使用顽固的层nirvana floating layer插件，在网页中制作一个当滚动窗口时始终保留在窗口的右下角位置的广告图象，并建立链接实验习题10：综合网站制作顶部一.创建站点1.创建一个本地站点，存放在e盘或f盘上；文件夹名用自己姓名拼音缩写。在该文件夹下创建一个图象文件夹(如images)，用于存放图形文件。2.创建一个远程站点，存放在c：inetpubwwwro

12、ot文件夹下，自己新建一个用于存放自己网站的文件夹，文件夹名mysite 3.在站点根文件夹下创建一个新文件，命名为default.htm,该页为主页三.文章欣赏页制作要求：1.新建一个框架网页，三个框架。顶部框架为标题，右框架放入自选文章，左框架为文章小标题2.使用css样式设置标题与正文的字体、字号、行距为1.6倍行高、body背景(自己制作网页背景)3.将左框架为文章小标题与右框架中的文章锚点链接，链接目标设置为右框架4.制作返回主页的链接，要求链接目标为top(1)设计一个内嵌式css样式，并用于本页的文本。(2)打开一个做了链接的普通网页，并为之添加文字链接的动态效果。(3)创建一个外部css样式文件，并将之应用于两个以上的网页。(4)用层叠样式表面板创建一个名为"myfont"的自