第1篇：网页设计实训总结
网页设计实训总结
通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：
一、准备资料和挑选符合目的主题的合适素材
做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果
我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。
第2篇：网页设计实训
网站名称：微言微语个人主页
班级：J09301班，J09302班
学生姓名：
指导老师：李向
实训时间：2010.12.6—2010.12.22
2010年下期网页设计课程实训报告
一、实习目的：
通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks、Flash和Dreamweaver三个软件进行静态网站的设计。
二、实习内容：
1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。
2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。
3.使用Dreamweaver布局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF 文件及导入Flash中的SWF文档，设置文档间的超级链接。
三、具体要求：
1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。
2、作一个主页面，至少5个次页面。
3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。
4、主页基本要求：
页头Logo，准确无误地标识站点和企业标志；
网页标题动画，可以制作成GIF动画或者Flash动画；
导航条；
E-mail地址，用来接受用户垂询；
联系信息，如普通邮件地址或电话；
版权信息。
5、制作一个表单页面。
6、某个页面有滚动字幕。
7、为一个页面添加背景音乐。
8、至少添加一种行为效果。
9、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。
10、进行站点测试后申请免费空间并发布到网络。
四、网站设计思路：
本站应该算是一个人主页的小型网站。关于本站站名的来源：微言微语个人主页，因为，我觉得这个网站里面的所有文字都是像一个人在自言自语，在低声地向某人诉说着什么，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景音乐还有文字都很相符。
个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（Firworks处理过的相册），关于（关于自己的文字，关于本站的一些说明），链接（世界著名网站的有关链接），反馈表（浏览者信息反馈表）。
五、网站设计过程：
把所有的素材都整理好（图片，文章，相片），开始布局。此站大多数用的是“三”字型的，三字型是我给它取的名字，因为，最开头是一张带有导航条的图片，用Firworks处理过的HTML文件，中间一大片用于放正文，下面就是版权信息，E-mail地址用来接受用户垂询；联系信息，如普通邮件地址或电话，像被分开的三个部分，所以我叫它三字型。这种布局方式看起来比较的整齐，简洁美观。
首页本想做一个动态网页，由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景，加上从下向上的滚动字幕，背景图片是用Firworks处理过的图片，大片的灰色墙壁加上颜色艳丽的钮扣图案，首页加了状态栏逐字出现的效果，加了“加入收藏”、“设为首页”等代码。
次页面包括如下些内容：首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。中间是两个可编辑区域。
在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的c样式，字体，字号，颜色都统一套用相应的样式。
首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看慢慢上移的文字，一边听这轻柔的音乐，给人一种意境美。其实次页面添加《虫儿飞》，轻快而活泼。首页禁止右键复制功能，右键单击没有反应。
次首页，就是进入次页面的第一个页面。主题算是与青春有关的三种感情，三张图片，用Firworks处理，加上相应的文字。要用到两个表格，分别放在两个可编辑区域里面，一个1*2的表格，一个2*2的表格，第一个表格放一张有关于亲情的图片加一小段文字，第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画，第一个是左右键控制的图片移动按钮，可以单击来链接到主页面（代码见附录），四个图片经过裁剪、高斯模糊。第二个是光芒四射（代码见附录），要用到ActionScript语言，长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效（代码见附录）。文章页面，就是简单的文字页面，没有什么特别的。相册页面，上面是一个用Firworks处理后的一组图片，鼠标移到小图片上，下面做出现相应的大相片，中间有少量文字，底部是用FLASH做的一组循环滚动图片（代码见附录），图片跟着鼠标的移动而左右移动。关于页面，也是简单的文字页面，没什么特别的，“个人简历”文字链接到WORD文档“个人简历”(代码：
附录：源代码
(1)状态栏逐字出现的效果代码：
(2)首页收藏代码：
onClick=“window.external.addFavorite('”,“_blank”);}
六、实训中遇到的难点及解决办法：
在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题
是什么了。
还有就是布局的时候总是不能做到很美观，后来，我把页面属性改了左过距为10，上边距为10，刚好把背景图片里面的那些亮丽的钮扣图案显示出来，改变了表格背景图的灰暗，使网页的整体看起来更美观了。
在做CSS样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。
七、实训心得：
在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。
在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。
通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。
通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。
最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。但是，也许那样，有些同学会懒的动手，推着给别人做
第3篇：网页设计实训总结（推荐）
实训总结
经过俩周的实训，我从中收获了很多。原本以为计算机科学导论的实训是纯理论的，得知是上机操作还是有一点兴奋。刚打开实训的要求，发现在实训期间我们要学的好多。像word、excel、photoshop、PowerPoint、flash、dreamweaver等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。带着一份紧张一份好奇，我开始展开了对这些软件的探索。按照老师在实训期间给我们的要求，在做word的时候，原本以为很简单的，后来才发现自己会的只是冰山一角，原来word的用处那么多。通过训练，我掌握了段落的拆分、移动和复制处理以及段落格式设置，格式、特殊字符的查找和替换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等对象，图片的旋转和翻转、组合和对齐。
第4篇：网页实训总结
（信息工程系）
综合实训总结报告
实训课程：____网页制作 ____ ______实训项目： _网页制作基础教程实训_ 姓名：_ __________ 班级：_11计算机应用学号：_______
指导教师：____ _实训时间： 2012-2013学年第一学期第20周网页制作实训总结报告
一、实训目标
1、知识目标：
⑴掌握设置站点。
⑵掌握网页元素的基本操作。
⑶灵活使用超级链接。
⑷熟练掌握表格、层和框架来布局页面。
⑸掌握表单的设置与使用。
⑹掌握设置CSS样式。
⑺能够使用多媒体来丰富页面。
⑻能够使用模板制作大批风格相似的页面。
2、技能目标：
⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。
⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关资料。
⑶合理运用所学过的知识及
第5篇：网页实训总结
（信息工程系）综合实训总结报告
实训课程：____ 网页制作 ____ ______ 实训项目： _ 网页制作基础教程实训 _ 姓 名：_ _ ______ ___ 班 级：_ 11计算机应用 学 号：_______ 指导教师：___ _ _ 实训时间： 2012-2013学年第一学期第20周网页制作实训总结报告
一、实训目标
1、知识目标：
⑴掌握设置站点。
⑵掌握网页元素的基本操作。⑶灵活使用超级链接。
⑷熟练掌握表格、层和框架来布局页面。⑸掌握表单的设置与使用。⑹掌握设置CSS样式。
⑺能够使用多媒体来丰富页面。
⑻能够使用模板制作大批风格相似的页面。
2、技能目标：
⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。
⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关
第6篇：网页设计实训报告
网页设计实训报告
姓名：姚远
班级：10计算机
年5月29日
日期：2012
1实训目的1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。（8）掌握表单网页制作方法。（9）掌握网页特效的制作方法。（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式
第7篇：网页设计实训心得体会
网页设计实训心得体会
我们有一些启发后，可以记录在心得体会中，这样能够培养人思考的习惯。那么写心得体会要注意的内容有什么呢？以下是小编为大家整理的网页设计实训心得体会，欢迎大家借鉴与参考，希望对大家有所帮助。
网页设计实训心得体会1
不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，
第8篇：ASP网页设计实训
ASP网页设计实训指导书
实训一 配置ASP运行环境
实训内容：1.配置IIS 5.0开发环境
实训目的：能够熟练进行ASP开发环境的配置 实训步骤：见IISgcwj.swf
实训内容：2.ASP初体验 实训目的：能够初步体会B/S构架
实训内容：3.服务器对接技术
实训目的：能够轻松进行asp文件的测试 实训步骤： 1.配置IIS服务器
2.设置Internet服务器的默认站点和主目录
3.打开dw，在站点—新建站点中进行服务器对接设置 高级—本地信息—站点名称、本地根文件夹
测试服务器
服务器模型（ASP VBScript）
访问（本地/网络）
实训内容：4.熟悉B/S架构
实例1：输出”hello World！”—--用ASP写文本
<% response.write(“Hello World!”)%>
