网页设计与开发实验答案

网页设计与网站开发(清华大学出版社)

第13章 站点的测试与发布---------朱耀庭

网页设计与网站开发(清华大学出版社)

第13章 站点的测试与发布13.1 站点的测试 13.2 申请主页空间及域名 13.3 发布站点 13.4 网站的测试和上传实例 13.5 管理站点 13.6 站点宣传 13.7 本章小结 13.8 课后练习

网页设计与网站开发(清华大学出版社)

13.1 站点的测试浏览器测试 检查和修复链接 清理文档 使用站点报告

13.1.1 13.1.2 13.1.3 13.1.4

网页设计与网站开发(清华大学出版社)

13.1.1 浏览器测试 打开一个需测试的页面，选择“窗口” “结果” “浏 览器兼容性”命令，打开“浏览器兼容性”选项卡面板， 在测试之前，先设置目标浏览器类型及其相应的测试版本 ，单击按钮，在弹出菜单中选择“设置”命令，如图所示，

图13-2 选择“设置”

打开“目标浏览器对话框”,在对话框的“浏览器最低版 本”列表框中选择要检查的浏览器的最低版本，单击“确定 ”,完成目标浏览器的设置。

网页设计与网站开发(清华大学出版社)

13.1.1 浏览器测试 单击按钮，在弹出菜单中选择“检查浏览器兼容性”命令 ，在面板中就会显示一个报

网页设计与制作_实验大纲

《网页设计与制作》课程实验教学大纲

课程性质：独立设课 课程属性：专业基础实验课

适用专业：信息管理、应用技术、软件技术、多媒体技术 学 时：总学时 96 实验学时 32 开出时间： 一 年级 二 学期 综合性、设计性实验项目数：4 学时 先修课程：计算机基础

一、课程简介

《网页设计与制作》课程是计算机专业的一门必修专业课程。它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》 等课程打下一个坚实的基础。

通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。

网页设计与制作实验报告

班级:09电子商务 姓名:张洁 学号:09221003

一 实验名称：Photoshop基本操作 二 实验内容：

1.制作一个光盘封面

2.制作一个网站banner

3.制作一个网站logo

三 实验步骤：

1.制作一个光盘封面步骤：

? 新建文件。新建宽度、高度都为200像素，背景为白色的文件。

? 选择工具箱中的椭圆选框工具，在图层中画一个宽、高各

为360像素的圆，把圆填充为黑色；然后单击图层面板底部的“创建新图层”，在新的图层中画一个宽、高各位120的小圆，把圆填充为白色，把白色小圆移动到大圆的中心。选中两个图层单击右键选择菜单中的“合并图层”。

? 选择工具箱中的魔术工具，选中双环形选区，执行菜单“选

择?存储选区”命令，保存。按“ctrl+D”键取消画布上的选区。

? 打开一张图片，将图片复制粘贴到环形选区上。调整好位

子，执行菜单“选择?载入选区”命令，在弹出菜单中“选择?反向”命令，然后按“Delete”键删除，按“ctrl+D”

键取消选区。

? 选择工具箱中的钢笔工具，在光盘上输入“婚纱”，然后调整字体颜色字号和字形，最后保存

《网页设计与制作》

实验报告

院系名称： 管理学院 专业班级： 电子商务XXXX 学生姓名： XXX 学 号： XXXXXXXX

项目 实验一 （25分） 得分

2016年 5 月

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果

1

2、表单实验的结果

四、实验小结

HTML语言是网页制作的基础，而利用表格布局是重中之重。在这两个实验中，第一个是要注重表格的宽高以及colspan和rowspan的设置，第二个是要注重表单的样式，其中要注意默认选项的设置，单选框name属性值相同，而复选框name属性值应该不同。 本次实验也让我更加注重细节，一遍遍的修改也使我更熟悉HTML语言以及编码的设置，这对于网页制作这门学科来说是一个铺垫。

4

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用Fir

《网页设计与制作》

实验报告

院系名称： 专业班级： 电 学生姓名： 学 号：

项目 实验一 （25分） 得分

2013年 5 月 26 日

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果。 ①表格制作代码：

②网页表格制作截图：

1

2、表单实验的结果 ①表单实验代码：

2

开封郑州洛阳

②表单实验截图：

四、实验小结

通过此次实验，我对在课堂上学习到的知识进行了实际操作，只有真正操作一遍才知道知识并不只是记住就算是会运用。在实验中，我熟悉了表格、表单的知识，操作熟练度也同时得到了提升。勤学多练才是提升的最好途径。

3

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用FireWorks切图的能力； 3、掌握利用CSS+D

实习二 网页设计（2）

一、实习目的

1. 2. 3. 4.

熟悉FrontPage2003 的工作环境； 掌握FrontPage2003 站点管理功能；

掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。

二、实习内容

1. 熟悉FrontPage2003 的工作环境

2. FrontPage2003管理站点功能（个人网站）； 3. 制作图文混排的网页； 4. 制作图片展示网页； 5. 制作个人网站首页；

6. 自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 注：第二次实验完成1至5，第三次实验完成6

三、预备知识

1. 网页制作的基本知识；

2. FrontPage2003 的工作环境及操作方法

四、实习步骤

1.熟悉FrontPage 2003 的工作环境。

启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点

① 建立站点文件夹：

在D盘根目录下建立myweb文件夹。 如果D盘不存在，在C盘建立。 ② 创建站点

打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点

实习二 网页设计（2）

一、实习目的

1. 2. 3. 4.

熟悉FrontPage2003 的工作环境； 掌握FrontPage2003 站点管理功能；

掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。

二、实习内容

1. 熟悉FrontPage2003 的工作环境

2. FrontPage2003管理站点功能（个人网站）； 3. 制作图文混排的网页； 4. 制作图片展示网页； 5. 制作个人网站首页；

6. 自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 注：第二次实验完成1至5，第三次实验完成6

三、预备知识

1. 网页制作的基本知识；

2. FrontPage2003 的工作环境及操作方法

四、实习步骤

1.熟悉FrontPage 2003 的工作环境。

启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点

① 建立站点文件夹：

在D盘根目录下建立myweb文件夹。 如果D盘不存在，在C盘建立。 ② 创建站点

打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点

昆明理工大学信息工程与自动化学院学生实验报告

（ 201 —201 学年第 一 学期 ）

课程名称：Web设计技术 开课实验室： 年 月 日 年级、专业、班 实验项目名称 学号 姓名 成绩 网页设计简介、HTML基础介绍、文字与指导教 段落、列表 师 教师评 教师签名： 语 年 月 日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。

（1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：