篇一：web网页设计实验报告web系统开发综合实验报告。
题目红尘客栈网上订房页面专业计算机科学与技术（信息技术及应用）班级学生重庆交通大学20xx年目录。一。设。
计。目。的3二。
设。计。题。目3
三。结。构。设。
计3四。技。术。
分。析4
五、设计过。程7六。
实。验。心。得10
七。实。验。总。
结11一、设计目的。
在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此**建设在internet应用上的地位显而易见，它已成为**、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。
但是，我们成天浏览的**网页到底是如何制作的呢？我想这一点很多同学都没有去深究过。所以，这学期我选择了”web网页设计”这门课，本课程的设计目的是通过实践使同学们经历网页制作的全过程。
通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适**素材设计制作符合要求的网页设计作品。
熟练掌握photoshop cs3、dreamwe**er cs等软件的的。
操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。二、设计题目《红尘客栈》三、结构设计。
选定主题，确定题目之后，在做整个**之前对**进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。
然后，调研结束之后对整个**进行功能描述，并对**进行总体规划，接着逐步细化。
我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的**，介绍酒店概况，提供一定的资讯信息。四、技术分析建立布局。
在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。dreamwe**er cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。
大家都知道，没有**的帮助，很难组织出一个协调合理的页面。
1.点击“alt+f6”键，进入布局模式，插入布局**。建立一个大概的布局。
2.使用背景**：选中该项，按浏览可以插入一幅准备好的**作为**的背景，因为**是以平铺的形式作为**背景，所以**大小和**尺寸都要控制好。（二）网页中的图像。
图像传输是的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼**图像时接受信息的速度远远超过**文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。
如果网页做得像一幅风景画，浏览者一定会流连忘返（如果**很大，效果会适得其反）。图像文件的格式有几十种，如gif、jpeg、bmp、eps、pcx、png、fas、tga、tiff、wmf等，现在internetexplorer和netscape支持的、最常用的图像格式是gif、jpeg和bmp。（1）在网页中插入图像。
利用dreamwe**er cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行xx。在网页中加入图像的操作非常简单：
1.新建一个空白网页，把光标定位在网页的开始位置。2.
打开“工具”菜单，选择“**”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的**工具图标，弹出一个“**”对话框。
3.在此对话框中单击“浏览”按钮，出现一个“选择文。
件”对话框。
4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置。
1.选中所插入的**，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“**属性”菜单项，出现一个“**属性”对话框。
2.打开“外观”选项卡。
设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。
设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。
在网页中图像的环绕方式有两种：
左环绕：图像在左边，文本在图像的右边进行环绕。②右环绕：
图像在右边，文本在图像的左边进行环绕。在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框，选择“左”选项，并单击“确定”按钮，图像就。
被设置为左环绕方式，同样，如果选“右”，图像就被设置为右环绕方式。
xx图像大小：在dreamwe**ercs3中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。调整图像大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖**像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。
设置图像缩放比例：网页设计的一个重要原则就是网页的兼容性，对于不同的浏览器或者不同的分辨率，不管是800×600的窗口，还是1024×768的窗口，网页都要能正常的显示。设置图像缩放比例就是将图像设置为大小可以按比例变化，与浏览器的大小成一固定比例，这样在不同大小的浏览器窗口里图像都能正常的显示外观。
设置图像缩放比例的步骤如下：
1.选中网页中的图像，单击鼠标右键，在弹出的快捷菜单里，选择“图像属性”菜单项，弹出一个“图像属性”对话框。
2.在“大小”栏中选中“指定大小”复选框，同时选中“宽度”和“高度”下面的“百分比”单选按钮，然后在“宽度”和“高度”栏里输入想显示的比例，单击“确定”完成设置。外还可以在“外观”选项卡的“水平间距”和“垂直。
间距”栏里进行设置，水平间距是指图像与周围元素在水平方向的间距，以象素为单位；垂直间距指图像与周围元素在垂直方向的间距。
3）怎样xx网页中的图像。
在dreamwe**er cs3中，可以使用“**”工具栏中的各种工具对网页中的图像进行xx，xx功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
另外，为了使**更符合要求，我们还在photoshopcs3中队所用的**进行了处理，使得**看起来更加精细美观，符合我们的主题要求。（4）使用背景图像。
使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。这样做可以使制作的网页更美观好看。网页中使用背景图像的具体步骤如下：
1.新建一个空白网页。
2.单击鼠标右键，弹出的快捷菜单里选“网页属性”，弹出“网页属性”对话框。篇二：web开发技术实训报告。
实训报告姓名：曾晖。
班级：09网络01班**类型：个人**指导老师：曾小亮。
实训时间：20xx-12-20---20xx-12-30一、实习目的。
让学生了解**的制作流程和基本技法。.dreamwe**er的使用。
掌握利用iis完成站点创建，学会站点的规划与创建，能自己创建个人**和简单的企业**。
掌握利用sql server的企业管理器建立数据库和数据库表，巩固数据库基本命令的使用（当然，不反对利用access建立数据库和数据库表）。
掌握利用asp访问与操作数据库的各种常用的功能及实现方法。·了解动态网页的制作技术，掌握与数据库的链接及简单的数据处理。·培训学生的动手能力、综合应用能力和团队合作能力。
二、实习要求。
按时、按地参加实习，遵守实习纪律，遵守实习场地的制度；·爱护实习场地的所有实习设备，讲究公共卫生；·做好实习笔记和实习记载，实掌握实习的每项内容；·认真填写好实习报告、实习总结，实习完成统一交实习老师。
三、实习形式。
前一周完成asp、sqlserver以及deramweacermx20xx的学习，要及时完成学习任务。
后一两周进行**综合开发实训，可分组进行。（题目可自选，要求：有一定实际意义的网络数据库应用程序，具有较好的界面和使用的方便性、准确性和安全性，且能在机上运行通过软件。
）五、实验内容1.**结构示意图（1）
打开我的首页，然后点击zhufu按钮进入按钮界面，（20如下（2）所示（2）newyears/
进入页面后有一首欢快的背景**，在祝福页面里，你可以向你的好友发表你的祝福，你可以对祝福查看和修改，并且还可以看到历史记录，页面右上角可以返回首页。（3）liuyan1/
回到主页再点击留言按钮，进入面，你可以发表留言，不需要审核也能发表。
由于时间仓促，**暂时到此，**还在积极开设建设中，敬请期待你的到来。
五、实训结果（实训分析）实验基本成功。
实训是培养学生综合运用所学知识，发现，提出，分析和解决实际问题，通过上机练习来培养我们自身实践能力，这次网页布局训练就是其中之一。
这次的网页设计与制作让我收获颇丰。的确，从听老师解说到开始自己制作，从理论到实践，在这几节课的实操时间里，过程中不仅巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。使我懂得了理论与实际相结合是很重要的，只有从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。
只有把布局的基础打好，才能设计出成功的网页六，实训心得。
首先我要做的就是要选择好题目和**的风格，之后我就分步骤准备在制作**前所要做好的准备工作。我浏览了日照职业技术学院以及相关**的一些特点，借鉴这些**的优秀之处，不好的地方在自己的**上加以改良，从而使自己的**更加美观。
回顾这次课程设计，至今我仍感慨颇多。的却。从选题到开始制作，从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。
在选择好题目和**的风格之后，我就开始了实训项目。
的进程，按照实训方案的规定，先是将**的总体策划以书面的形式展现出来，通过老师审核之后，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。再是设计**的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地**，建立**的目录结构。
制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！篇三：
web应用开发实训总结实训总结。
这学期将要结束，在最后的web实训的这三周中，我弄懂了许多在上课中不曾理解的东西，比如如何连接数据库，如何将用户控件绑定数据库，如何编写后台**。我认为这三周的实训，对我来说是及其重要的，它让我巩固了这一学期来所学web知识，让我更加深入的了解这门课的重要性，我也十分的感谢申老师！
在这次的实训中，我们做的是库房管理系统。其中包括登陆，修改xx删除库房，用户，库房时间。以及修改密码，查看工作阀值。
原本以为这东西会很简单，因为老师会在讲完之后发**，或在最后发所做的**。心想着只要复制黏贴，在稍作修改就好。但其实不然，你所复制黏贴上去的东西，做的即使再对，它也不是属于你的。
因为你没有敲过代。
码，不了流程，这样只会丢失了最初实训的本心。在自己敲**期间，遇到的情况很多，你少打个分号，打错个单词，或许整个语句是符合c#的结构的，但是，它运行不出来，所以就要仔细的排查。最简单的一个错误或许也是最容易忽略的错误，一个小小的空格，或许就要来来回回倒腾好长时间。
我实训的时候用的是access数据库连接，不过也可以用sql数据库连接。做完这个系统后，我对**处理也更加的小心，更加的熟络。或许也只是初为入门，但比最初的时候，要好了很多很多！
对此，我十分感谢申老师！
web前端实训心得体会
web前端实训心得体会一。所谓行万里路，必先始于足下。刚开始学习web前端基础的时候，老师说，其实你们学的这个后面真正去工作的时候可能也不是很会用到，所以就有很多人会问，既然我们都用不到，那干嘛还学呀？其实，对于一个程序员来说，你不仅要有很好的后端专业能力，你还应当具备一定的前端素养，知道一些起码的...
实训心得体会,实训体会
实训心得体会，实训体会。实训心得体会，实训体会。下面是。的两篇实训心得体会，欢送阅读。实训心得体会 一 通过此次实习，让我学到了很多课堂上更本学不到的东西，仿佛自己一下子成熟了，懂得了做人做事的道理，也懂得了学习的意义，时间的珍贵，人生的真谛。明白人世间一生不可能都是一帆风顺的，只要勇敢去面对人生中...
实训心得体会以上实训心得体会
实训课程我们必须参与。实训课程具有实践性强 对学生应用能力要求高 紧贴市场的特点。下面是带来的实训心得体会以上，欢迎大家阅读。实训心得体会以上篇一。经历了将近一周的学校实训，我感慨颇多，我们见到了社会的真实一面，实践生活中每一天遇到的情况还在我脑海里回旋，它给我们带来了意想不到的效果，社会实践活动给...