网页制作课程设计报告

学院。专业班级。

姓名。学号。

学院。专业班级。

姓名。学号。

成绩。阅卷教师。

1.设计目的。

阐述该个人**的设计意图和创意，简单介绍自己的个人**。

阐述**的整体设计思想，包括：

要求阐述**整体结构的选择、设计的思想，绘制**结构草图。

要求对主页的布局思路进行阐述和分析。

要求对子页的设计以及网页对象的选取思路进行阐述和分析。

要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。

对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。

一、设计目的。

本课程的设计目的是通过实践使同学们经历dreamwe**er cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用dreamwe**er cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。

了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适**素材设计制作符合要求的网页设计作品。熟练掌握photoshop cs3、dreamwe**er cs3等软件的的操作和应用。

增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。

二、设计思想。

利用dreamwe**er8.0制作一个关于“新加坡之旅”的**，利用**、行为、层和链接等网页设计技术设计页面。

本**以新加坡旅游为素材，主要讲解了与新加坡景点相关的内容。首页设风景介绍和风景欣赏两个栏目。景点介绍设7个栏目，风景欣赏只含一个页面。具体结构如图1.1所示。

三、网页详细设计分析。

一)建立布局。

在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。dreamwe**er cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。

大家都知道，没有**的帮助，很难组织出一个协调合理的页面。

1.点击“alt+f6”键，进入布局模式，插入布局**。建立一个大概的布局。

2.使用背景**：选中该项，按浏览可以插入一幅准备好的**作为**的背景，因为**是以平铺的形式作为**背景，所以**大小和**尺寸都要控制好。

二）网页中的图像。

图像传输是www的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼**图像时接受信息的速度远远超过**文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。

如果网页做得像一幅风景画，浏览者一定会流连忘返（如果**很大，效果会适得其反）。图像文件的格式有几十种，如gif、jpeg、bmp、eps、pcx、png、fas、tga、tiff、wmf等，现在internet explorer和netscape支持的、最常用的图像格式是gif、jpeg和bmp。

1）在网页中插入图像

利用dreamwe**er cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单：

1.新建一个空白网页，把光标定位在网页的开始位置。

2.打开“工具”菜单，选择“**”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的**工具图标，弹出一个“**”对话框。

3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。

4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。

2）图像的各种属性设置。

1.选中所插入的**，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“**属性”菜单项，出现一个“**属性”对话框。

2.打开“外观”选项卡。

1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。

网页制作课程设计报告

网页制作课程设计报告

网页制作课程设计报告总结

《网页设计与制作》课程设计报告

其他用户还读了