网页设计实训报告 网页设计实训报告内容

        .《网页设计》实训报告说明书题目：电子信息工程系静态网站设计系部：电子信息工程系班级：计算机XX班指导老师：XXX学生姓名：XXX实训时间：2016.X.X—2016.X.X

        一、实训任务、要求、时间安排

        （一）基本任务：制作图文并茂的电子信息工程系网站

        （二）基本要求：

        1、网站结构完整，导航明确

        2、内容丰富，详实，有效

        3、网站链接完整，准确

        4、版面整齐，美观，大方，独特

        5、css代码，js代码编辑正确，运行无误

        6、二级页面采用模板制作，以便统一设计风格

        （三）指导教师和时间安排

        二、网站设计结构图

        三、实训关键步骤和关键代码解析

        1、新建站点mytraining,在F盘mytraining中新建文件夹css/images/js/swf。

        2、新建文件index.html，修改标题“甘肃畜牧工程职业技术学院网站”。

        3、插入2行1列表格，高

        1022、居中、间距/填充为0。

        选中*{margin:0;padding:0;}#container{width:1022px;height:950px;margin:auto;border:#999999solid1px;}#container_left{width:472px;height:340px;float:left;}#container_right{width:550px;height:340px;float:right;background-color:#FFFFFF;}#bg{background-image:url(images/dh.jpg);background-repeat:no-repeat;}#container_swf{margin-top:3px;float:left;clear:left;}\\把代码引用到<divid=””></div>中复制css/js代码，链接<linkhref=”css/danhang.css”type=”text/css”rel=”stylesheet”media=”screen”/><scriptsrc=”js/danhang.js”type=”text/javascript”></script><spanstyle=”font-size:16px;pudding-leef=”60px”;color:#0000FF;font-weight=600;>通知公告</span>#container_righta:link,#container_righta:visited{color:#000000;font-size:10pt;text-decoration:none;}#container_righta:hover{color:#0000FF;font-size:10pt;text-decoration:underline;}#container_center_lefta:link,#container_center_lefta:visited{color:#000000;font-size:10pt;text-decoration:none;}#container_center_lefta:hover{color:#0000FF;font-size:10pt;text-decoration:underline;}#container_center_righta:link,#container_center_righta:visited{color:#000000;font-size:10pt;text-decoration:none;}#container_center_righta:hover{color:#0000FF;font-size:10pt;text-decoration:underline;}//超链接链接颜色、字号

        4、新建文件夹xxgk/xwdt/tzgg(新建文件：yzlndbg.html做、输入代码，链接)<divid=”hender”>插入图片</div><divid=”title”>粘贴文本</div>

        5、文件/文件另存为模板mymuban.dwt/创建模板区域/可编辑区域。

        6、文件/新建/模板/创建

        四、首页截图

        五、实训感想建立网站的目录结构。制作首页、二级子页、内容页，创建超级链接。

        最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！在此次网站的设计与制作过程中，难免会遇到过各种各样的问题，这毕竟是设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

        对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是internet的普及和发展，网络已经成为了不可或缺的通信手段。

        不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。

        现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的代言人。

        我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。