网页制作实训总结 (8篇精选)
网页制作实训总结 第1篇
你实训的时候学会了什么,带着怎样的心情去学,去做网页的,学会了给你带来了什么,都写出来就可以了
网页制作实训总结 第2篇
首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点,借监这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。 回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训机房日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。 在选择好题目和网站的风格之后,我就开始了实训项目的进程,按照实训方案的规定,先是将网站的总体策划以书面的形式展现出来,通过老师审核之后,在相应的时间段找相关的素材,搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果! 在此次网站的设计与制作过程中,难免会遇到过各种各样的问题,这毕竟是第一次独自设计网站、制作网站。但值得高兴的是:在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果…… 一周网页设计与制作的实训课程结束了,回顾这次课程设计实训,至今我仍感慨颇多。的确,从选材到开始制作,从理论到实践,在两周的实训日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。
网页制作实训总结 第3篇
1 摘要：写一下网站的简介，开发采用了什么技术等。
2 目录。
3 技术介绍：介绍JavaScript和web前端相关的技术，可以去摘抄的多一点，让内容显得饱满充实。
4 网站整体设计：采用画图工具绘制网站的架构图，跟做数据表设计差不多的类型，并且对整体架构做一个详细的文字说明。
5 网站模块详情设计：详细介绍每个页面的每个功能，以及实现的过程，附上截图，主要的源码即可。
6 调试bug：实训过程中出现的问题记录下来，包括解决方案。
7 附录：心得体会、源码（可要可不要）等一堆东西。
网页制作实训总结 第4篇
以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路。
1、xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范。
2、CSS中:hover这个伪类，如果放在:visited前面则会失效。
3、<a>标签如果没有href属性，所有对它的css的伪类如:hover均失效。 4、js文件中用document.wirte("<script language=’javascript’ src=’" + file + "’></" + "script>"形式的引用，其file相对路径均为引用该js的html的路径。 如：a.htm 引用x.js,b.js引用xc.js,则file应该为xc.js而不是相对b.js的直接路径c.js，而css中的@import,url()引用不存在这个问题
5、在页面中，有时talbe的宽设置为100%右边也会留下一个滚动条的空白，请设置<body style="overflow:auto">
6、对于常用的图片不要用img标签，使用<span><a>并用css指定其背景和宽高，对于做动态的（移上去变背景），使用<a>最好，不需要额外编写代码，只要利用伪类:hover就好了，使用css好处是一次改变全部改变，这点可以很好的利用在换皮肤的应用中。
7、@font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);} 定义一种在本地没有的字体名称，调用<span style="font-family:comic;font-size:18pt>aa</span>
8、几个CSS div { overflow: hidden;text-overflow:ellipsis; } td { vertical-align : middle; } 要强制溢出发生并且应用 ellipsis 值，作者必须设置对象的 white-space 属性值为 nowrap 。 假如没有换行机会(例如，对象容器的宽度是狭窄的，而内有很长的没有合理断行的文本)，没有应用 nowrap 也有可能溢出。 为了使 ellipsis 值被应用，此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden。
9、firefox的document.createElement不支持内容里有HTML标签,也不支持innerText，但是支持innerHTML,可以用innerHTML指定其内容。
10、.net控件里DropDownList在firefox下的宽度不着色，需要直接定义style=’width:10px;’
11、firefox中css的cursor不支持hand,使用pointer代替。 12、iframe里的滚动条需要在iframe标签里设置style=’overflow:hidden’,不能仅仅在body里设置，在firefox会有问题。
13、在onpropertychange事件时，注意使用event.propertyName对属性改变事件过滤，在设置本事件时，其实已经改变了onpropertychange这个属性，所以会自动的执行一次。
14、js5.6里的对XSL的支持版本较低，如document函数就不支持。 15、slice函数比直接循环获取数组片断慢。
16、nextSibling获得下一个对象时，需要注意，两个节点间不要有空格，否则很容易获取不到正确得对象。
17、CreateTextFile在有中文时必须指定第三个参数为true,否则不能写入中文，表现为Write写时报错。
18、保存中文文本时使用ADODB.stream,不使用fso,因为FSO不支持utf-8格式。
网页制作实训总结 第5篇
20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。
网页制作的心得体会 ----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人
关键字 页面设计 ASP和数据库
1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词;对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。
3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
选定了一个好的题材，是不是可以立刻动手制作了?不，经验告诉我们，必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌;也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。
规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。
大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。
为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。
框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。
下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。
题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。
如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。
网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。
到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。
先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。
首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。
子网页中， “Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的;“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。
接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解;强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有;各大型网站的链接让你轻松登陆以便看消息、发邮件;想听歌吗?“我的音乐”将让你听歌变得如此方便;超级留言板可以让你畅所欲言……
相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧!现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。
开始时我选择了DreamweaverMX作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了!!!我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装DreamweaverMX也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。
-网页制作实训总结 第6篇
网页美工如何写工作总结呢？看看下面网页美工工作总结的范例，希望对您有所帮助，仅供参考。
俗话说：只有经历才能成长。世界没有完美的事情，每个人都有缺点，一旦遇到工作比较多的时候，容易急噪、粗心。我在平时遇到设计上的问题及时与同事沟通，向他们请教，与他们取长补短，共同完成工作任务。在跟客户沟通时积极的听取他们的意见和建议；不断努力学习提高自己；及时了解客户的需求，不断根据客户的要求修改自己的设计作品。经过时间的洗礼，我的专业技能和发展会得到提升，相信在以后的工作中我会弥补这些不足,努力提高我的技能,完善我的工作,为公司的发展尽自己的绵薄之力!
经过四年网络专业学习及两年左右的工作经历，我对网站的策划有一定了解，以下是我对网站规划提出的建议：
（1） 建好一个网站不是给自己人看的，而是用来宣传企业，传播企业文化或者来盈利的，所以网站的走向应该是围绕客户的需求来实施的。首先要确定网站的终端客户群，以终端的需求来定位网站的方向！
（2） 网站的建设也不是一朝一夕能确定以后的路途的，也不能一味的模仿其他网站运营模式，这样会丧失网站自身的优势与特色，要切合实际的根据目前的状况来规划，慢慢的摸索，尝试在尝试，从而才能把小路铺成大道。
（3） 好的网站经营能够促使网站的客户不断的聚集、交流，逐步建立以网站性质为核心文化；但网站文化的建立却能够带动网站从量变至质变的转换，这就要从网站的内容来吸引客户群体，让别人认同您的网站上的资源能给他们带来享受和欲望，从而才能达到转换。
网页制作实训总结 第7篇
对于一次实训来说，从开是到结束。实训总结可是最重要的了
如果认真的去写可一看成是从头有复习了一便说学的内容，所以可得自
好好的去总结哦！
网页制作实训总结 第8篇
以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路。
1、xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范。
2、css中:hover这个伪类，如果放在:visited前面则会失效。
3、<a>标签如果没有href属性，所有对它的css的伪类如:hover均失效。
4、js文件中用document.wirte("<script language=’javascript’ src=’" + file + "’></" + "script>"形式的引用，其file相对路径均为引用该js的html的路径。
如：a.htm 引用x.js,b.js引用xc.js,则file应该为xc.js而不是相对b.js的直接路径c.js，而css中的@import,url()引用不存在这个问题
5、在页面中，有时talbe的宽设置为100%右边也会留下一个滚动条的空白，请设置<body style="overflow:auto">
6、对于常用的图片不要用img标签，使用<span><a>并用css指定其背景和宽高，对于做动态的（移上去变背景），使用<a>最好，不需要额外编写代码，只要利用伪类:hover就好了，使用css好处是一次改变全部改变，这点可以很好的利用在换皮肤的应用中。
7、@font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}
定义一种在本地没有的字体名称，调用<span style="font-family:comic;font-size:18pt>aa</span>
8、几个css
div { overflow: hidden;text-overflow:ellipsis; }
td { vertical-align : middle; }
要强制溢出发生并且应用 ellipsis 值，作者必须设置对象的 white-space 属性值为 nowrap 。
假如没有换行机会(例如，对象容器的宽度是狭窄的，而内有很长的没有合理断行的文本)，没有应用 nowrap 也有可能溢出。
为了使 ellipsis 值被应用，此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden。
9、firefox的document.createelement不支持内容里有html标签,也不支持innertext，但是支持innerhtml,可以用innerhtml指定其内容。
10、.net控件里dropdownlist在firefox下的宽度不着色，需要直接定义style=’width:10px;’
11、firefox中css的cursor不支持hand,使用pointer代替。
12、iframe里的滚动条需要在iframe标签里设置style=’overflow:hidden’,不能仅仅在body里设置，在firefox会有问题。
13、在onpropertychange事件时，注意使用event.propertyname对属性改变事件过滤，在设置本事件时，其实已经改变了onpropertychange这个属性，所以会自动的执行一次。
14、js5.6里的对xsl的支持版本较低，如document函数就不支持。
15、slice函数比直接循环获取数组片断慢。
16、nextsibling获得下一个对象时，需要注意，两个节点间不要有空格，否则很容易获取不到正确得对象。
17、createtextfile在有中文时必须指定第三个参数为true,否则不能写入中文，表现为write写时报错。
18、保存中文文本时使用adodb.stream,不使用fso,因为fso不支持utf-8格式。