网页设计报告.doc

网页制作与网站建设课程设计报告院别： 班级： 学号： 姓名： 指导教师： 日期： 目 录1. 网站设计目的和任务；2. 网站主题；3.网站设计环境（所用平台及使用到的相关软件介绍）；4.网站规划思想（网页具体内容介绍，网站目录结构说明，主要页面截图）；5.网站页面链接结构；6.综合知识的运用情况（图片处理，动画制作，特殊效果说明）；7.课程设计心得与体会一 、网站设计目的和任务1.目的本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握、Flash 8、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质，逐渐培养做一个完整项目的能力。2.任务1）一个以自我介绍及个人爱好为主要内容的个人主页。2）至少要有5个网页的内容，应包含文字（与自我介绍有关）、一幅以上的图片（利用Fireworks对自己的照片进行编辑修饰，要有多幅图像的合成效果，并在图像上加入文字）、一个以上的动画(运动补间动画和形状补间动画至少各用到一次)，其它内容（布局排版等）自定。二、网站主题 纯真年代chenyoulove三、网站设计环境1.软件：Dreamweaver cs3、Flash 8、Fireworks 8 Dreamweaver cs3、Flash 8、Fireworks 8是“网页制作的三剑客”。 Dreamweaver cs3是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。Dreamweaver中有强大的CSS样式表编辑器，可以比较轻松的编辑CSS样式。 Flash 8是种动画创作与应用程序开发于一身的创作软件，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度。四、网站规划思想 1设计步骤1、制定网页设计计划（1）选题：确定网站主题（本次以个人网页“纯真年代”为主题）（2）制定一个切实可行的网站开发计划。2准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。3设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。4创建本地网站，建立网站的目录结构。5制作首页。6制作二级子页。7制作内容页。8创建超级链接。9测试与浏览网页。2网页具体内容介绍及结构说明 网站结构说明首页二级结构三级结构首页首页一首歌曲链接和歌词个人资料个人资料本人的基本资料和个人爱好相册我本人图片李冰冰李冰冰图片王力宏王力宏图片日志我的偶像王力宏和钟汉良个人日志老者三问艾特我腾讯、新浪、百度、优酷的空间微博一些空间微博的超链接网址 3主要页面截图首页截图二级页面截图内容页面截图 （附：首页用了两张截图，是因为首页中“纯真年代”四个字插入了形状补间动画，内容页面截图右边的蝴蝶运用了运动补间动画）五、网站页面链接结构1.链接在首页以及每个二级页面的“首页”、“个人资料”、“日志”“相册”、“艾特我”以及某几个二级页面的其他地方也设有链接，如“相册”中“我”及“我”的图片和日志中“老者三问”等地方。2.超链接在两个地方设有超链接：一个在“个人资料”中“李冰冰”和“王力宏”设有超链接，链接的是他们百度百科的资料；一个在“艾特我”几个网站的微博空间设有超链接，链接的就是微博空间的主页。、六、综合知识的运用情况(一)图片制作、图片制作运用的是Fireworks软件，具体图片是网页“我”中“我与王力宏”的图片。先运用的是魔法棒抠图“拷贝复制”在“王力宏”的图片上，然后将图片“修改变形水平翻转，缩放”，调整照片的位置。之后，用“滤镜”中的“调整颜色”中“亮度对比度”“色相饱和度”改变照片的亮度情况。动画制作运用的是Flash 8软件，具体图片： “首页”中的“纯真年代”是形状补间动画，以及“我的偶像王力宏和钟汉良”和“老者三问”的网中的动态蝴蝶是运动补间动画。网页制作运用的是软件Dreamwaver软件。页面背景：“修改页面属性”设置背景颜色和文本颜色。 （没有插入背景图片）页面布局：“插入布局对象层”插入图片、动画和文字内容。插入链接：在各个需要的地方插入链接或超链接。页面调整：网页做完以后，保存网页并进行预览，在做微调。七、课程设计心得与体会 通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识， 在设计网页的这几天里，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！ 做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。总体来说，通过这次的对网页课程设计，有