三门峡职业技术学院

网站制作实训报告

设计题目：    我爱时尚

系    部：    经济管理系 

专    业：    电子商务 

学生姓名：李媛媛 

学  号:      100501010154

指导教师：              

yi.网站的需求分析

对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。    网站内容规划

1、  网站的首页包括：设计作品，摄影作品，生活点滴，小说文集，资源中心，踏雪留痕，左邻右舍，联系我们。

2、  网站的首页可分为三个部分，分别为首页的导航栏、作品的动态、作品欣赏等。

3、  尽量使网站设计的简单明了、避免设计的页面出现死链接。

三、       网站名称

娱乐天地，跳动你的旋律

四、       网站设计功能介绍

本网站主要是为了方便人们的日常生活，在这个网站上你可以使自己的心情轻松，精神得到陶冶。

五、       预期目标

1、  通过本次实训完成娱乐天地，跳动你的旋律的网站制作，包括二级页面和一些网站制作的基本技巧，掌握网站布局技术。

2、  通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

六、实训过程

1、收集相关网站建设的资料信息

2、运用自己熟悉的软件制作网站

3、将自己建设的网站首页勾画框架

4、利用Adobe Dreamweaver CS3软件建设网站的首页

5、根据自己的需要设计二级页面、设计超链接，实现页面之间的超链接，避免死连接的现象的产生。将需要连接的页面单击确定即可。

6、向页面中插入图片，产生图文并茂的效果。但要注意插入的图片不要过多，以免影响网速。

       通过几周的学习和老师的指导下，明确操作的具体步骤和建设网站的基本理念，丰富了我们的软件技术和应用技巧等方面的知识。经过几周的练习何止是的综合设计出了自己的漩涡小筑，晶晶设计，制作过程中使用Adobe Dreamweaver CS3软件，制作出了网站的整体风格。

        制作网站，首先要确定网站的主题，经过考虑再三，和自己平时浏览过网站，以及对这些网站的了解，做了一个类似的网站，一个集娱乐休闲又可发表自己言论的网站。然后是整体规划。为网站的首页设计成一个色彩鲜明，清晰明了，便于阅读浏览的网页。首页大致分为三个部分：网站的导航栏、作品的展示、网站的动态说明。其中还有联系我们，尽量使网站的内容充分多样化。最后收集资料和素材，大量浏览相关网站，搜集一些有用的信息来完善自己的网站，同时还要考虑网站的布局，特色，颜色搭配，背景图等。再后设计网页图片。再后，为网站申请一个域名。

在制作过程中，才发现，自己懂的太少了，好多不知道的地方。发现自己只会建立模板可应用得不好，操作的也不熟练。通过一短的时间学习，才找到网站建设的基本方法。在制作过程中出现了种种的问题，在问题出现的过程中查找书籍、查找相似网站，来不断的完善自己的网站。

七、   关键技术及解决途径

关键技术：（1）有完整的策划报告(电子版)，实际内容有改动不受影响；

（2）有标题的网站以及有对应自己创意设计制作的Logo图象、图片展示等；

（3）有首页、二级页面、；

（4）有框架、有表单；

（5）有自己创作输入的文字内容并经过排列整理；

（6）使用Adobe Dreamweaver CS3软件模板技术；

（7）不允许出现超级链接错误！

（8）有版权声明、网站信息更新、创意制作人员。

解决途径

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

八、   网站制作过程中的注意事项

不能过于注重色彩的灿烂，只要简单的明了就行，符合网站设计的基本原则，使网站简单明了，使用方便。

   通过这次实习，在制作时尽量让自己的网站更加的丰富多彩，在网页中插入图片，动画，产生静动结合的效果。在实际的操作过程中遇到了许多的问题，但在老师和同学的帮助下我已经建好了自己的漩涡小筑，晶晶设计站。通过这次学习我了解到知识学不到一定的深度和广度在实际的操作过程中就难以应付自如。以后要更深入的学习，不断开阔视野，增强自己的实践操作能力。

九、自我评价

通过本次的实训，在老师的热心指导和精心培养下，我不仅在知识上有了很大的提升而且在心得上也是收获颇多。

本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识在实践中巩固掌握以及进一步熟悉和掌握网页设计与网页制作的基本流程。

回顾这次课程设计，至今我仍感慨颇多，的确，从选题到开始制作，从理论到实践，在一周实训的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果……通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。此次实训中我发现了在网页设计与制作的过程中存在许多的细节问题，也从中学到了很多课本上没有的知识。关键是从自己单独设计与制作网页的过程中，培养了自己主动学习、敢干动手与自己发现问题、解决问题的能力，这为以后进一步的学习网页制作与网站开发打下了一个良好的基础，也给以后的工作作了一个良好的铺垫。

本次实训自己设计的花香盈路软件实现了布局清晰、有条理，视觉效果较好，涉及的知识点较全面等目标，但是在连接数据库等方面还是存在一些问题，这是开发动态网站的重要基础，我认为自己以后应该在静态网页到动态网页的转变方面多钻研、多努力，使自己在静态、动态网站开发上的水平有一个质的提升。

希望通过对本网站的建设，可以提升自己以后在网站建设方面的一部分能力，我相信，现在在努力是为以后的成功的事业打下一个坚实的基础，为自己美好的人生铺好一条阳光而灿烂的道路。通过这次实训是自己的真实能力有了一次质的飞跃。

 

二.系统实现所需要的软件

网站制作花香盈路·网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP

三 、系统功能模块的实现过程

网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。

首页功能模块功能的实现过程

首页主要放置最新动态，导航条菜单包括网站首页 ● 更新公告 ● 周末活动 ● 歌曲欣赏 ● 影视中心 ● 精美壁纸 ● 辅助下载 ● 用户信息 ● 综合导航。底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。

（1）.首页导航功能实现介绍

首页导航有七个链接分别是：网站首页 ● 更新公告 ● 周末活动 ● 歌曲欣赏 ● 影视中心 ● 精美壁纸 ● 辅助下载 ● 用户信息 ● 综合导航。它们都采用“行为”中“交换图像”。如图3-1所示。

图3-1首页导航

（2）.首页公告栏功能实现过程

公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。

图3-2 本站最新公告栏

本站最新公告栏中的信息当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码：

<td height="99"><marquee behavior="scroll" direction="up" width="170" height="116" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">

……

</marquee></td>

（3）.留言板功能实现过程

设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。

图3-4留言薄发表页面

（4）.注册功能模块实现过程

注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计如图3-5所示。

图3-5 注册页面

2更新公告模块的实现过程

本模块是更新公告部分，每个游戏都会有更新公告。

3周末活动功能模块的实现过程

本模块是展示梦幻西游的一些活动，主要是借鉴官方网站和17173网站来完成的。在周末活动，浏览者可以看到，如下图3-8所示。

图3-8周末活动

4 影视中心模块的实现过程

影视中心是一个娱乐的场所。在这里，可以看到，一些资深的老玩家制作的一些视频软件。

  5 辅助下载模块的实现过程

辅助中心是提供玩游戏的一些小工具，是17173和叶子猪网站制作而来的

四、后台管理

每个网站都是需要一个后台管理系统，对整个网站进行数据的管理。在后台中只有管理人员通过口令和密码验证才能进入管理后台的主页面。在后台管理中可以进行留言的查看、留言回复、更新和注册用户信息的查看和注册信息的修改。注册信息的查看和修改步骤基本一至。后台管理设计的逻辑拓扑图如图3-15所示。

六、个人网站测试、上传与发布

七、总结

自从建设自己的网站以来，我有许多感触，由于我们建设的网站，在技术方面的主要由我我来负责，所以我对技术上颇有感想，下面我就浅谈一下我在做网站的时候的一些操作过程和步骤以及策划等等。

    从做网站的第一步开始，我们在选主题方面，想了很长时间，网站主题就是关键，一个网站必须要有一个明确的主题。特别是对于个人网站，我们无法做得像大网站那样华丽和丰富。毕竟精力有限，我觉得找一个我们最感兴趣的主题是最关键的。只有我们自己感兴趣了，我们的网站才会做深、做透，只有有兴趣了才把它当成自己的目标，才会冲着自己的目标去努力，才会做得更好，这样才能给用户留下深刻的印象，加大点击率。网站的主题无限，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。明确了网站的主题以后，我们就开始围绕主题搜集材料了。我没有去搜集，是我们组其他成员去搜集的，但是这确实一想非常重要的一步，他就是整个网页的精髓，如果这一步我们没做好，那我们的网站就感觉只有骨架，而没有内容。从他们搜的材料中，去粗取精，去伪取真，提炼其中的精华。还要大量运用软件去修改图。在这一个关键点上，我们投入了大量的精力。也得到了较好的成果。

    一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。点击率必然会提高。规划网站遇到了很大困难，但我没有停止，我仍然继续的学着，做着。

    到选择工具的时候，尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，我选用的都是所见即所得的编辑工具，是Dreamweaver和Frontpage，除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。我用Flash的原理：搭积木式的将各种所需叠放在一起！因此，便可以作出还算过得去的确良Ｆlash动画了！到这个时候，说真的，有那么一点兴奋的！

    材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。一面前面的努力白费，在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

    网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕

就可以把你的网址告诉给朋友，让他们来浏览。

    网页做好之后，还要不断地进行宣传，宣传是前期和后期极为重要的一项工作，这样才能让更多的朋友认识它，　网站推广非常重要，提高网站的粘度更加重要!我们先利用身边的朋友或是群里让大家帮忙。直到现在我们的网页点击率虽然还没打我们满意的效果。但是我们都相信我们的网站一定会越来越好。因为我们都付出了好多好多。

    与此同时我们更应该知道一是不要急功近利，要耐得住寂寞才行，这也是做网站最忌讳的一点，像我们这样的新手做网站，最初肯定没什么访问量，是很正常的。浮躁也没用，急功近利，投机取巧，吃亏的还是自己；二是不要怕苦怕累，网站不仅要能耐得住寂寞，更要能吃苦，保持每日更新，尽量原创。

    总之我们要持之以恒，坚持不懈的干下去，相信总有一天会水到渠成的。

第二篇：西安地铁二号线D2TJSG-22标段工程实习报告

目录

一．毕业实习目的

二．毕业实习内容及要求

三．毕业实习时间

四．毕业实习地点

五．毕业实习具体内容

六．毕业实习中所收集的资料

七．毕业实习总结

一．毕业实习目的

毕业实习是交通工程专业教学计划中一个重要的综合性的实践性教学环节，通过实习应达到以下目的：

1. 通过毕业实习使我们了解交通工程的现状和发展方向，认识交通工程在国民经济和国家

建设中的重要地位，增强我们的责任感和使命感。

2. 通过毕业实习，认识本专业的性质和任务，以及他在行业中的作用，加深对本专业的了

解与热爱，进一步认识本专业对国家建设的重要意义。

3. 通过对已建成或在建设桥梁，道路，隧道的参观实习，使我们了解道路平面，纵断面及

桥隧结构布置等工程设计的科学性复杂性重要性。

4. 通过毕业实习，使我们将所学理论知识与实际工程联系起来，培养我们分析问题，解决

问题的能力，理论联系实际的工作作风和吃苦耐劳的精神。

5. 此次的毕业实习，是为今后的毕业设计做准备。

二．毕业实习内容及要求

1． 认真阅读在建桥隧工程施工图纸，熟悉图纸，了解施工图的组成，图纸内容及图纸编号，

重点阅读总平面图，纵横断面图，桥梁涵洞的防护，排水结构构件详图。

2． 参观已建道路桥涵工程结构

观察周围情况，如绿化，环境，地形地质情况等。结构形状，体型及立面效果，了解各种结构的功能要求和特点，了解道路平面设计和纵断面设计及平纵断面设计及平纵组合，防护，涵洞和排水结构，桥梁结构所处的地基土的土质条件及采用的基础形成。

3.深入设计院所了解设计的一般程序计算的步骤方法图纸的内容，编号和归档等要求，结合设计题目，收集与自己设计题目有关的实际工程的第一手设计资料 。同时应了解道路桥梁工程设计软件的应用情况。

三．毕业实习时间

20xx年3月28日至20xx年3月31日

四．毕业实习地点

1．中铁十九局集团西安地铁二号线D2TJSG-22标段项目经理部

2．西安地铁二号线TJSG-24标航天城站工程

3.中较低宜公路勘察设计研究所有限公司

五．毕业实习具体内容

（一）.西安地铁二号线D2TJSG-22标段工程概况

该D2TJSG-22标是西安地铁二号线的南端延长线，包括会展中心至三爻站暗挖区间和三爻站，本标段位于长安南路上，车站位于长安南路与雁环中路交汇处，区间位于长安路的下方东侧，按长安南路南北向敷设，三爻站全长179.60米，标段宽度18.50米，为全明挖地下两层式站台。车站共设四个出入口及两个风听，采用明挖顺序作业施工，区间采用矿山法施工，共设两座施工竖井和一联络通道，右线全长1176米，左线全长1173.135米。

在此项目部实习主要内容是参观地下隧道和参看相关施工图，隧道施工图较复杂，尤其是结构图。

（二）西安地铁二号线TJSG-24标航天城站工程概况

该工程位于西安长安区文化街与新华街之间的南长安街上，呈南北走向，车站长163米，标准段宽18.1米，基础埋深-16.9米，车站建筑布置为地下两层，站厅设备用房布置于地下一层，站台位于地下二层。车站土建工程有主体结构和风道，通道等附属结构两部分组成。车站设置四个出口和两组风亭，总建筑面积9488平米。

在此工地的主要实习内容是：听总工讲解该工程的概况及施工进度，并带领我们到施工现场参观。如图1图2

图一：TJSG-24标航天城站施工现场

图二：TJSG-24标航天城站施工现场（大型机械施工）

图三：TJSG-24标航天城站工程施工总平面图

（三）中交第一公路勘察设计研究有限公司自行研发的两种桥梁抗震支座

1.NDQZ系列非线性阻尼辐减隔震球型钢支座

该支座是按照国家标准，欧州标准及相关行业规范研发的桥梁减隔震构件系列产品，获取了国家发明专利。且已经上升为中华人民共和国交通运输行业标准。适用于高烈度地震区的各种公路市政及轨道交通特殊重要桥梁。

结构特点：支座本体采用两侧纤维导向结构，性能稳定可靠。

材料特点：选用了多种优质材料，性能更好，更耐磨更耐候。

安装维护：锚固系统和耗能不见灵活设计。安装维护简易。

支座性能：阻尼性好，具有防落梁功能。使用寿命可达120年。

该球形支座模型如图4所示：

2.HDR系列高阻尼隔震橡胶支座

HDR系列高阻尼隔震橡胶支座是按照现行国家标准及相关行业规范，同时参考欧洲标准研制的减隔震类桥梁构件系列产品，适用于八度及八度以下地震区的各类公路及市政桥梁。

该橡胶支座的特点：

① 安全可靠，性能稳定，具备足够的承载能力及初始刚度。

② 以柔克刚，减震防灾，具有良好的阻尼效果，水平剪切位移及复位能力

③ 优化结构，经济环保，改善桥梁受力状况。优化结构尺寸，降低工程造价。 ④ 灵活耐久，维护保养方便。可根据需求定制设计。材质优良，安装更换简易。

六．毕业实习中所收集的资料

公路桥梁设计的一般步骤：

1. 主要技术条件：

（1） 设计荷载

主要包括恒载，活载，温度，基础不均匀沉降，风荷载，地震荷载，收缩和徐变等

（2） 设计规范

《公路桥涵设计通用规范》

《公路钢筋混凝土及预应力混凝土桥涵设计规范》

《公路桥涵施工技术规范》

《公路工程技术标准》

《公路工程抗震设计规范》

2．尺寸拟定

（1） 桥面宽B=外栏+人行道+非机动车道+车行道+分隔带+车行道+非机动车道+人行道+外栏

（2） 支点梁高

变高度梁 H支=L跨/18(左右)

等两高度 H支=L跨/20(左右)

（3） 跨中梁高 H中= L跨/40(左右)

（4） 翼板悬挑长度 lb=B/4(不超过5.5毫米)

（5） 支点底板宽B底=B/2

（6） 支点底板厚hd= H支/8~ H支/12

（7） 支点截面腹板厚Hw=BL/K H支(K=400~500)

（8） 跨中腹板厚Hw=0.25~0.40m

（9） 跨中截面底板厚hd=0.20~0.35

（10） 顶板板厚hT=0.20~0.40m

3． 材料的选用

梁体混凝土一般选用C40~.C60

4.粱部纵向计算

（1）计算荷载组合

（2）主要计算内容

①各截面正应力

②控制截面主拉应力（支点，L/4，L/8，腹板变化点）

③施工预拱度及支座设偏

④控制截面强度计算

⑤梁体总变形验算

⑤ 分析梁的扭转及剪力滞的影响

6. 横向计算

去控制截面1米宽度框架，按刚性框架计算

汽车及挂车荷载要考虑纵桥向有效分布宽度，计算冲击系数。

毕业实习总结

为期一周的毕业实习已经结束，此次实习的地点是在西安市，实习的内容主要是地铁工程以及设计院参观。其中地铁工程参观了两个标段的施工现场，分别是西安地铁二号线D2TJSG-22标段和西安地铁二号线TJSG-24标。参观的设计院是中交第一公路勘察设计研究有限公司。

此次实习与生产实习不同，生产实习侧重我们实践能力，而毕业实习侧重了解本专业在行业中的地位及重要性，了解目前道路桥梁的房展方向和趋势，同时为将要开始的毕业设计收集资料。

去西安的实习非常适合我，我的毕业设计是桥梁设计。虽然在上个学期有桥梁工程的课程设计，但当时由于设计时间有限，我的设计内容相对较少，只有桥梁上部设计计算和配筋计算，没有下部结构的计算。而此次的毕业实习让我了解到了桥梁设计的基本程序和方法。

这次实习较遗憾的是没有看到随到的施工和隧道的设计程序与方法。可能是由于时间有限吧，我们只看到了一个地铁站台的施工现场。在设计院时，我们还看到了由 中交第一勘察设计研究院设计的两种抗震支座，这让我大开眼界，另外目前该设计院还在研究一个远程设计系统，该设计系统正处在研发阶段，距试用还需一段时间。

总之这次实习很成功，让我们见识了我所学专业前途是很好的，在此，感谢指导老师们辛苦的带领我们去外地实习！