网页设计实践报告.docx

网页设计实践报告.docx

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

网页设计实践报告

网页设计技术与应用

院系：

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

学号：

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热带學凤性湿滴吒flbFt挣征悬气愼沮軻WMdt恤’利皑■期，■聊分费*屋浊市区罩平均PTP*2£’餐藝啊At•仃rc・早駅些543T1C.TffS^iSB^S

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

怜沙火车鮎

側败又絹型火車曲.站扯柱測南省檢艸轴国却tlfl出直-tiM克汇处加抵空广蛭客聿外隼甦上a卿编419001©军站ifejtf191W.197742SM＜距础It索西站1587舍星、逼厲广j瞒70罐'墓晅配谄貳诂1口讼里.靈盲广惻倔谏風血蜀訓，谢畳図Y福客廷燼軸割尉*、斤李，包寰托运业島*逢軽M；東广删"石张厢*栏株理瑟删31”全姑直面朝迭4*2万平方米「设有3牛樓羣室.谢自和B^R轴玄髓L#KMWlfctt^^»现日均捲班瞎7痒坤OH日If命理曲9币人贡*谊有餐车宣种.站會值・嘛廳■；车細■巒高钿一俅・财育靈总迪的闵酝舟＜權上玉沙・hsm弔澤索的手迹忒砂辭甘＞・盖抄罠年苗是牺脚緞雨有會檢沙帀囱逝口■症*砸年轼砂站飙概从僦见煎官需廉・追朮文悯乐休讥删特色三右面着手.时站区管犒由金部髙业冏加帝塔商丙至&HET頁怙产护亍塢一滾逅,引兰了站卞疽幵若迸需码w给岀门云「•『池言指乂旧

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

姓名

年龄

镒历

张旭

20

萨中南大学公共管理学

劳保1501班

学号】4304150105

具体介绍〔点击

Czo'

r

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

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

｛一｝问题

静态网页制作时

表单的浮动设置出现错误，浮动时出现表单层叠在制作导航条的时候，问题较多。

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

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

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

动态网页时

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

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

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

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

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

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

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

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

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

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

｛二｝解决方法

1、寻求老师帮助

2、在电脑上寻找教程

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

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

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

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

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

料、Flash动画、视频和鼠标特效等。

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

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

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

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

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

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

最后，我感受最深的是：

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

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

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

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

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