网页设计实践报告

网页设计技术与应用

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

05 __________

申南尢学信息科学与工程学院

2016年11月10日

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

题目“介 站开发与 作者： 专业班级：

保障

绍长沙”网 设计 张旭 劳动与社会

目录

摘要：错误!未定义书签。

关键词错误! 未定义书签。

一、网站开发设计思想错误!未定义书签。

二、网站功能及网站系统设计错误!未定义书签网站功能错误! 未定义书签。

网站系统设计错误! 未定义书签。

三、遇到的问题及解决办法错误! 未定义书签

｛一｝问题错误！未定义书签。

｛二｝解决方法错误!未定义书签。

四、总结错误！未定义书签。

摘要：

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

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

关键词：Dreamweaver、动态网页、静态网页、链接、层、框架、提

交信息、浏览信息、层布局表格布局

一、网站开发设计思想

通过网页设计课程掌握的网站设计与制作方法，制作一个介绍家乡一长沙的网站。这个网站网站能够全面展示家乡长沙的美丽景色、美食小吃、交通建设、经济发展情况，同时网站里插入作者个人的简介，了解网站制作者的信息另外还有留言板可以供浏览者留言。以便达到展现自我和交流沟通的目的。同时展示一般的网页中的特效，使其网站更加可观。

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

网站功能

网站系统设计

介绍长沙

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

主要内容页面二级内页面

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

规领中心PR名哇更电玩皋氏史疋比

详细信息介绍

关于长沙

t一：巧L二插乖百亓荒朝：，峠匚下洪和仁芦萤H土決，怀地

域範囲均东登1什盟小屮1贾北第聊TT4G东整辽吾宵■亘諒址

M柱年苫专，盍银贷”.珂洒叵市，冃壬粪庄、左圈两市.：fE抵

兰习、註圧冋三-东西任的23□舍h-主：二耒鸵881里：全电土

地直霍□时9,5乎W士里- M+Jiiz直秸55尸方匕垦：苍沙是一

理有3CM除年忘罠文化牙史餾古城.早在春秋弋期：旣星埜国番

眶南万的廉陡宴地21—…二料的刘邺殳冠之合+亍冬元前IM隼社

二江为牲沙.井谡立浪朝的身■…•長沙•・自此之若，径沙？HS

虞建嵌T期SSfJtt育兵家疊争之也«MiE 热带學凤性湿滴吒

flb Ft挣征悬气愼沮軻WMdt 恤’利皑■期，■聊分费*屋浊市

区罩平均PTP*2£’ 餐藝啊At•仃rc・早駅些543T1C.

TffS^iSB^S

1时1出录址.岳帝山、植子凋、天5、莓士眷园勺月赛岛尊

网站首页

判如命:丿、

长沙最共体的英食

1.烧卖马喙囈烧卖任何时候去买都是热的，因为出笼即卖完。好味道来自马啜哆自己炸的油渣”吃起来抽别香-只冇毎天早上g点半前国储削脑城巷子里有卖.温馨提示*火车站国储电脑城右手边的着子里。

2.戳汕耙耙新大新对面的綽油耙耙很出名，上午去旱了没有，卜午

:越宅「：厂沐旷牌花

蒔胖鱼头洗鬲別幵.特

少审植糊由利料fi,姜渝在鱼头上.均匀旷A 向岸判出，砂'吾总乂炖］吩钟, 出谯撤上小

葱毗■、藕、鮮、常，持艮是密卜养，皓左诡.I丄带可上严皂的鲜去.舞捌圣斗KT比

丄7 *3占丄

耳亠.丁

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

｛一｝问题

静态网页制作时

表单的浮动设置出现错误，浮动时出现表单层叠在制作导航条的时候，问题较多。首先就是导航条不能均匀占据屏幕，调整后导航条呈现竖条分布。另一个问题就是在制作导航条的时候，运行时鼠标点击处颜色无法变化，并且当设置的顺序出现先后错误时，之后的设置将无法修改，需要重新设置。而且对电脑数据不太敏感的我无法及时发现错误的步骤，因此依照老师所做的导航条示例，一步步修改加上同学的帮助将此问题解决。

动态网页时

动态网页制作时需要对本机进行环境设置即安装WEB 服务器。本次实验需要的就是IIS 服务器。设置时需要将每一个步骤都很仔细的去设定，起初的时候设置运行时出现很多的运行错误，在阅读书本询问同学之后就解决了。

动态网页ASP开始不知道怎么制作和打开，需要安装WEB服务器，添加虚拟

目录，需要对IIS管理器里的设置进行一系列调整，此步骤

比较简单但是需要很细致第三个问题就是数据库与ASP 动态网页相连接的时候，遇到了比之前多的运行错误。一是数据库无法连接，服务器测试一

项始终无法完成。二是在数据库链接时，路径虽然是正确的但是始终显示错误，这一问题是在将文件修改为英文字体之后才的意解决。三是动态网页运行时图片根本无法显示。四是在代码复制粘贴时需要将路径代码全部修改一次转换成自己电脑的路径。四是数据提交与浏览遇到的问题就是提交的数据无法保存导致无法浏览，这一问题在将数据库具体项与留言板对接后得到解决。

｛二｝解决方法

1、寻求老师帮助

2、在电脑上寻找教程

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

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

四、总结网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程，因此，搞好实训教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用.。训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手

能力,学会通过网站、书籍等方式收集所需的文字资料、图像资

料、Flash 动画、视频和鼠标特效等。培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。我通过这次实训中非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我们通过小组分工合作已经完成了网站设计整体布局，深知要把整个网站建设好的重要性。在整个网站的建设中，我学会了怎么制作动态静态网页，我发现对于平时的知识有了很大的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材、图片和网页设计的制作整体布局方法，这些学习不但增加了我的知识面，而且使我在以后的设计过程中能博采众长，为制作出好的网页打下了基础。最后，我感受最深的是：想要最好一个网站，素材和技能都十分重要。好的素材需要多放面查找资料的，好的技能需要不断的实践，经常锻炼做网页。另一方面，想要做好一件事，必须懂得团结