网页设计实践报告.docx

1、网页设计实践报告网页设计技术与应用院系：公共管理学院劳动与社会保障学号： 05 申南尢学信息科学与工程学院2016年11月10日“介绍长沙”网站开发与设计摘要： 错误 !未定义书签。关键词 错误 ! 未定义书签。一、网站开发设计思想 错误 !未定义书签。二、网站功能及网站系统设计 错误 !未定义书签 网站功能 错误 ! 未定义书签。网站系统设计 错误 ! 未定义书签。三、遇到的问题及解决办法 错误 ! 未定义书签一问题错误！未定义书签。二解决方法 错误!未定义书签。四、总结 错误 ！ 未定义书签。摘要：网页制作实训的目的主要是让我们通过这门实践课程的学习了解 和掌握网页设计的基本方法， 通过不

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

3、关键词：Dreamweaver、动态网页、静态网页、链接、层、框架、提交信息、浏览信息、层布局表格布局一、 网站开发设计思想通过网页设计课程掌握的网站设计与制作方法，制作一个介绍 家乡一长沙的网站。这个网站网站能够全面展示家乡长沙的美丽景 色、美食小吃、交通建设、经济发展情况，同时网站里插入作者个人 的简介，了解网站制作者的信息另外还有留言板可以供浏览者留言。 以便达到展现自我和交流沟通的目的。同时展示一般的网页中的特 效，使其网站更加可观。二、 网站功能及网站系统设计网站功能区块功能留言板可以提交个人留言信息并 且可以浏览查看留言信息， 并且根据时间前后排序留美食美食板块主要介绍长沙的 美食

4、小吃和各大小吃的地 点，还提供小吃的制作方 式。交通介绍长沙的轨道交通，高 铁、火车、公交线路等，让 浏览者可以了解长沙的具 体交通状况。视频本视频疋作者的相关展示网站作者介绍介绍网站作者其他其他相关介绍网站系统设计介绍长沙首页 背景音乐 视频中心 美食介绍 网站作者 交通主要内容页面 二级内页面作者介绍、美食图片及美食制作方式、交通运输介绍、交通运输图片等规领中心 PR名哇 更电玩皋 氏史疋比详细信息介绍网站首页关于长沙t一：巧L二插乖百亓荒朝：，峠匚下洪和仁芦萤H土決， 怀地域範囲均东登1什盟小屮1贾北第聊TT4G东 整辽吾宵亘諒址M柱年苫专，盍银贷”.珂洒叵市，冃壬 粪庄、左圈两市.：f

5、E抵兰习、註圧冋三-东西任的23舍 h-主：二耒鸵881里：全电土地直霍时9,5乎W士里- M+Jiiz直秸55尸方匕垦：苍沙是一理有3CM除年忘罠 文化牙史餾古城.早在春秋弋期：旣星埜国番眶南万的廉 陡宴地21二料的刘邺殳冠之合+亍冬元前IM隼社二 江为牲沙.井谡立浪朝的身長沙自此之若，径 沙？HS虞建嵌T期SSfJtt育兵家疊争之也MiE 热带學凤性湿滴吒flb Ft挣征悬气愼沮軻WMdt 恤利皑期，聊分费*屋浊市区罩平均PTP*2 餐藝啊At仃rc早駅些543T1C. TffSiSBS1时1出录址.岳帝山、植子凋、天5、莓士眷园勺月赛岛尊怜沙火车鮎側败 又絹型火車曲.站扯柱測南省檢艸轴国

6、却tlfl出直-tiM克汇处加抵空广蛭客聿外隼 甦上a卿编419001军站ifejtf 191W. 197742SM距础It索西站1587舍星、逼厲广j瞒70罐 墓晅配谄貳诂1 口讼里.靈盲广惻倔谏風血蜀訓，谢畳図Y福客廷燼軸割尉*、斤 李，包寰托运业島*逢軽M；東广删石张厢*栏株理瑟删31”全姑直面朝迭4*2万平方米设有3 牛樓羣室.谢自和BR轴玄髓L #KMWlfctt现日均捲班瞎7痒坤OH 日If命理曲9 币人贡*谊有餐车宣种.站會值 嘛廳；车細巒高钿一俅 财育靈总迪的闵酝 舟權上玉 沙hsm弔澤索的手迹忒砂辭甘 盖抄罠年苗是牺脚緞雨有會檢沙帀囱逝口症*砸年轼 砂站飙概从僦见煎官需廉追朮

7、文悯乐休讥删特色三右面着手.时站区管犒由金部髙业冏加帝 塔商丙至& HET頁怙产护亍塢一滾逅,引兰了站卞疽幵若迸需码 w给岀门云池言指乂旧二级网页（美食、交通、景色）姓名年龄镒历张旭20萨中南大学公共管理学劳保1501班学号】4304150105具体介绍点击Czor三级网页（作者个人介绍等）三、遇到的问题及解决办法一问题静态网页制作时表单的浮动设置出现错误，浮动时出现表单层叠 在制作导航条的时候， 问题较多。首先就是导航条不能均匀占据屏幕， 调整后导航条呈现竖条分布。另一个问题就是在制作导航条的时候， 运行时鼠标点击处颜色无法变化，并且当设置的顺序出现先后错误 时，之后的设置将无法修改， 需要

8、重新设置。 而且对电脑数据不太敏 感的我无法及时发现错误的步骤，因此依照老师所做的导航条示例， 一步步修改加上同学的帮助将此问题解决。动态网页时动态网页制作时需要对本机进行环境设置即安装 WEB 服务器。本次 实验需要的就是 IIS 服务器。设置时需要将每一个步骤都很仔细的去 设定，起初的时候设置运行时出现很多的运行错误， 在阅读书本询问 同学之后就解决了。动态网页ASP开始不知道怎么制作和打开，需要安装 WEB服务器， 添加虚拟目录，需要对IIS管理器里的设置进行一系列调整，此步骤比较简单但是需要很细致 第三个问题就是数据库与 ASP 动态网页相连接的时候，遇到了比之 前多的运行错误。 一是

9、数据库无法连接， 服务器测试一项始终无法完 成。二是在数据库链接时， 路径虽然是正确的但是始终显示错误， 这 一问题是在将文件修改为英文字体之后才的意解决。 三是动态网页运 行时图片根本无法显示。 四是在代码复制粘贴时需要将路径代码全部 修改一次转换成自己电脑的路径。 四是数据提交与浏览遇到的问题就 是提交的数据无法保存导致无法浏览， 这一问题在将数据库具体项与 留言板对接后得到解决。二解决方法1、寻求老师帮助2、在电脑上寻找教程3、 将运行的错误进行XX搜索和询问老师同学进行解决4、 根据老师所提前制作的模版进行模仿制作。四、总结 网页设计与制作综合实训是教学过程中重要的实践性教学环节。 它

10、是 根据专业教学计划的要求 .在教师的指导下对学生进行网页制作专业 技能的训练，培养学生综合运用理论知识分析和解决实际问题的能 力，实现由理论知识向操作技能的培养过程，因此，搞好实训教学， 对实现本专业的培养目标，提高学生的综合素质有着重要的作用 .。训练和培养学生获取信息和处理信息的能力， 充分培养和提高学生的 动手能力 ,学会通过网站、书籍等方式收集所需的文字资料、图像资料、 Flash 动画、视频和鼠标特效等。培养学生运用所学的理论知识 和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素 质。培养学生理论联系实际的工作作风， 严肃认真的科学态度以及独 立工作的能力， 树立自信心。

11、 我通过这次实训中非常感谢学校给了我 这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。 我们通过小组分工合作已经完成了网站设计整体布局， 深知要把整个 网站建设好的重要性。 在整个网站的建设中， 我学会了怎么制作动态 静态网页， 我发现对于平时的知识有了很大的提高， 并且合理的在试 验中进行了实践。 在这次实验的过程中， 我搜集了大量的素材、 图片 和网页设计的制作整体布局方法，这些学习不但增加了我的知识面， 而且使我在以后的设计过程中能博采众长， 为制作出好的网页打下了 基础。最后，我感受最深的是：想要最好一个网站，素材和技能都十 分重要。好的素材需要多放面查找资料的， 好的技能需要不断的实践， 经常锻炼做网页。 另一方面， 想要做好一件事， 必须懂得团结合作的 重要性， 要善于询问老师和同学。 做好网站规划与需求分析。 更重要 的一点是， 我希望以后还能有这样的机会来锻炼自己的实践能力， 不 断丰富自己在网页设计方面的知识。