网页制作上机练习题

《网页制作上机练习题》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、【第一章】上机练习：1、下载Dreamweaver8的安装软件，练习Dreamweaver8的安装、启动、关闭和卸载。(从ftp://web@210.28.58.241网站下载)2、启动Dreamweaver8进入其工作界面，分别指出各个组件及其功能。3、在本地计算机D盘建立一个文件夹，以本人姓名和学号命名，如“李明0701010101”。然后创建一个站点，站点的名称以本人的姓名的拼音小写字母来命名，如“李明”的站点名称为“liming”。在站点根目录下新建images、photo、music、flash、main等5个文件夹，在站点根目录下新建index

2、.html、01.html、02.html、03.html、04.html、05.html、06.html、abc.html等8个页面文件。【第二章】上机练习1:一、打开本地站点根目录下的03.html文件，进行如下设置：1、设置文件头内容：文件标题：可爱的校园；插入关键字：学校简介；校园风光；校园文化；教学设施插入META：值－author，内容－你的姓名。2、设置页面属性：（1）设置页面文本颜色为黄色、背景颜色为绿色；（2）设置标题1为72像素、红色；3、插入文本（1）编辑字体，添加黑体和隶书两种字体；（2）在文档编辑窗口输入“可爱的校园”，格式为标题

3、1，字体居中，字体为隶书；（3）录入“学校简介”、“校园风光”、“校园文化”、“教学设施”文字，格式为段落，分为4行，并进行项目列表。（4）在“校园简介”下面另起一行，录入一段校园简介的文字，不少于100字，首行前面4个空格；4、插入图像（1）从网上下载校园风光图片3张，存到网站根目录的images文件夹中；（2）在“校园风光”下面另起一行，插入刚下载的第一张图片，修改图片的属性为300×200；（3）设置鼠标经过图像。把刚下载的第二、第三张图片分别设为“原始图像”、“鼠标经过图像”，修改图片的属性为300×200；（4）插入一个图像占位符，大小为300×

4、200，颜色为黄色。5、在文本最后插入水平线。6、在水平线下面另起一行写入作者姓名，如“作者：李明”。7、在作者后面10个空格后插入日期。上机练习2:一、从学习网站的【网页素材】下载“公园导航图”，在04.html文件中制作电子地图，图片使用锚点链接，具有“返回导游图”功能。二、申请免费空间并上传作业1、从本网站的【学生空间】--【申请免费空间】，申请1个免费的网站空间，并把网站的域名记下；2、在【学生空间】栏目找到你的姓名，通过“操作”-“编辑”，把你的网站域名填写到“作业地址”，同时补充完善个人信息（联系电话、电子邮件），并及时修改你的编辑密码；3、打

5、开index.html做一个简单首页，链接你的作业一和作业二。4、把index.html、03.html、04.html和图片上传到你的免费空间，以后每次作业在首页index.html链接后一起上传到你的空间，老师将通过空间查看你的作业。【第三章】上机练习1:一、打开站点根目录下的01.html文件，创建一个4行×3列的黑色细线表格，表格宽度500像素，单元格间距为1。二、打开站点根目录下的01.html文件，在练习一制作的细线表格中，合并第三行的单元格，把单元格高设为30像素；然后在该单元格（即第三行）插入一个线条颜色为红色、宽为480像素的一像素分割条

6、。三、打开站点根目录下的02.html文件，用嵌套表格方式制作“新年快乐”贺卡。背景图片从学习网站的【网页素材】栏目的“网页背景”或自己从网上下载。1、表格一：1行×1列，宽度500像素，高度318像素，边框为0，单元格间距为0，单元格边距为12像素，背景图像自由选择。2、表格二嵌套到表格一中：1行×1列，宽度100％，高度318像素，边框为0，单元格间距为0，单元格边距为12像素，背景图像自由选择。3、表格三嵌套到表格二中：1行×1列，宽度100％，高度270像素，单元格间距和单元格边距都为8像素，边框为10，边框颜色为红色。背景图像自由选择。4、将光标

7、放置在表格三内，添加文字“恭贺新禧”，文字居中，字号68px，字体为隶书，颜色为紫色。上机练习2:用表格构建课程教学网站首页从学习网站的【网页素材】栏目下载“教学网站图片”压缩包，下载到本地后解压，把解压出来的图片复制到网站根目录的“images”文件夹。打开站点根目录下的index.html文件，清空页面内容。按下面步骤进行制作：（一）网页顶部1、创建表格一：1行2列，宽为760像素，边框及边距均为0，间距为1，背景颜色为绿色，居中对齐。选定表格一的各个单元格，设置背景色为白色，水平为居中对齐。2、将光标置于表格一左边单元格中，插入logo.gif图像。

8、3、将光标置于表格一右边单元格中，插入banner.gif图像。4