品才网>生活常识>网页制作实训报告

网页制作实训报告

时间：2024-04-13 12:00:13 晓凤生活常识我要投稿

网页制作实训报告

　　在现实生活中，报告的使用频率呈上升趋势，其在写作上具有一定的窍门。为了让您不再为写报告头疼，下面是小编为大家整理的网页制作实训报告，希望能够帮助到大家。

网页制作实训报告

　　网页制作实训报告 1

　　一、实训目的

　　1．进一步熟悉和掌握网站建设的基本流程和技术规范；

　　2．巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识；

　　3．巩固运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

　　4．巩固综合运用Dreamweaver、Fireworks、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

　　5．具备独立撰写实训报告等科技文件的基本能力；

　　6．在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识。

　　二、实训任务

　　1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

　　2．进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

　　3．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。

　　4．动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。

　　5．综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）

　　6．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。

　　三、实训项目网站

　　基本介绍网站的主题是:游览天下行，快乐共分享。背景图片均为国内外知名旅游地图片，体现网站主题。图片和文字部分采用浮动形式，让网站看起来更生动，更有吸引力；导航栏采用超链接，链接到相关网站，同时插入表单，设置了会员登陆窗口和注册链接。还插入了音乐，轻柔舒缓，仿佛置身于游览圣地中。

　　四、实训中的问题和解决办法

　　1、图片太大，链接上就影响整个网页的效果，用可牛将图片修饰裁剪后在链接进去。

　　2、不能出现完整的站点地图。讲html另存为index.html，并设成首页，其他导航栏要依次链接并设成首页。

　　3、插进的音乐拨不起，格式不对。下载wav格式的音乐，用。

　　4、按照设置浮动文字的形式插入浮动的图片。请教同学后，用命令

　　五、实训体会

　　一直很羡慕会作网站的人，是那样的神奇，自己做了，才知道其中的技术含量。首先要掌握基本的操作，还要找各种资料，查找数据，一切并不像想象的那样简单，但做好后很有成就感，想要做一个漂亮的网站，不知光想就能做好的，平时上课开一点小差，有些东西就做不起了。唉，以后上课一定要认真听讲啊，网页制作是我们的'专业课，面临现在的就业形势，大学生毕业就失业已成普遍现象，但如果你真的有过硬的专业只是和实践能力有何愁找不到工作呢。电子商务自上世纪兴起，便以不可阻挡的势头迅猛发展着！它方便、快捷、省时、省力，收到企业和个人的极大亲睐。在现代的信息时代中，多种交易都是通过网络实现的，于是，对于掌握这方面的知识越来越重要了！所以，我们要啊抓紧一切机会学习，不断的充实自己，在这个信息爆炸的时代，计算机技术的更新周期不断缩短，紧紧掌握所学的知识是不行的，还要不断扩展新的知识，再次实训中，有的同学作出很漂亮的网站，还插入了自己做的视频，而我是会插入简单的图片和音乐，当时的触动很大，所以，现在的我们要有危险意识了，毕业后我们的路该怎样走就看现在的学习了，不是抱怨学校和专业的时候了，没有用的，再好的学校，再好的专业，自己不好好学，将来走进社会还是一无所成的！以后我会认真上每一堂课，认识完成每一次作业，每一次实习，将来的路是自己走出来的！！

　　网页制作实训报告 2

　　一、实习目的

　　① 学会制作新闻发布系统。

　　② 学会制作在线调查系统。

　　③ 熟悉购物网站的主要功能和栏目。

　　④ 学会购物网站数据库表的创建和数据库连接的创建。

　　⑤ 学会购物系统前台页面制作和后台管理制作。

　　二、实训内容

　　1.创建数据库表

　　① 启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。

　　② 弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。

　　③ 单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。

　　④ 弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。

　　⑤ 执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。

　　⑥ 单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。

　　2.创建数据库连接

　　新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。

　　3.制作购物网系统页面

　　① 用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定

　　数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。

　　② 用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。

　　③ 用index.html创建denglu.asp商品详细信息页，创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。

　　④ 用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp，在其中插入表格输入文字，并设置返回链接。

　　⑤ 用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp，在其中插入表格输入文字，并设置返回链接。

　　⑥ 用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。

　　⑦ 用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp，在其中插入表格输入文字，并设置返回链接。

　　⑧ 用index.html创建shanchu.asp删除页面，插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp，在其中插入表格输入文字，并设置返回链接。

　　三、疑难解惑

　　① 网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。

　　② 创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。

　　③ 登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。

　　④ 创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID"显

　　示为"下拉列表中选择“菜单”，并在“菜单属性”里的“域”列表中选择fenlei。

　　⑤ 修改页面点进去初始内容都一样，“唯一键列”下拉列表中应选择shpID。

　　⑥ 商品分类点进去每个种类都一样，查找原因，发现记录集中筛选是shpID，把记录集中的筛选改为fenleiID解决。

　　四、实训心得

　　经过一周动态网页的实训，使我们对本学期的这门课进行了整体的汇总。在这汇总期间，也算是对自己本学期的一个考核，此次实训暴露出了许多我自身存在的.问题，同时也对自身有了很大的提高。

　　在这次实训中，我也有许多收获。首先，我体会到了作为一个计算机专业的人，不会用DW的痛苦和尴尬。在制作的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自制作动态网页，难免会遇到过各种各样的问题，同时在制作的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷，弄清的以前没有搞懂的知识点。经过多番的努力和辛酸，我成功地完成了这次过程艰辛的实训，而且我从中体会到了一种叫做‘成功的喜悦’的感觉，那种小有成就的兴奋是只有置身其中的人才能体会的。

　　在实训过程中，我更体会到了基础知识的重要性，也许我们正在迷惘，我们是否学到了东西，但事实说明零零散散的知识，在项目开发当中起到了非常关键的作用，我们不缺少时间和工具，我们只是缺少经验和动手能力，如果我们以后能更好的在各方面增长自己的经验，相信我们能在长长的就业队伍中脱颖而出的!相信自己，相信未来。今后我将会更加努力的学习，不断提高自身素质，为我将来的就业打下良好的基础。

　　网页制作实训报告 3

　　一、实训目的与要求

　　目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用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信息服务，选择默认网站右单击选择属性，在主目录中的本地路径选择所建的根目录夹，单击确定。

　　第三天，选择布局表格在工作区里建立表格外框，在属性当中调整表格大小然后在插入中择图像，选择所要添加的图像，在表格当中写入所要添加的文字，首页工作基本做好，新建文件，打开后建立表格，插入图片和文字。

　　第四天，利用准备好的材料，电子相册、作品等进行完善主页及各个子页，然后创立链接。

　　第五天，进行动态与静态的连接，然后进行测试，上传作业。

　　六、实训总结：

　　五天的实训课程结束了，此次实训检验了通过一学期的学习对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。在这五天的学习当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识，也让我体会到了团结的重要意义，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。

　　实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用血去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。通过这五天的学习，在制作过程中出现了许多问，这些都是细节问题，我与同学进行了细致的研究后，最后达到了所要预期的效果.

【网页制作实训报告】相关文章：

打印