网页设计实践报告.docx

网页设计实践报告.docx

《网页设计实践报告.docx》由会员分享，可在线阅读，更多相关《网页设计实践报告.docx（8页珍藏版）》请在冰豆网上搜索。

网页设计实践报告

网页设计技术与应用

题目：

“介绍长沙”网站开发与设计

******

专业班级：

劳动与社会保障

院系：

公共管理学院劳动与社会保障

学号：

**********

“介绍长沙”网站开发与设计

摘要：

《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。

我所作的网页主题为《长沙》，其中主要是介绍关于长沙的美食美景、历史人物、人文景色等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。

在制作初期，主要是收集设计素材、内容，下载关于长沙美食、交通、美景的图片、个人介绍的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作。

关键词：

Dreamweaver、动态网页、静态网页、链接、层、框架、提交信息、浏览信息、层布局表格布局

一、网站开发设计思想

通过网页设计课程掌握的网站设计与制作方法，制作一个介绍家乡—长沙的网站。

这个网站网站能够全面展示家乡长沙的美丽景色、美食小吃、交通建设、经济发展情况，同时网站里插入作者个人的简介，了解网站制作者的信息另外还有留言板可以供浏览者留言。

以便达到展现自我和交流沟通的目的。

同时展示一般的网页中的特效，使其网站更加可观。

二、网站功能及网站系统设计

网站功能

区块

功能

留言板

可以提交个人留言信息并且可以浏览查看留言信息，并且根据时间前后排序留言

美食

美食板块主要介绍长沙的美食小吃和各大小吃的地点，还提供小吃的制作方式。

交通

介绍长沙的轨道交通，高铁、火车、公交线路等，让浏览者可以了解长沙的具体交通状况。

视频

本视频是作者的相关展示

网站作者介绍

介绍网站作者

其他

其他相关介绍

网站系统设计

介绍长沙

首页背景音乐视频中心美食介绍网站作者交通

主要内容页面二级内页面

作者介绍、美食图片及美食制作方式、交通运输介绍、交通运输图片等

网站首页

二级网页（美食、交通、景色）

三级网页（作者个人介绍等）

三、遇到的问题及解决办法

｛一｝问题

1、静态网页制作时

1、表单的浮动设置出现错误，浮动时出现表单层叠

2、在制作导航条的时候，问题较多。

首先就是导航条不能均匀占据屏幕，调整后导航条呈现竖条分布。

另一个问题就是在制作导航条的时候，运行时鼠标点击处颜色无法变化，并且当设置的顺序出现先后错误时，之后的设置将无法修改，需要重新设置。

而且对电脑数据不太敏感的我无法及时发现错误的步骤，因此依照老师所做的导航条示例，一步步修改加上同学的帮助将此问题解决。

2、动态网页时

1、动态网页制作时需要对本机进行环境设置即安装WEB服务器。

本次实验需要的就是IIS服务器。

设置时需要将每一个步骤都很仔细的去设定，起初的时候设置运行时出现很多的运行错误，在阅读书本询问同学之后就解决了。

2、动态网页ASP开始不知道怎么制作和打开，需要安装WEB服务器，添加虚拟目录，需要对IIS管理器里的设置进行一系列调整，此步骤比较简单但是需要很细致。

3、第三个问题就是数据库与ASP动态网页相连接的时候，遇到了比之前多的运行错误。

一是数据库无法连接，服务器测试一项始终无法完成。

二是在数据库链接时，路径虽然是正确的但是始终显示错误，这一问题是在将文件修改为英文字体之后才的意解决。

三是动态网页运行时图片根本无法显示。

四是在代码复制粘贴时需要将路径代码全部修改一次转换成自己电脑的路径。

四是数据提交与浏览遇到的问题就是提交的数据无法保存导致无法浏览，这一问题在将数据库具体项与留言板对接后得到解决。

｛二｝解决方法

1、寻求老师帮助

2、在电脑上寻找教程

3、将运行的错误进行XX搜索和询问老师同学进行解决

4、根据老师所提前制作的模版进行模仿制作。

四、总结

网页设计与制作综合实训是教学过程中重要的实践性教学环节。

它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程，因此，搞好实训教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用.。

训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力,学会通过网站、书籍等方式收集所需的文字资料、图像资料、Flash动画、视频和鼠标特效等。

培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。

我通过这次实训中非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。

我们通过小组分工合作已经完成了网站设计整体布局，深知要把整个网站建设好的重要性。

在整个网站的建设中，我学会了怎么制作动态静态网页，我发现对于平时的知识有了很大的提高，并且合理的在试验中进行了实践。

在这次实验的过程中，我搜集了大量的素材、图片和网页设计的制作整体布局方法，这些学习不但增加了我的知识面，而且使我在以后的设计过程中能博采众长，为制作出好的网页打下了基础。

最后，我感受最深的是：

想要最好一个网站，素材和技能都十分重要。

好的素材需要多放面查找资料的，好的技能需要不断的实践，经常锻炼做网页。

另一方面，想要做好一件事，必须懂得团结合作的重要性，要善于询问老师和同学。

做好网站规划与需求分析。

更重要的一点是，我希望以后还能有这样的机会来锻炼自己的实践能力，不断丰富自己在网页设计方面的知识。