网页实训报告_
大庆职业学院计算机应用工程系
(201*级)
网页综合设计
设计时间：设计地点：班级：姓名:指导教师：201*年6月29日至7月3日
教学楼329机房计算机应用07-302班刘峰廉立志
1一、实训目的与要求
目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页的打下坚硬的基础。（1）（2）（3）（4）
掌握创建dreamweaver本地站点的方法，利用表格和层规划网页布局掌握在网页中添加文本，图像，flash动画和音乐等页面元素掌握在创建连接的“查询”与数据库连接等方法。综合运用所学软件进行网页材料准备
要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用。
二.课程设计题目，描述和要求
题目：即将逝去的大学
网页主用内容体现对大学的留念，对大一时光的还念。综合运用翻页Flash相册多彩版、梦想之巅屏保制作+2[1]、美图秀秀、家家乐相册制作、佳影MTV电子相册制作软件8.4.等软件制作了不同种的视频相册。
综合运用Photoshop、Fireworks、CorelDRAW、Flash、Pagemaker等多媒体制作软件，创作出一多媒体作品，为网页制作充分材料。
三.系统分析与设计
主页色彩新颖，由标题栏、导航栏、友情链接及用flash做成的滚动电子相册组成一幅完整画面。电子相册下面是给同学的寄语留言，接着是个人主页、毕业寄语、我的动感相册、我的作品、个人简历等链接子页。
子页根据主页标题栏做了我的留言、我的相册、我的作品展等子页。子页是由不同软件所做的作品。内容丰富、新颖。子页链接简单，与主页和下一个子页及个人简历链接。个人简历时用word制作的长文档简历。内容丰富，色彩鲜艳明了。用截图软件滚动截图截下来的word。在dreamweaver里用表格插入个人简历图片。
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
静态网页的特点简要归纳如下：
(1)静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;
(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定，因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性较差，在功能方面有较大的限制。
四.系统调试过程中出现的主要问题
在制作网页中出现主要问题是热点链接不上子页。通过老师同学及自己在网上找答案最后解决了问题。原因是热点链接在本地文件夹下打开不能达到链接目的，只有在预览或是在根目录下在可以连接成功。
其次在一些软件的使用中也出现不少问题，主要原因是自身没有正真熟悉这款软件，在以后学习中一定回加深练习。
五.实训过程：
第一天,查看实训要求了解做什么网站，然后上网查看他人网站，之后规划自己的网站。在选择的根目录下建一个文件夹，然后打开dreamweaver软件，选择新建站点，输入自己想要见的网站，在存取路径当中选择所建的路径，点击确定。
第二天，对信息服务进行设置，在开始菜单中选择设置中的控制面板中的管理工具双击进入，选择IIS信息服务，选择默认网站右单击选择属性，在主目录中的本地路径选择所建的根目录夹，单击确定。
第三天，选择布局表格在工作区里建立表格外框，在属性当中调整表格大小然后在插入中择图像，选择所要添加的图像，在表格当中写入所要添加的文字，首页工作基本做好，新建文件，打开后建立表格，插入图片和文字。
第四天，利用准备好的材料，电子相册、作品等进行完善主页及各个子页，然后创立链接。
第五天，进行动态与静态的连接，然后进行测试，上传作业。
六．实训总结：
五天的实训课程结束了，此次实训检验了通过一学期的学习对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。在这五天的学习当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识，也让我体会到了团结的重要意义，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。
实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用血去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。通过这五天的学习，在制作过程中出现了许多问，这些都是细节问题，我与同学进行了细致的研究后，最后达到了所要预期的效果.
扩展阅读：电大网页制作实训报告答案
广播电视大学实训报告书
姓名课程名称任务编号Dreamweaver网页设计01学号教材专业/班级网页设计与制作——MacromediaDreamweaver8任务名称使用Dreamweaver建立网站，建立一个网站1、通过站点设置向导建立了站点之后，怎样进一步了解站点的设置打开“管理站点”对话框，双击需要进一步了解的站点名称，在高级设置中进行。2、对多个网站进行管理，要通过什么面板进行通过“文件”面板进行思考题3、思考建立一个个人网站应包括的内容、建立的栏目、需要的素材内容：主要考虑与个人相配合的内容，在突出主题的前提下要丰富内容，使粉丝们多多回头。栏目：主页、相册、留言、日志、关于我们等素材：声音、图片、文本、视频、动漫等考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值204040总分作品评语及成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。考核标准2．良：能够按照要求完成实训任务书中的各项任务。（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写2．白色部分为教师判分用
3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称任务编号Dreamweaver网页设计02学号教材专业/班级网页设计与制作——MacromediaDreamweaver8任务名称网页中插入导航条本次实训你掌握在网页中插入导航条。了哪些新的技术修改、美化导航条。1、怎样在页面中插入“鼠标经过图像”？将鼠标放到要插入鼠标经过图像的地方，单击“插入”→“图像对象”→“鼠标经过图像”，弹出“插入鼠标经过图象”对话框，通过“浏览”按钮，找到“原始图像”、“鼠标经过图像”、“按下时，前往的URL地址”的位置，填写替换文本中思考题的内容，点击“确定”即可。2、“导航条”存在几种状态，分别是什么？导航条可以存在四种状态，分别是“状态图象”、“鼠标经过图象”、“按下图象”和“按下时鼠标经过图象”。考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值205030总分作品评语及成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。考核标准2．良：能够按照要求完成实训任务书中的各项任务。（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写2．白色部分为教师判分用
3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称任务编号Dreamweaver网页设计03学号教材专业/班级网页设计与制作——MacromediaDreamweaver8任务名称插入Flash及多媒体内容插入Flash，注意文件类型的匹配制作难点及解决方法插入视频文件，注意文件类型插入音频，但不要有插件的痕迹，使用代码1、怎样在页面中插入Flash动画、按钮、文字？思考题单击“插入”→“媒体”，分别选择“Flash”、“flash按钮”、“Flash文字”，可插入相应的对象。2、嵌入Java的文件格式是什么？.class考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值205030总分作品评语及成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。考核标准2．良：能够按照要求完成实训任务书中的各项任务。（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写2．白色部分为教师判分用3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称项目编号Dreamweaver网页设计04学号教材项目名称专业/班级网页设计与制作——MacromediaDreamweaver8利用表格进行网页排版本次实训你掌握使用表格布置页面了哪些新的技术对表格的属性进行设置1．如何进行表格的格式化？选中表格（单击表格或单击工作区左下角的“”），利用下面的“属性”区域，对表格进行格式化思考题2．单元格间距和单元格边距的作用是什么？单元格间距是指个个单元格中间的距离。单元格边距是指单元格内的元素与单元格边的距离。考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值205030总分成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。考核标准2．良：能够按照要求完成实训任务书中的各项任务。（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写2．白色部分为教师判分用
3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称项目编号网站建设05学号教材项目名称专业/班级网页设计与制作应用CSS样式表对网页进行排版本次实训你掌握学会了在页面中使用样式了哪些新的技术学会了将样式用于整个网站1、样式表是什么？使用样式表有什么好处？CSS是CascadingStyleSheet的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。好处：强大的控制能力和排版能力；缩短修改时间提高工作量；更有利于搜索引思考题擎的搜索；页面代码的可读性增强；页面代码结构更加灵活；可以灵活并更好地控制确切的网页外观；将格式和结构分离；能制作体积更小、下载速度更快的网页；对多网页同时更新，比以前更快、更好；浏览器将成为更友好的界面。2、使用样式表可以设置页面中的哪些样式？可以设置文本、背景、区块、边框、鼠标光标、链接等样式考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值205030总分成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。2．良：能够按照要求完成实训任务书中的各项任务。考核标准（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写2．白色部分为教师判分用
3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称项目编号网站建设06学号教材项目名称专业/班级网页设计与制作使用层进行网页的排版和布局本次实训你掌握学会了层的知识了哪些新的技术学会了利用层和表格的配合进行网页排版1、如何利用层和表格的配合进行网页排版选择“窗口”下的“层”打开层面板，然后勾选“层”面板上的“防止重叠”选项，这样再绘制层时就不会有叠加和嵌套现象。选择“插入”快捷工具栏中的“布局”对象组，单击左侧第三个“绘制层”按钮，在网页编辑窗口中左侧的位置，拖动光标绘制一个思考题层，选中层后，将鼠标放到层的边缘，鼠标会变成手柄，这时可以拖动鼠标改变层大小。使用层拍板结束后，要将层拍板转化为表格排版，选“修改”下的“转换”，“层到表格”，弹出对话框，选择“表格布局”中的“最精确”，会严格按照层的排版生成表格，但表格的结构会很复杂，选择“最小”可以设定删除宽度小于一个像素的单元格，在“像素宽度”中插入像素值，选择“最精确”。选中“使用透明GIF”，在表格中插入透明图像起到支撑作用。选中“置于页面中央”会让表格在页面居中。单击“确定”按钮。考核内容及标准学生互评成绩设计与制作得分心得及思考题得分综合评语分值206020总分成绩评定1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。2．良：能够按照要求完成实训任务书中的各项任务。考核标准（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写
2．白色部分为教师判分用
3．本报告与学生实际作品相关联广播电视大学实训报告书
姓名课程名称项目编号网站建设07学号教材项目名称专业/班级网页设计与制作在网页中应用模版，设计一个个人网站本次实训你掌握建立、使用并更新模版了哪些新的技术在页面中使用库1、使用模板和库建设网站有什么好处？模板的好处：1.降低开发成本。2.降低维护成本。3.减少资源占用。库的好处：库的好处主要在于部署的简洁性和高效性。可以隐藏建站的源代码。思考题2、怎样建立模板文件？首先要建立站点，之后，单击【插入】、【模板对象】、【建立模板】，在弹出的另存模版对话框中单机【保存】。考核内容及标准分值成绩评定学生互评成绩20设计与制作得分70心得及思考题得分10总分综合评语1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。2．良：能够按照要求完成实训任务书中的各项任务。考核标准（分4个等级）3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。4．差：不能够完成实训任务书中的各项任务。说明：1．浅灰色部分由学生填写
2．白色部分为教师判分用
3．本报告与学生实际作品相关联
友情提示：本文中关于《网页实训报告_》给出的范例仅供您参考拓展思维使用，网页实训报告_：该篇文章建议您自主创作。
来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。
《网页实训报告_》
由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
http://m.bsmz.net/gongwen/673105.html
- 上一篇：顺鑫生态产业开发公司年终总结报告
- 下一篇：Web程序设计实验报告