Dreamweaver之网页制作报告

《多媒体技术及应用》  报  告

学生姓名：        嘎嘎                 

学    号：        **********             

专业班级：        自动化103班           

网页制作报告(目录)

1.1 阐述该主题网站的设计意图和创意                                       3

1.2简单介绍自己的个人网站                                                3

  3.1建立布局                                                              4 

    3.2网页中的图像                                                          5

      3.2.1在网页中插入图像                                                  5

3.2.2图像的各种属性设置                                                5

3.2.3怎样编辑网页中的图像                                              6

    3.3插入视频和音乐                                                        6

   3.4设置图片循环滚动                                                    7

   3.5设置链接                                                             7

   3.6做个搜索栏                                                      8

   3.7常用的显示-时间天气                                                8

   3.8建立子网和友情链接                                                 9

   3.9文段的处理                                                          9

5、结论总结                             11

1、设计目的

1.1 阐述该个人网站的设计意图和创意。

本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

1.2简单介绍自己的个人网站

我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页，针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。

2、设计思想

2.1在设计中主要用的技术

利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站，利用表格、行为、层和链接等网页设计技术设计页面。

2.2 网页主要的页面

本网站以迈克尔·杰克逊的人生经历为素材，主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点：视频和音乐的点播、滚动图片的浏览、百度的在线检索、实时的时间天气、热点的使用、链接的创建、返回顶点等。主网设有8个栏目，图片含有单多个链接。大致结构如下图所示。

形象图、图片链接

长：325

高：400

高：300

高：300

高：300

3.1建立布局

   在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs6是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。

1.进入布局模式，插入布局表格。建立一个大概的布局，主要方法是利用表格的嵌套方式。 

   2.定义背景风格：使用图片进行设置，代码如下：

4、最终效果图

5、结论总结

     这次实践我也遇到了很多的困难，比如：一开始对dreamweaver的探索和熟悉，之后遇到包括搜索栏的、时间栏的、天气栏的、还有就是滚动图片的，最大的莫过于初始时表格布局没做好，尺寸错了，结果网页乱成一团。这个简单的错误却很致命，因为我花了大量的时间才发现。最后，能成功也是基于此的。所以，认真仔细真的很重要。

    通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，在此次网页设计中，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

    做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。

总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。