html实训心得体会.docx

html实训心得体会.docx

《html实训心得体会.docx》由会员分享，可在线阅读，更多相关《html实训心得体会.docx（5页珍藏版）》请在冰豆网上搜索。

html实训心得体会

竭诚为您提供优质文档/双击可除

html实训心得体会

　　篇一：

html课程实训报告

　　武汉科技大学城市学院

　　课程名称

　　题目学部专业班级姓名指导教师课程设

　　计报告

　　信息工程学部信息管理与信息系统周凤丽

　　20xx年6月22日

　　音乐网站设计

　　设计题目:

　　设计主要内容:

　　一、开发平台：

dReamweaVeR+FiRewoRks+Flash二、设计要求：

　　1、设计内容

　　设计一个关于音乐欣赏和音乐下载的网站，网站浏览者可以通过不同的音乐分类查找并欣赏自己喜好的音乐，同时可以了解最新最流行的歌曲排名。

　　2、网站主要功能模块

（1）国语歌手：

可提供部分歌曲的下载，下同。

（2）日韩歌曲：

（3）欧美歌曲：

（4）影视歌曲：

（5）热辣舞曲：

（6）古典音乐：

　　四、站点上交注意事项及考核标准：

　　1网页设计作品须严格按照《网页设计与制作课程考试要求》按时独立完成，严禁无故拖延上交时间，杜绝请人代做或剽窃他人作品行为。

　　2站点文件夹名称必须采用学号+姓名形式（如20xx10130226zhangjing），网页中须特别注明版权及作者的有效联系方式等相关资料，必要时可创建站点浏览说明文档。

3网站的评价标准及分值分布为：

主题和内容（30分），导航、结构和链接（20分），艺术性（30分），创造性（20分）。

　　4学生的最终成绩由网站和平时成绩两部分组成，其中网站成绩70%，平时成绩30%。

　　目录

　　1网页设计相关技术介绍.........................................11.1html....................................................11.2css.....................................................11.3javascript..............................................12爱狗家园网站设计规划...............................（html实训心得体会）..........12.1网站介绍................................................22.2栏目设计................................................22.3站点分析及站点地图......................................22.3.1站点分析...........................................22.3.2站点地图...........................................32.4主页面布局..............................................33个人体会和感受...............................................74参考文献和网址...............................................85附图.........................................................9

　　1网页设计相关技术介绍

　　1.1html

　　超文本标记语言，即html（hypertextmarkuplanguage），是用于描述网页文档的一种标记语言。

超级文本标记语言（英文缩写：

html）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：

文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

　　1.2css

　　css是英语cascadingstylesheets（层叠样式表单）的缩写，它是一种用来表现html或xml等文件样式的计算机语言，通常又称为“风格样式表（stylesheet）”，它是用来进行网页风格设计的。

比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。

通过设立样式表，可以统一地控制html中各标志的显示属性。

级联样式表可以使人更能有效地控制网页外观。

使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

　　1.3javascript

　　javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。

同时也是一种广泛用于客户端web开发的脚本语言，常用来给html网页添加动态功能，比如响应用户的各种操作。

它最初由网景公司（netscape）的brendaneich设计，是一种动态、弱类型、基于原型的语言，内置支持类。

javascript是sun公司的注册商标。

ecma国际以javascript为基础制定了ecmascript标准。

javascript也可以用于其他

　　场合，如服务器端编程。

完整的javascript实现包含三个部分：

ecmascript，文档对象模型，字节顺序记号。

　　2音乐网站设计规划

　　2.1网站介绍

　　音乐网站是一类休闲放松的网站，随着社会的发展，人们生活工作压力日益增大，音乐可以放松你的心情，让你体验不一样的舒适感。

音乐网站提供在线试听，音乐共享，音乐收藏，音乐交流等功能。

音乐网站的歌曲分类有：

华语男歌手、华语女歌手、华语组合、欧美男歌手、欧美女歌手、欧美组合、日韩歌曲等。

有的音乐网站还会提供心情分类，可以依据你的心情为你推荐合适的歌曲。

　　2.2栏目设计

　　首页：

网站首页，分布各种音乐的总览情况，如歌曲分类、推荐mV等。

榜单：

提供各种分类下的音乐排名情况。

　　歌手：

全世界歌手大全，帮助你快速找到自己喜欢的歌手。

　　分类：

各种分类，适合不同的人在不同的时候收听，包括欧美歌曲，日韩歌曲，影视歌曲等。

　　2.3站点分析及站点地图

　　2.3.1站点分析

　　1、网站的设计：

diV和表格的完美结合，使得整个网站结构清晰明了。

多个也页面的相互链接，更使得整个网站生动活泼，趣味盎然。

　　2、网站的主题：

永不会过时的音乐主题。

　　3、网站的风格：

网站使用绿色的背景，鲜艳亮眼，在炎炎夏日让人顿觉清爽，加上“随身听”的网站名称，让人更感舒缓放松。

同时网站利用文字加图片的解析，让人更容易了结整个网站的布局。

合适的布局和各类动听的音乐，更观众的眼球和耳朵，让

　　篇二：

html5实训总结

　　实训总结

　　通过这次实训，我收获了很多。

以下是我的实训总结。

　　在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。

实训中的项目作业也使我更加有团队精神。

　　一、继续学习，不断充实自我。

　　在实训中除了学到了许多新的知识，了解了关于html5的相关知识，对互联网+有了新的认识，对于未来工作的方向也多了一种选择。

　　二、努力实践，不断提升自我。

　　只有将理论付诸于实践才能实现理论自身的价值，也只有将理论付诸于实践才能使理论得以检验。

同样，一个人的价值也是通过实践活动来实现的，也只有通过实践才能锻炼人的品质，彰显人的意志。

这次跟随老师实训完成了四个项目，和我的小伙伴们独立完成了一个小项目，满满的激动，未来还要更加努力。

　　三、完善总结，不断深造自我。

　　实训，展现在自己面前的是一片任自己驰骋的沃土，耕种梦想，成就未来。

我将继续学习，深入实践，不断提升自我，多反思，多总结，吸取经验，为以后打下基础。

　　可以说这次实训不仅使我学到了知识，丰富了经验；将会有利于我更好的适应以后的工作。

最后，我要感谢学院组织的这次十分有意义的实训，使我们学到了很多，也领悟了很多。

　　篇三：

html实训报告

　　html实训报告

（一）实训名称

　　html+css+javascript课程实训

（二）实训人

　　姓名：

王玮学号：

121407125

　　（三）实训日期和地点

　　时间：

20xx.9.1-20xx.9.10

　　地点：

扬州大学信息工程学院电子电工实验室

　　（四）实训目的

　　通过10天的实训，让我们更加了解html，css和javascript知识，同时结合html+css+javascript来做一个完整的web页面，最后制作出英雄联盟官方首页。

　　（五）实训内容

　　实训主要讲了html，css和javascript知识。

html是超级文本标记语言的缩写，超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：

文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是，对于不同的浏览器，对同

　　一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

css即层叠样式表，层叠样式表是一种用来表现html（标准通用标记语言的一个应用）或xml（标准通用标记语言的一个子集）等文件样式的计算机语言。

javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给html网页增加动态功能。

　　实训除了将这些基础知识结合，还清收教做一个仿英雄联盟首页的网站，最后也留作业让我们完成英雄联盟首页的制作。

　　（六）实训环境和器材

　　一间实验室以及一台电脑

　　（七）实训结果

　　结合老师讲的知识，最后我完成了英雄联盟首页的制作，并且其中的动态效果与首页比较相差不大，完成了实训老师最后布置的任务。

　　（八）实训总结

　　通过这次实训，我收获了很多，一方面学习到了许多以前没学过的专业知识与知识的应用，另一方面还提高了自己动手做项目的能力。

本次实训，是对我能力的进一步锻炼，也是一种考验。

从中获得的诸多收获，也是很可贵的，是非常有意义的。

　　在实训中我学到了许多新的知识。

是一个让我把书本上的理论知识运用于实践中的好机会，原来，学的时候感叹学的内容太难懂，现在想

　　来，有些其实并不难，关键在于理解。

在这次实训中还锻炼了我其他方面的能力，提高了我的综合素质。

首先，它锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力，在工作的过程中，复习了以前学习过的知识，并掌握了一些应用知识的技巧等。

　　短短2周的实训明天就要结束了，时光总是过得很快，在这期间要非常感谢将老师的教导，蒋老师不仅非常精通，而且人也非常好，总是会随时随地的回答我的所有问题。

记得有一次我做lol页面的赛事中心那一块的时候，有一个关注图标，我忘了设计，然后我开始用一个div块来定位它，把它定位到指定的位置，因为我这个忘记设计在表格里了，所以我只能单独出来写一个div，但是当我写好之后，效果虽然出来了，但是只要把浏览器缩小，这个div块也会跟着变化位置，我问蒋老师为什么，蒋老师耐心的给我讲了好久，最后是因为没有给这个div的“父亲”设置相对位置。

我很感激能有这样以为尽心尽责的老师来帮助我们！

！

！

　　可以说这次实训不仅使我学到了知识，丰富了经验。

也帮助我缩小了实践和理论的差距。

这次实训将会有利于我更好的适应以后的工作。

我会把握和珍惜实训的机会，在未来的工作中我会把学到的理论知识和实践经验不断的应用到实际工作中，为实现理想而努力。

最后，我要感谢学院组织的这次十分有意义的实训，使我们学到了很多，也领悟了很多。