网页制作课程设计报告.doc

网页制作课程设计报告
网页制作课程设计报告
学院：
专业班级：
姓名：
学号：
成绩：
阅卷教师：

目录
1
1
1
主页设计思想 1
1
3网页详细设计分析 1
4结论 2

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

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

要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。
主页设计思想
要求对主页的布局思路进行阐述和分析。

要求对子页的设计以及网页对象的选取思路进行阐述和分析。
3网页详细设计分析
要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操
页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。
二、设计思想
“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。
本网站以新加坡旅游为素材，主要讲解了与新加坡景点相关的内容。首页设风景介绍和风景欣赏两个栏目。景点介绍设7个栏目，风景欣赏只含一个页面。。
首页
风景欣赏
景点介绍
乌敏岛
小印度
牛车水
花柏山
鱼尾狮公园
夜间野生动物园
莱佛士大酒店
三、网页详细设计分析
(一)建立布局
在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。
“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。
：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。
（二）网页中的图像
图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。 图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet
Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。
（1）在网页中插入图像
利用Dreamweaver cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单：
，把光标定位在网页的开始位置。
“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。
“浏览”按钮，出现一个“选择文件”对话框。
“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置
，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框.
“外观”选项卡。
(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。
(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。比如在网页左边插入一幅图像，要