web网站设计实训报告(范文)1.doc
网页设计实践报告3篇
网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver，frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。
组长分配任务，大家从上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用，但是出现的问题还是有很多。
有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果四实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。
学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。
通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。
这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。
这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。
这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。
总体来说这次是对我的综合素质的培养，锻炼和提高。
《网设计实训报告》
《网设计实训报告》
网页设计实训报告
一、实训目的
本次实训的目的是为了让我们学会运用所学的网页设计技术和工具，设计并制作一个符合规范的网页，提高我们的实际操作能力和综合应用能力。
二、实训内容
本次实训的内容是设计并制作一个公司官方网站的首页。
根据公司的要求，我选择了合适的主题和色调，设计了一个简洁大方、信息明了的网页。
三、实训过程
1.网站规划
根据公司的需求，我首先进行了网站的规划。
我将网站分成了几个板块：首页、关于我们、产品展示、新闻动态、在线留言等。
通过这样的规划，使得整个网站结构清晰，用户可以轻松找到所需内容。
2.页面设计
首先，我选择了一个简洁大方的网页模板作为基础，然后用Photoshop进行设计和美化。
我选取了与公司形象相符的颜色，调整了网页的布局和样式，使得网页看起来整体上更加简洁、大气。
3.网页制作
4.网站优化
四、实训总结
通过这次实训，我学习到了很多网页设计的基础知识和实际操作技能。
我了解了网页的规划和设计原则，学会了使用各种工具进行网页设计和制作。
我也明白了网页优化的重要性，以及如何提高网站的性能和用户体验。
在实训过程中，我遇到了一些问题和困难，比如设计思路不够清晰、
技术实现不够熟练等。
但是通过自学和请教同学和老师，我成功地解决了
这些问题，取得了不错的成果。
通过这次实训，我不仅提高了自己的网页设计技术，也锻炼了自己的
沟通和团队合作能力。
我相信这次实训对我的职业生涯和个人发展会有很
大的帮助，我会继续努力学习，提高自己的专业能力。
web实训报告
web实训报告web实训报告集合9篇随着社会不断地进步，报告的适用范围越来越广泛，不同种类的报告具有不同的用途。
那么什么样的报告才是有效的呢？以下是店铺整理的web实训报告，希望能够帮助到大家。
web实训报告1从那里，我学会了下面几点找工作的心态：一、继续学习，不断提升理论涵养。
在信息时代，学习是不断地汲取新信息，获得事业进步的动力。
作为一名青年学子更就应把学习作为持续工作用心性的重要途径。
走上工作岗位后，我会用心响应单位号召，结合工作实际，不断学习理论、业务知识和社会知识，用先进的理论武装头脑，用精良的业务知识提升潜力，以广博的社会知识拓展视野。
二、努力实践，自觉进行主角转化。
只有将理论付诸于实践才能实现理论自身的价值，也只有将理论付诸于实践才能使理论得以检验。
同样，一个人的价值也是透过实践活动来实现的，也只有透过实践才能锻炼人的品质，彰显人的意志。
务必在实际的工作和生活中潜心体会，并自觉的进行这种主角的转换。
三、提高工作用心性和主动性实习，是开端也是结束。
展此刻自己面前的是一片任自己驰骋的沃土，也分明感受到了沉甸甸的职责。
在今后的工作和生活中，我将继续学习，深入实践，不断提升自我，努力创造业绩，继续创造更多的价值。
我认为大学生实习难，就业难，除非你有关系，能给你简单找到工作，否则就难逃市场选取的厄运。
我在该公司实习总结了五个攻略，只能智勇双全，才能在这个社会中出人头地。
1、宜主动出击：找实习岗位和找工作一样，要讲究方法。
公司一般不会对外公布实习机会，能够主动和其人力资源部门联系，主动争取实习机会。
可个性留意正在招聘人选的公司，说明其正缺乏人手，在没有招到适宜的员工的状况下，很有可能会暂时选取实习生替代。
2、宜知己知彼：求职信和求职电话要稳、准、狠，即稳当地了解公司所处的行业大背景及所申请岗位的要求，准确地阐述自己的竞争力，自信自己就是对方要找的人;同时很诚恳地表现出低姿态，表示实习的热望和决心。
网页系统设计实验报告(3篇)
第1篇一、实验目的1. 理解网页系统设计的基本概念和流程。
2. 掌握网页系统的规划、设计和实现方法。
3. 提高网页设计与制作能力，熟悉相关软件的使用。
二、实验环境1. 操作系统：Windows 102. 浏览器：Chrome3. 开发工具：Adobe Dreamweaver CC4. 编程语言：HTML、CSS、JavaScript三、实验内容1. 网页系统规划2. 网页系统设计3. 网页系统实现4. 网页系统测试与优化四、实验步骤1. 网页系统规划（1）明确系统功能：根据用户需求，确定网页系统的功能模块，如首页、产品展示、新闻资讯、联系方式等。
（2）确定页面布局：根据功能模块，规划页面布局，包括头部、导航栏、主体内容、底部等。
（3）设计导航结构：根据页面布局，设计导航结构，使用户能够方便地浏览各个页面。
2. 网页系统设计（1）设计页面风格：根据网站定位和用户需求，设计页面风格，包括颜色、字体、图片等。
（2）设计界面元素：根据页面风格，设计界面元素，如按钮、图标、表格等。
（3）设计交互效果：使用JavaScript等脚本语言，实现页面元素的交互效果，如滚动动画、鼠标悬停等。
3. 网页系统实现（1）编写HTML代码：使用HTML标签，构建网页结构。
（2）编写CSS代码：使用CSS样式，美化网页界面。
（3）编写JavaScript代码：使用JavaScript脚本，实现页面交互效果。
4. 网页系统测试与优化（1）功能测试：测试各个功能模块是否正常工作。
（2）性能测试：测试网页加载速度和响应时间。
（3）兼容性测试：测试网页在不同浏览器和设备上的显示效果。
（4）优化：根据测试结果，对网页进行优化，提高用户体验。
五、实验结果与分析1. 网页系统规划根据用户需求，本网页系统规划了以下功能模块：- 首页：展示网站简介、最新动态、热门产品等。
- 产品展示：详细介绍各个产品，包括图片、文字、价格等。
- 新闻资讯：发布公司新闻、行业动态等。
web实训报告
web实训报告在本次的Web实训过程中，我主要学习了网站开发的基本知识和技能，并运用所学知识完成了一个具体的项目。
以下是我在实训中的学习和实践经历的总结。
一、实训内容介绍我们的实训项目是开发一个在线购物网站，主要功能包括用户注册、登录、商品展示、购物车管理、订单处理等。
实训期间，我主要完成了以下几个阶段的工作：1. 需求分析与设计在项目开始之前，我们进行了详细的需求分析和系统设计。
通过与需求方沟通，我们明确了网站的功能需求和交互设计，制定了项目计划和工作流程。
2. 系统搭建与数据库设计基于需求分析的结果，我们进行了系统的搭建和数据库的设计。
我使用了前端开发技术HTML、CSS和JavaScript，后端开发技术PHP，并使用MySQL数据库存储数据。
通过这些工具和技术，我们建立了一个能够实现网站基本功能的框架。
3. 前端页面开发在系统搭建完成之后，我负责前端页面的开发工作。
根据界面设计原则和用户体验要求，我使用HTML和CSS编写了网站的各个页面，并运用JavaScript实现了动态效果和交互功能。
在开发过程中，我注重页面的整洁美观，保证了用户的良好浏览体验。
4. 后端逻辑开发除了前端页面开发之外，我还参与了网站后端逻辑的开发工作。
通过PHP编写后端代码，我实现了用户注册登录、商品信息的增删改查、购物车管理和订单处理等功能。
在逻辑开发中，我注重代码的可读性和可维护性，保证了系统的稳定性和功能完善性。
5. 测试与调优在开发完成后，我们进行了系统的测试和调优工作。
通过对各个功能模块的测试，我们发现并修复了一些问题，确保了系统的正常运行。
同时，我们也进行了性能优化，提高了系统的响应速度和用户体验。
二、实训心得与收获通过本次Web实训，我获得了很多宝贵的经验和收获。
以下是我在实训中得到的几点心得：1. 学以致用在实训过程中，我将所学知识应用到实际项目中，通过实践中的发现和解决问题，加深了对知识的理解和掌握。
网页设计实训报告总结3篇
网页设计实训报告总结3篇网页设计实训报告总结 3篇篇一题目：实训课程名称：网页设计系别：专业 / 班级：年级：学号：姓名：指导老师：20xx年 x月 x日目录 1 实训目的 2 实训内容 2.1准备工作 2.2使用的技术 2.3设计制作要求 3 方案设计与实施步骤 4 实训中出现的问题、分析及解决方法 5.2日志 5.3 教程视频 6 实训总结 1 实训目的通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。
(1)掌握规划网站的内容结构，目录结构 ,链接结构的方法。
(2)掌握页面的整体控制和头部内容设置的方法。
(3)熟练掌握网页页面布局的各种方法。
(4)熟练掌握在网页中输入 ,设置标题和正文文字的方法。
(5) 熟练掌握在网页中插入图象 ,flash动画和背景音乐的方法。
(6) 熟练建立各种形式的超级链接的方法。
(7)掌握表单网页制作方法。
(8) 掌握网页特效制作方法。
(9)掌握网站测试的方法。
2 实训内容 1．网站主题要求结合个人工作需要及兴趣爱好，独立完成主题的选择。
2．网站内容要求网站不少于 2级，页面总数不少于 10个；内容和素材避免雷同。
3．设计制作要求 4设计静态网站 (HTML页面 )； 5 站点文件、文件夹的命名与组织要求规范； 6每个网页要求有标题； 7网页要求整合多种媒体（音频、视频、动画、图片、文字等）； 8要求有 CSS的设计和使用； 9 要求网站无错误链接； 2.1准备工作前期做好网页的规划，设计好image view vied css 等目录，做好不混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求网页内容有内涵，图文并麻，跳转无问题，配合 csss 进行开发，千万规划好项目的架构，易于维护。
在网页中有图片，有视频，有图片，有动画。
3 方案设计与实施步骤 1、网站主题我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。
2024网页设计实习报告总结（三篇）
2024网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间，在某知名网络科技公司进行的网页设计实习。
通过参与公司的实际项目，我得以接触到真实的工作环境和工作流程，深入了解了网页设计的相关知识和技能。
本次实习的目的主要是掌握网页设计的基本原理和技能，锻炼分析和解决问题的能力，提升自己在这个领域的实践经验。
通过实习的学习和实践，我将网页设计与用户体验相结合，提出了一些建议和改进措施，希望能对公司的网页设计工作有所帮助。
二、实习内容及经历在实习期间，我主要参与了公司一个正在进行的网页设计项目。
该项目是一个电商平台的网页设计项目，主要涉及到用户界面的优化和功能的添加。
具体的工作内容包括与产品经理和开发团队进行沟通，了解项目需求和用户需求；负责设计网页的布局和样式，以及添加交互功能；与开发团队进行协作，进行网页的编码和调试；与用户进行交流和反馈，根据用户反馈进行网页的改进等。
在实习期间，我逐渐熟悉了公司的工作流程和设计规范，学习了各种网页设计的工具和软件的使用，提升了自己的设计能力和技术水平。
通过与产品经理和开发团队的沟通，我了解到了用户需求的重要性，学会了从用户的角度思考问题，并且能够提出一些改进建议。
在与开发团队的协作中，我学会了与他人合作和沟通，能够更好地理解他们的思想和需求，并提供有效的解决方案。
三、实习收获和体会通过这次网页设计实习，我学到了很多知识和技能，收获了很多宝贵的经验和体会。
首先，我掌握了网页设计的基本原理和技能，学会了如何设计具有吸引力和易用性的网页界面。
其次，我了解了用户体验的重要性，学会了从用户角度思考问题，并且能够提出一些改进建议，为公司的网页设计工作提供一些参考和帮助。
最后，通过与产品经理和开发团队的沟通和协作，我学会了与他人合作和沟通，锻炼了自己的团队合作能力和解决问题的能力。
这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。
网页制作实习报告(6篇范文)
网页制作实习报告（6篇范文）【导语】网页制作实习报告怎么写好？本文精选了6篇优秀的网页制作实习报告范文，都是标准的书写参考模板。
以下是小编为大家收集的网页制作实习报告，仅供参考，希望您能喜欢。
【第1篇】网页制作实习报告一实验过程1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果具体情况如下：通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。
使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。
所以我结合所学专业的内容制作了个人网站，作为实习的成果。
其内容是多样化的。
制作网页用的软件是ｄreamweaver , banner软件。
dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。
例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。
当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。
主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。
于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
web开发实习报告范本（精选5篇）
web开发实习报告范本（精选5篇）第一篇：web开发实习报告范本web开发实习报告范本一、实习目的·让学生了解网站的制作流程和基本技法。
.Dreamweaver的使用·掌握利用IIS完成站点创建，学会站点的规划与创建，能自己创建个人网站和简单的企业网站。
·掌握利用SQL Server的企业管理器建立数据库和数据库表，巩固数据库基本命令的使用。
·掌握利用ASP访问与操作数据库的各种常用的功能及实现方法。
·了解动态网页的制作技术，掌握与数据库的链接及简单的数据处理。
·培训学生的动手能力、综合应用能力和团队合作能力。
二、实习要求·按时、按地参加实习，遵守实习纪律，遵守实习场地的制度；·爱护实习场地的所有实习设备，讲究公共卫生；·做好实习笔记和实习记载，实掌握实习的每项内容；·认真填写好实习报告、实习总结，实习完成统一交实习老师。
三、实习形式·前一周完成ASP、SQL Server(或Access)以及DeramweacerMXXX的学习，要及时完成学习任务。
·后一两周进行网站综合开发实训，可分组进行。
四、实验内容1.网站结构示意图打开我的首页，然后点击zhufu按钮进入按钮界面，所示newyears/进入页面后有一首欢快的背景音乐，在祝福页面里，你可以向你的好友发表你的祝福，你可以对祝福查看和修改，并且还可以看到历史记录，页面右上角可以返回首页。
liuyan1/回到主页再点击留言按钮，进入下一页面，你可以发表留言，不需要审核也能发表。
由于时间仓促，网站暂时到此，网站还在积极开设建设中，敬请期待你的到来五、实训结果实验基本成功实训是培养学生综合运用所学知识,发现,提出,分析和解决实际问题,通过上机练习来培养我们自身实践能力，这次网页布局训练就是其中之一。
这次的网页设计与制作让我收获颇丰。
网页设计实训报告文档
一、实训背景随着互联网技术的飞速发展，网页设计已经成为现代信息传播的重要手段。
为了提高自己的网页设计能力，我参加了为期一个月的网页设计实训课程。
通过本次实训，我对网页设计有了更加深入的了解，以下是我对实训过程的总结和心得。
二、实训目标1. 掌握网页设计的基本理论和方法；2. 学会使用主流网页设计软件，如Dreamweaver、Photoshop等；3. 提高网页设计的美观性和实用性；4. 培养团队协作和沟通能力。
三、实训内容1. 网页设计基础理论在实训初期，我们学习了网页设计的基本理论，包括网页设计原则、色彩搭配、版式布局等。
通过学习，我对网页设计有了更加清晰的认识，明白了网页设计要遵循的原则和技巧。
2. 网页设计软件应用实训过程中，我们学习了使用Dreamweaver、Photoshop等主流网页设计软件。
通过实际操作，我们掌握了软件的基本功能和操作方法，如创建网页、设计图片、编辑文字等。
3. 网页设计与制作在实训中期，我们进行了网页设计与制作。
首先，我们根据客户需求，设计网页的布局和风格；然后，使用Dreamweaver创建网页框架，利用Photoshop制作图片；最后，将图片和文字导入网页，完成网页的制作。
4. 网页优化与发布实训后期，我们学习了网页优化和发布的相关知识。
通过学习，我们掌握了如何提高网页的加载速度、优化搜索引擎排名等技巧，为网页的顺利发布做好准备。
四、实训成果1. 完成了一个具有美观性和实用性的个人网站；2. 掌握了网页设计的基本理论和操作方法；3. 提高了团队协作和沟通能力。
五、实训心得1. 理论与实践相结合在实训过程中，我深刻体会到理论与实践相结合的重要性。
只有将理论知识运用到实际操作中，才能真正提高自己的网页设计能力。
2. 注重细节网页设计是一个注重细节的过程。
在实训过程中，我学会了关注网页的每一个细节，力求做到完美。
3. 团队协作实训过程中，我与团队成员密切配合，共同完成网页设计与制作任务。
web网站设计实训报告(范文)1
web网站设计实训报告(范文)1本文是一份Web网站设计实训报告，主要介绍我在实训中完成的工作内容、设计思路和技术手段，以及在实践过程中所遇到的问题和解决方法等内容。
一、实训内容本次Web网站设计实训的任务是设计一款美食类网站，包括首页、美食列表页、详情页和登录/注册页面。
具体要求如下：1. 首页要有导航栏、轮播图和美食分类模块，能够展示最新美食和热门美食。
2. 美食列表页要有搜索框和多个分类标签，可以根据不同的标签筛选美食。
3. 美食详情页要有美食的图片、简介、详细介绍和评论区。
4. 登录/注册页面要有用户名、密码和验证码输入框，能够进行用户的注册和登录。
二、设计思路针对上述要求，我首先进行了网站的整体设计思路规划：1. 首页设计在设计首页时，我采用了响应式布局的设计方式，让网页内容适应不同设备的屏幕尺寸。
在页面的顶部加入导航栏，包括首页、美食列表、登录/注册和个人中心四个菜单项。
在导航栏下面加入首页的轮播图，让页面更加生动活泼。
在轮播图下方设计不同种类的美食分类，如汤、饮品、蔬菜、鱼类等，鼠标悬浮到不同分类上可以查看不同的美食信息。
2. 美食列表页设计在美食列表页的设计上，我在顶部加入搜索框和多个分类标签，让用户可以根据自己的需求筛选美食。
在页面中间，我采用了瀑布流布局的方式展示美食的缩略图，让页面看起来更加有趣。
用户可以在缩略图上点击进入美食详情页，查看美食的详细信息。
在美食详情页的设计中，我在页面的左侧加入美食的图片，右侧分别展示餐厅名称、美食名称、评价等信息。
在页面的底部设置评论区，让用户可以进行评论和互动。
4. 登录/注册页面设计三、技术手段在完成网站设计的同时，我还采用了一些常用的Web开发技术，如HTML、CSS、JavaScript、jQuery、Bootstrap、AJAX等，具体如下：1. HTML和CSS使用HTML和CSS完成网站的页面结构和样式设计，如网站多个页面的布局、字体样式、色彩搭配、动画效果等。
网页制作实习总结6篇
网页制作实习总结6篇篇1时光荏苒，岁月如梭，转眼间我在某某公司实习已三个月有余。
在领导的关怀与指导下，我学到了很多，感悟了很多。
在实习期间，我不仅提高了自己的专业技能，还学会了如何与人沟通、团队协作，以及如何将理论知识与实践相结合，为日后的工作奠定了基础。
一、实习目的与背景本次实习旨在提高我的专业技能和实际操作能力，使我更好地理解和掌握网页制作的相关知识和技术。
在实习过程中，我将理论知识与实践相结合，注重培养自己的动手能力和创新思维。
通过实习，我期望能够掌握网页制作的基本技能，并具备一定的团队协作能力和沟通能力，为日后的工作打下坚实的基础。
二、实习内容与过程在实习期间，我参与了多个网页制作项目，包括企业官网、产品展示网站等。
每个项目都具有一定的挑战性，需要我运用所学知识进行创意设计和技术实现。
通过不断尝试和摸索，我逐渐掌握了网页制作的基本技能，如HTML、CSS和JavaScript的使用，以及如何运用相关工具进行页面设计和优化。
在项目实施过程中，我注重与团队成员的沟通和协作，共同解决项目中的问题。
通过团队成员之间的相互学习和借鉴，我不仅提高了自己的专业技能，还学会了如何与他人合作完成任务。
同时，我也意识到在项目中保持积极的态度和严谨的工作态度的重要性。
三、实习感悟与收获通过本次实习，我深刻认识到网页制作不仅仅是一项技术活，更是一项需要创意和设计的工作。
在实习过程中，我不仅提高了自己的专业技能，还学会了如何将理论知识与实践相结合，如何运用所学知识进行创意设计和实现。
同时，我也意识到在项目中保持积极的态度和严谨的工作态度的重要性。
在未来的工作中，我将继续努力学习和提升自己的专业技能，不断拓展自己的知识面和视野。
同时，我也将注重与他人的沟通和协作，共同完成工作任务。
希望在未来的职业生涯中，能够不断挑战自己、突破自己，成为一名优秀的网页制作专家。
四、对实习单位及领导的建议在实习过程中，领导给予了我很大的关怀和支持。
《网页设计实训》大一实训报告
《网页设计实训》大一实训报告第一篇：《网页设计实训》大一实训报告网页设计实训报告二零一零年一月网站主题：左手倒影右手年华本次实训历时五天，首先上网查看他人网站，之后规划自己的网站，然后收集文字和图片资料，打开dreamweaver 8软件，选择新建站点，着手自己的网页制作，有时在做网页时会遗忘掉以前学过的知识，我还翻了以前的学过的知识点。
这个网站，我多次使用到跑马灯，我还上网查了一些资料，本想找些代码运用到这个网站中，可是有些失败，就用了跑马灯的链接。
一、网站的主题说明本次实训我是以郭敬明的小说集《左手倒影右手年华》为网页题材内容，网页分有五个类别，包括主页、小说集、留言板、作者简介和映像图画。
主页主要是小说的序言，用跑马灯链接了郭敬明的新浪博客，小说集包含了《左手倒影右手年华》的一本小说文章：回首又见它、扬花、天下、一个仰望天空的小孩、庄周梦蝶、天亮说晚安、桃成蹊里的双子座人、剧本、冬日的幻觉、关于《生活在别处》的别处、思想的声音、毕业骊歌、某年某个春末夏初、八月天高人浮躁、猜火车、四季歌。
二、网站的总体规划这个网站结合了小说安静、忧郁的内容，是以暗色格调为主，主要是黑色和灰色，由主页、小说集、留言板、作者简介和映像图画五个标题栏构成，分别用唯美的小图片做标题按钮，用黄色的字体突出鲜明。
小说集里利用新页面的链接小说内容，运用的背景图像大多都是暗色的，为了形成鲜明的对比，比如：暗色的背景，我就使用白色文字；亮色的背景，我就使用黑色文字。
有几篇文章，由于文字较少，我就把他们放在一个网页里，运用了锚点链接，以减少空间。
二、网站的设计、制作（图1）1.我在首页之前加入了一张进入页面（如图1），我的网站是类似于空间类型，在这里，我用一张图片就说明了我的网站主题，写出了小说名。
2.我的主页（如图2），运用跑马灯链接了郭敬明的博客，插入了时间，运用浮动框架插入了小说的序言。
小说集、留言板、作者简介和映像图画，是保存了首页的模版来制作的，再制作相应的页面，进行相应的浮动框架插入界面。
网页设计综合实训报告1
最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个人想的毕竟不全面，而且，一个人的审美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据其他同学所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。但是，也许那样有些同学会懒的动手，推着给别人做。
(8)掌握表单网页制作方法。
(9)掌握网页特效制作方法。
(10)掌握网站测试的方法。
2.训练和培养获取信息和处理信息的能力,充分培养和提高自身的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3.培养自身运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
(2)熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。
(7)熟练建立各种形式的超级链接的方法。
4.培养自身理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
实训设备及器材：（实训使用的主要工具、软件和辅助工具、软件）
硬件：PC机一台
软件：photoshopCS2，flash8.0，dreamweaver8.0，Fireworks。
网络环境：互联网
实训的步骤和内容：
网页实训报告范文(共16篇)
网页实训报告范文（共16篇）篇1：网页实训心得体会回顾这一个月来的实习生活是一件很值得纪念的事，这是我第一次在外实习，第一次在网上投简历能收到回复。
对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。
在外实习前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。
既然要面试，衣服当然要穿正装，其实我也想的只是大二实习期没有大三的三个月那么长，就那么一个月。
这样短期的工作其实根本没有什么企业愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。
记得刚开始的一个多星期，企业并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。
所以一般企业会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美――web 界面设计如果让用户心动》（点击跳到本人的读书笔记）一书后，就再也很难抽取一点时间来阅读了。
在接下来的这个月里，除了必要的培训以熟悉企业及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再X月X日这个好日子发布。
刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很学校但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。
至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。
网页制作实验报告3篇
网页制作实验报告3篇网页制作实验报告1一、实验目的及要求：本实例的目的是设置页面的背景图像,并创建鼠标经过图像。
二、仪器用具1、生均一台多电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
三、实验原理设置页面的背景图像,并创建鼠标经过图像。
四、实验方法与步骤1) 在“页面属性”对话框中设置页面的背景图像。
2) 在页面文档中单击“”插入鼠标经过图像。
五、实验结果六、讨论与结论实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。
当然这种实验效果很难在实验结果的截图里表现出来。
这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。
网页制作实验报告2一、实验目的及要求：本实例是要创建边框为1像素的表格。
二、仪器用具1、生均一台多电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
三、实验原理创建边框为1像素的表格。
四、实验方法与步骤1) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。
2) 选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。
3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。
web网站设计实训报告(范文)1
附录1：设计报告封面湖南娄底职业技术学院web网站设计课程设计报告设计题目：个人网站系部：电子信息工程息专业：网络技术学生姓名：***学号: ************起迄日期：年月日~ 年月日指导教师：***教研室主任：一.网站的需求分析对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。
如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。
二.系统实现所需要的软件网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP三、网站设计的思路网站拓扑图构画从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。
网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我个人网站的结构图：四、系统功能模块的实现过程个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。
本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。
通过数据库的创建与连接实现了人机交互功能。
1个人首页功能模块功能的实现过程个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
给我留言，必须通过先登陆或先注册才能进行留言。
底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。
（1）.个人首页导航功能实现介绍个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
它们都采用“行为”中“交换图像”。
如图3-1所示。
图3-1首页导航（2）.个人首页公告栏功能实现过程公告栏的功能主要是对于浏览者现设计的。
当浏览者进入首页时就可以看到分告栏中的信息。
web网页设计实训心得体会（通用20篇）
web网页设计实训心得体会（通用20篇）web网页设计实训篇1大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。
纸上得来终觉浅，绝知此事要躬行。
经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。
1.继续学习，不断提升理论素养在信息时代，学习是不断地汲取新信息，获得事业进步的动力。
现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。
实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。
实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。
2.加强信心，坚持下去上学的时候大家都说“能珍惜现在的日子就好好珍惜!”，等工作了才真正的领悟这句话的涵义。
经历第一次实训课的学习后，就希望能把实习所学习的知识，也能运用到课堂上。
对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。
3、实训学习中的同学相处感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。
我感觉这里才真的有纯洁的友谊。
我想当踏上了社会，就会存在着利益关系，有工作繁忙，也多了份人情世故。
希望以后自己努力，可以多几个朋友，希望自己可以有个团结工作的环境。
在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽!实习，是开端也是结束。
在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。
在今后的工作和生活中，自己需要更加努力的奋斗下去。
实习的同时也让我了解到了自己的不足，，我会继续努力，完善自己。
对于学校的精心安排和指导老师的用心辅导非常感谢。
光阴似箭，日月如梭。
转眼间，愉快而又充实的网页实习课程结束了，在这几个月的时间里，在实训的过程中，让我尝试了理论与实践的结合。
网页设计理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生涩但在慢慢趋近成熟。
网页制作实习报告(优秀9篇)
网页制作实习报告（优秀9篇）篇一：网站建设的实习报告篇一毕业实习是结束大学课堂理论学习后的一次极为重要的实践性环节。
通过实习，可以让学生对专业知识有一个更全面、更深刻的理解，为学生走上工作岗位，完成人生角色转换，打下良好基础。
以前人毕业实习完全由学校组织，学生人数不多，基本能够做到“真题真做”，专业对口，将实习和就业分离，含有很大的统招统分的色彩。
但面对高校扩招，尽管学校花费了很大的力量联系实习单位，仍难以安排“大兵团”的实习。
随着高校扩招和就业双向选择的实施，传统的实习模式已不能适应学生及用人单位的要求。
新形势下，学生的自主实习越来越多，也给实习管理来很多问题。
实习生管理不到位。
实习生都是自主联系，或者是小组实习，一般的实习小组都小于10人，学校不可能每个实习点都有指导教师监督，实习生在不在岗，实习情况如何，学校管理部门难以知晓，检查起来也有很多困难。
“非典”期间，学校需要统计在外实习学生人数及分布，结果学工和教务得出的数据差别很大。
这必然带来学生管理问题，这种处于无人管理状况的毕业实习，学生很容易钻空子，由于就业的压力学生不安心实习，不认真实习或者干脆就不实习的情况大有人在，这样既不能完成教学任务，降低学生的培养质量，另一方面，很容易产生学生的人身安全等重大问题，而实习阶段学校是学生的监护人和管理者，一旦出问题，学校风险很大。
2、实习生指导跟不上。
由于分散实习，学生分布于全省各乃至全国各地，往往专业的指导教师也就几个人甚至一两个，也不可能奔波于各实习点来回指导，指导力量不足的问题，成为影响实习质量的重要因素，很多时候，学生有问题无处咨询，只有靠自己摸索。
由于学生分散，实习生之间也没有办法进行经验教训的充分交流，教学资源如资料、图书等也不能共享。
而实习单位的指导力量也有限，一方面，实习单位的指导教师素质高低参差不齐，有些工科的实习由一些工厂师傅带，他们不懂得教学法，指导往往不得法，另一方面，实习单位指导教师往往不尽心，由于学生的实习质量与自己没有利害冲突，所以得过且过，放松要求。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
附录 1：设计报告封面湖南娄底职业技术学院web 网站设计课程设计报告设计题目：个人网站系部：电子信息工程息专业：网络技术学生姓名：黄永凤学号: 200902060109起迄日期：年月日 ~ 年月日指导教师：罗金铃教研室主任：一.网站的需求分析对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。
如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。
二.系统实现所需要的软件网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP三、网站设计的思路网站拓扑图构画从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。
网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我个人网站的结构图：四、系统功能模块的实现过程个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。
本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。
通过数据库的创建与连接实现了人机交互功能。
1个人首页功能模块功能的实现过程个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
给我留言，必须通过先登陆或先注册才能进行留言。
底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。
（ 1） .个人首页导航功能实现介绍个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
它们都采用“行为”中“交换图像”。
如图 3-1 所示。
图 3-1 首页导航（ 2） .个人首页公告栏功能实现过程公告栏的功能主要是对于浏览者现设计的。
当浏览者进入首页时就可以看到分告栏中的信息。
主要用于提示和建议如何进行合法访问和主人的一些个人小要求。
如图3-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-6 所示。
图 3-6 个人简历页面完成上述页面后，单击我的“作品展示”这时链接到我的个人作品页面。
这个页面基本上是静态的。
主要放置了我的Photoshop作品和Flash作品等。
在这个有限和空间里放置我的作品是不够的。
所以采用了用层和行为来进和作品的交换显示。
界面的内容如图3-7 所示。
图 3-7 作品展示页面3个人相册功能模块的实现过程本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。
个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。
个人相册主中，浏览者可以看到我“求学生涯” 、“友情合影” 、“大学生活” 、“欢乐之行” 、“拥抱记忆” 、“温馨之家” ，的相关照片。
在进行相册查看时浏览者通过单击滚动中的小图片然后在层中显示在图片,如下图 3-8 所示。
图 3-8 个人相册“面友情合影”页个人相册中的照片展示以单击滚动中的小图后在上方显示相对应的大的照片。
此功能的实现是在上方绘制了层，添加了“显示隐藏图片”的行为。
4聊天室功能模块的实现过程聊天室是一个交友与娱乐的场所。
在聊天室里，可以随意发表，与大家进行交流。
目前聊天室已成为各网站一个标准服务，是吸引网民和提高人气的一种重要方式。
（1）聊天室的总体设计使用聊天室的必须过行登入才能进入聊天室，但是对何种用户没有限制。
聊天室室的主页面是一个框架文件，它主要包括在线用户统计页面，用户发表页面和显示页面。
聊天室的总体设计如图3-16所示：聊天室用户登聊天室主页在线用户统计用户发表页显示发（2 ）具体页面制作本系统共的五个文件构成，分别如下：1.Global.asa功能：统计在线人数。
2.进入聊天室登录页面：Logion.asp功能：提供用户注册框提示：处理文件main.asp表单提交方式：post相关文本域的名称：帐号：xm1密码：mm 具体设计界面如图3-10所示。
3.主菜单页面： main.asp功能：判断用户输入的帐号与密码是否为空，则提示重填；设置框架网页，将窗口一分为二：一个显示信息：display.asp，另一个用于发送信息：sponse.asp。
具体设程序代码如下：<%if request.form("xm1")="" or request.form("mm")="" thenresponse.write("对不起，您的资料不服合要求,请重新输入！ "&"<a href='logion.asp'>_返回上一页 </a>")elsesession("xm2")=trim(request.form("xm1"))end if%>当用户为“ qq ”密码为“ qq ”登入之后，进入如图3-11 所示。
4.发送页面： sponse.asp功能：收集用户欲发送的信息。
提示：表单中的内容：用于处理文件： spnse.asp ；表单提交方式： POST ：文本域名称： message 设计界面如3-12所示。
图 3-12用户发表页面发送页面的相关代码如下：<%if request.Form("message")<>""thenmessage1=trim(request.Form("message"))application.Lock()xm3=session("xm2")application("show")=xm3&"在 "&time&"说："&message1&"<br>"&application("show")application.UnLock()end if%>5.显示页面disply.asp功能：显示聊天记录、在线人数提示：为及时显聊天记录，可设置页面刷新代码：<meta http-equiv="refresh" content="8"; URL='display.asp'/>具体设计界面如图3-13 所示：如图 3-13显示页面相关代码如下：<body>在线人数为 :<%=application("sum")%><p align="center"><span class="STYLE3">欢迎进入《飞扬部落》话吧★</span></p><%=application("show")%></body>五、后台管理每个网站都是需要一个后台管理系统，对整个网站进行数据的管理。
在后台中只有管理人员通过口令和密码验证才能进入管理后台的主页面。
在后台管理中可以进行留言的查看、留言回复、更新和注册用户信息的查看和注册信息的修改。
注册信息的查看和修改步骤基本一至。
后台管理设计的逻辑拓扑图如图3-15所示。
六、个人网站测试、上传与发布七、总结。