网页设计与制作实验报告

网页设计与制作实验报告班级:09电子商务姓名:张洁学号:09221003一实验名称：Photoshop基本操作

二实验内容：

1.制作一个光盘封面

2.制作一个网站banner

3.制作一个网站logo

三实验步骤：

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

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

文件。

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

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

选中两个图层单击右键选择菜单中的“合并图层”。

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

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

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

子，执行菜单“选择?载入选区”命令，在弹出菜单中“选

择?反向”命令，然后按“Delete”键删除，按“ctrl+D”

键取消选区。

●选择工具箱中的钢笔工具，在光盘上输入“婚纱”，然后

调整字体颜色字号和字形，最后保存文件。

2.制作一个网站banner的步骤：

●新建文件。文件大小为600*125像素，分辨率为72像素/

英寸，底色为白色，打开新图片复制粘贴到新建文件中，然后调整位子。

●添加矢量蒙版。打开“图层”面板，选择“图层1”，在

单击面板底部的“添加矢量蒙版”，为“图层1”添加矢量蒙版。然后，选择工具箱中的渐变工具，在选项栏中选择“从前景到背景”的线性渐变方式之后，为图像添加蒙版。

●执行菜单“窗口 动画”命令，打开“动画”面板，设置

第1帧的延迟为0.5秒，然后复制第2帧，使用文本工具输入文字“神秘的大自然”。

●选择第2帧，复制出第3帧，在第3帧中移动文字的位置，

讲第2帧和第3帧同时选中，然后单击“帧”面板底部的“过渡动画帧”，然后在弹出“过渡”对话框中设置要添加的帧数为3。调整各帧中的字体，完成，保存文件。

3.制作一个网站logo的步骤：

●新建文件，文件大小为200*125像素，分辨率为72像素/

英寸，背景为透明。

●选择工具箱中的钢笔工具，在图层中画出想要的图案。

●选择工具箱中的字体工具输入字体，调整字形颜色，为“神

秘的大自然”添加“阴影”图层样式。完成，保存文件。四心得体会：

通过这节课的学习使我懂得了很多，网页设计与制作是不能只靠读读就可以学好的，要一遍一遍的练习，多练几次就熟能生巧了，学到现在都可以懂的，老师教的都会做，其实最主要的还是实践，很喜欢这门课，可以说这门课很好玩。其他也没有什么啦。

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B

二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题

网页设计大作业

网页设计与制作报告书 课程名称:网页设计与制作 报告题目：几米的空间 专业班级：旅管1002班 学号：100104110221 姓名：杨玉颖 指导教师：胡一波

目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论

摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 关键字：网页制作；制作方法；设计要素；网页测试

一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每

《网页设计与制作》期末考试题与答案

〈网页设计与制作》期末考试试题、单项选择题（本大题共30小题，每小题2分，共60分） 1、目前在In ternet上应用最为广泛的服务是（b）。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是（b ）。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成，其中（d）子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为（d ）时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是（c）。 A、