网页设计实训报告
网页设计报告班级: 计算机08－5班学号: 0804010508姓名: 白露一. 设计意义:网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
二. 设计目的:本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。
结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
学会和团队配合，逐渐培养做一个完整项目的能力。
1．通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。
(1)掌握规划网站的内容结构，目录结构,链接结构的方法。
(2)熟练掌握网页制作软件FrontPage 2003和的基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。
(7) 熟练建立各种形式的超级链接的方法。
(8)掌握表单网页制作方法。
(9) 掌握网页特效制作方法。
(10)掌握网站测试的方法。
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash 动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
三．设计步骤：1、网站主题我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、个人相片和爱好。
另外，网站里还包括我的好友和好友资料，建立一个展示自我形象的平台。
同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅红色，用以展示自己性格的效果。
最重要的是做出自己的风格，给浏览者好的欣赏感受。
2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。
同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。
要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。
精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
3、网站规划我的网站内容是聆听世界的声音。
把各个国家的代表性的东西都体现出来，创建链接。
每一个页面用统一的背景图片，以保证网站统一的页面风格。
如下图：我是用一个女孩听音乐的图片来作为主背景，这样可以表达出聆听世界声音的主题。
网站整体色调为浅色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。
版面设计十分灵活，根据各部分内容的不同适当的自由设计。
网页布局主要用框架和表格，用框架定位内容的大体结构。
位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。
另外，为了网页布局的协调。
4、网站的制作工具做网页时主要使用的是FrontPage 2003，但我还使用了Deamweaver。
另外，为了处理网页中的其他元素，还使用了Photoshop、Gif Animator等软件。
5、制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。
制作网站时，首先要做的就是站点的规划，建立一个本地站点“mysite”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“tupian”文件夹来存放图片。
同时，由于“相册”页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的css 样式文件也应统一管理，做到有条不紊，我设计的网站的首页如下图：根据自己的网页风格，在网上搜集合适的图片，另外网页的页宽一般没有超过900像素，以保证左右不出现滚动条。
用以体现网站的主题色彩，表格还定位了网页特效、系统时间和flash动画。
网页特效为上下滚动的字幕，当鼠标停在字幕上时，字幕停止滚动。
这个主页面和上面的一样，都插入了交互式按钮，既突出网站的主色调，又给人以凝重的感觉，目的都是增加网页的可看性。
点击了聆听世界的声音之后，就会链接到另一个页面上，这样实现子链接。
如下图：表单的制作过程：首先打开FronrPage 2003,再新建网页，单击插入按钮，在插入按钮中选择表单，最后插入表单的各个属性就可以完成表单的插入了。
在点击中国后，就可以弹出中国的文化特色，可以让用户了解自己想了解的国家内容。
点击后的页面如下：6、上传测试网站网页制作完毕以后，要进行反复的测试，保存后在IE浏览器上反复运行自己的网站，用以发现设计中的缺陷并及时改正。
四．技术分析(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。
Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。
特别是其在布局方面的出色表现，更受青睐。
大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。
1.点击“ALT+F6”键，进入布局模式，插入布局表格。
建立一个大概的布局。
2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。
（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。
正是由于这些优点，所以在进行网页设计时图像很受欢迎。
如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。
图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。
（1）在网页中插入图像利用Dreamweaver cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。
在网页中加入图像的操作非常简单：1.新建一个空白网页，把光标定位在网页的开始位置。
2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。
3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。
4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。
在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置1.选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框.2.打开“外观”选项卡。
(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。
(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。
比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。
在网页中图像的环绕方式有两种：①左环绕：图像在左边，文本在图像的右边进行环绕。
②右环绕：图像在右边，文本在图像的左边进行环绕。
在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框，选择“左”选项，并单击“确定”按钮，图像就被设置为左环绕方式，同样，如果选“右”，图像就被设置为右环绕方式。
(3)编辑图像大小：在Dreamweaver cs3中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。
调整图像大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖动图像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。
(4)设置图像缩放比例：网页设计的一个重要原则就是网页的兼容性，对于不同的浏览器或者不同的分辨率，不管是800×600的窗口，还是1024×768的窗口，网页都要能正常的显示。
设置图像缩放比例就是将图像设置为大小可以按比例变化，与浏览器的大小成一固定比例，这样在不同大小的浏览器窗口里图像都能正常的显示外观。
设置图像缩放比例的步骤如下：1.选中网页中的图像，单击鼠标右键，在弹出的快捷菜单里，选择“图像属性”菜单项，弹出一个“图像属性”对话框.2.在“大小”栏中选中“指定大小”复选框，同时选中“宽度”和“高度”下面的“百分比”单选按钮，然后在“宽度”和“高度”栏里输入想显示的比例，单击“确定”完成设置。
外还可以在“外观”选项卡的“水平间距”和“垂直间距”栏里进行设置，水平间距是指图像与周围元素在水平方向的间距，以象素为单位；垂直间距指图像与周围元素在垂直方向的间距。
（3）怎样编辑网页中的图像在Dreamweaver cs3中，可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑，编辑功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
另外，为了使图片更符合要求，我们还在photoshop cs3中队所用的图片进行了处理，使得图片看起来更加精细美观，符合我们的主题要求。
（4）使用背景图像使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。
这样做可以使制作的网页更美观好看。
网页中使用背景图像的具体步骤如下：1.新建一个空白网页。
2.单击鼠标右键，弹出的快捷菜单里选“网页属性”，弹出“网页属性”对话框.3.开“背景”选项卡。
网页设计实践报告3篇
网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver，frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。
组长分配任务，大家从上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用，但是出现的问题还是有很多。
有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果四实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。
学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。
通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。
这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。
这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。
这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。
总体来说这次是对我的综合素质的培养，锻炼和提高。
计算机网页设计实习报告（精选5篇）
计算机网页设计实习报告（精选5篇）计算机网页设计篇1毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。
现将我的实习情况汇报如下：一、实习工作介绍我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候(一)初级考试初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
网页设计的实习报告3篇
网页设计的实习报告3篇（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作报告、工作计划、策划方案、合同协议、条据文书、心得体会、演讲致辞、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays for everyone, such as work reports, work plans, planning plans, contract agreements, documentary evidence, insights, speeches, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please stay tuned!网页设计的实习报告3篇下面是本店铺收集的网页设计的实习报告3篇（网页设计实践报告心得），以供参考。
网页设计实训报告
网页设计课程设计报告设计题目：专业：学生姓名：学号:起迄日期：指导教师：目录第一部分:实训目的21世纪是一～～～～～～～～～～～～～～～～～～～～～～～～～～。
第二部分:实训准备通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。
在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。
第三部分:实训要求1、主题鲜明、内容充实；颜色清新、舒适、结构合理；2、导航清楚、栏目合理、层次分明、使用方便3、设计8至15个页面。
内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。
第四部分：个人网站的总体规划和步骤1．设计的思路！2．网站的意义3. 网站的总体风格。
4. 网站的分析与设计设计一个个人网站,主要需要考虑两个方面的因素:1.速度:反应出用户访问网站页面的速度。
主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。
2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。
5．规划站点站点规划是设计站点前的一个重要步骤。
合理地规划站点对以后站点的设计甚至网站的制作会有事半功倍的效果。
5．1 导航草图的制作有利于理清思路，避免在制作网站的过程中乱了方寸。
如图4-1所示就是个人粉色网站的初始导航草图。
图4-1 导航图在导航草图中，网站首页下面有6个二级网页。
各网页主要内容如下：首页：总述。
相册 留言板 日记 我的简介 首页 首页我的音乐我的简介：个人资料。
相册：包括了我自己的相册，家人相册、朋友相册、明星相册和漫画图片。
留言板：是访问我的朋友其中可以写上姓名、联系方式和对我的网站的看法。
让朋友给我留言，增进彼此的了解与交流。
日记：是用框架素材的，有我的作品，最新自己日记，我收藏的文章，动画效果，文字飘动，供访问者观赏。
网页系统设计实验报告(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. 网页系统规划根据用户需求，本网页系统规划了以下功能模块：- 首页：展示网站简介、最新动态、热门产品等。
- 产品展示：详细介绍各个产品，包括图片、文字、价格等。
- 新闻资讯：发布公司新闻、行业动态等。
网页设计个人总结6篇
网页设计个人总结6篇（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作计划、工作总结、心得体会、汇报材料、演讲致辞、条据文书、合同协议、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays for everyone, such as work plans, work summaries, reflections, presentation materials, speeches, policy documents, contract agreements, teaching materials, essay summaries, and other sample essays. If you want to learn about different sample essay formats and writing methods, please stay tuned!网页设计个人总结6篇个人总结的写作是能够让自己对自身工作情况有很好的分析，为了将个人总结写得更加出色，我们需要对个人的能力有清晰的认识，以下是本店铺精心为您推荐的网页设计个人总结6篇，供大家参考。
网页设计实习报告（通用11篇）
网页设计实习报告（通用11篇）网页设计实习报告（通用11篇）在不断进步的时代，需要使用报告的情况越来越多，写报告的时候要注意内容的完整。
你知道怎样写报告才能写的好吗？以下是小编精心整理的网页设计实习报告，供大家参考借鉴，希望可以帮助到有需要的朋友。
网页设计实习报告篇1一、实习目的(一) 检验自己是不是真的适合这个职业鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。
(二) 在实践中查漏补缺在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运用。
希望可以藉由这次实习，好好巩固书面知识。
在实际运用中通过发现问题，解决问题对知识进行查漏补缺。
(三) 在工作中打磨自己由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。
希望在实习里，和同事上司的相处中获得这方面的成长。
二、实习内容(一) 实习主要内容广州xxxx有限公司是一个研发和销售智能寄存柜的公司。
它的产品在展示和销售这两个环节很需宣传册、企业网站等作为一个推广媒介。
我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分，根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1）使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片2）使用DIV+CSS样式及基础的HTML语言做页面布局的排版3）使用Photoshop对网页进行配色及排版设计4）编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示2、负责网站的几个主体模块的文案撰写和后台编辑1）在已有的文案上配合网站架构进行提炼和归纳整理2）使用Photoshop对文案进行概念配图3）在后台将文案部分合理配色排版4）按照网站架构在后台录入所有产品资料(二)工作过程在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配监督的。
网页制作实验报告4篇
网页制作实验报告4篇网页制作实验报告4篇在生活中，我们使用报告的情况越来越多，我们在写报告的时候要避免篇幅过长。
我敢肯定，大部分人都对写报告很是头疼的，下面是小编收集整理的网页制作实验报告，欢迎大家分享。
网页制作实验报告1一、实验目的及要求：本实例的目的是通过设置css样式创建表格的虚线边框。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
三、实验原理通过设置css样式创建表格的虚线边框。
四、实验方法与步骤1) 在网页中创建一个表格。
2) 在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。
3) 在弹出的对话框中进行设置，完成后单击“确定”按钮。
五、实验结果六、讨论与结论对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。
对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。
这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。
网页制作实验报告2一、实验目的及要求：本实例的目的是创建锚点链接。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
网页实训报告心得(通用4篇)
网页实训报告心得(通用4篇)网页实训报告心得篇1网页实习心得时间过得飞快，我的网页实习已经结束了一段时间了。
回首这段实习经历，我学到了很多东西，也对自己的技术有了更深入的了解。
我所在的实习公司是一家软件开发公司，实习期间，我参与了公司的一个网页开发项目。
这个项目是一个在线购物网站，包括了商品展示、购买、支付等众多功能。
在这个项目中，我的主要任务是负责网站的前端开发，包括页面的设计和开发。
在实习期间，我遇到了很多挑战。
其中一个最大的问题是如何使页面设计更加美观，同时保证页面的加载速度。
为了解决这个问题，我查阅了很多资料，也向同事请教了很多。
通过不断地尝试，我逐渐掌握了使用CSS和JavaScript来实现页面设计的技术，并且通过优化图片和代码，提高了页面的加载速度。
在这个项目中，我也学会了如何使用现代化的开发工具和技术。
比如，我学会了如何使用Git进行版本控制，如何使用npm管理依赖，以及如何使用Webpack 进行代码打包。
这些技术的应用，使得开发过程更加高效，也提高了项目的开发效率。
总的来说，这次实习经历让我学到了很多东西。
我明白了团队合作的重要性，也知道了在项目中如何更好地发挥自己的技术能力。
同时，我也对自己的技术有了更深入的了解，更加熟练掌握了前端开发技术。
我相信，这次实习经历将对我未来的职业发展产生积极的影响。
网页实训报告心得篇2网页实习心得我在__公司开始了一段令人难忘的实习之旅。
这段经历主要是为了将我在校园所学的知识运用到实际工作中，以提升我在理论学习过程中的实践能力。
实习期间，我在网页开发部门担任了重要的角色。
我的主要工作是参与公司网站和应用程序的界面设计和开发。
我的实习期从6月开始，到9月结束。
实习期间，我参与了几个重要的项目。
其中一个是一个全新的电子商务网站的开发。
我在团队中负责部分前端开发，包括用户界面设计和响应式网页设计。
通过这次机会，我不仅提升了我的技术能力，也锻炼了我的团队协作和项目管理能力。
网页设计实训报告总结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、网站主题我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。