当前位置:文档之家› 心得体会 html实训心得

心得体会 html实训心得

html实训心得html实训心得实训总结实训时间:xx.12.3---xx.12.14实训地点:淮安软件园实训名称:网页设计学生姓名:所在院校:淮阴师范学院数科院0904班专业:信息与计算科学实训心得12月2日学院组织我们信息与计算科学0904毕业班来到淮安软件园进行为期10天的HTML开发小实训。

当时虽然觉得时间短学不到什么东西,但是还是抱着试一试的态度来到了淮安软件园。

到了目的地觉得环境条件都不错,感觉这次实训应该也不会不靠谱。

12月3号上课,一天6个小时,上午9点到12点,下午1点到4点,给我们代课的老师叫陈磊,有多年的指教经验和HTML开发经验。

第一天学习的是html的使用,以及我们日后使用的设计网页软件dreamweaver。

一个网站从开发到面式要经过4步是注册域名、购买空间、设计网站、发布网站。

网页设计需要用到html、css、javascript,html使用的框架为html>;head>;title>;/title>;/head>;body>;/body>;/html>;我们主要是在body里写代码,这儿需要用到很多标签,这些标签按需不需要结束大致可以分为2类需要有开始结束的有table、u、b、a、font等,不需要结束的有image、br、hr、input等。

主要学习了用table来布局网页,应用这些标签我做了几个简单的网页。

第一天过的很充实,我对学习的东西也很感兴趣,对接下来的学习也很期待。

12月5日,早晨很冷,迎着寒风跑进教室,果然还是教室暖和。

今天我学习了在html的基础上用css语言对网页进行美化,控制网页的属性。

用css需要在head里面插入stypetype=css/javascript>;/stype>;。

主要用div标签和span调用,div标签换行,span标签,两者其他方面没有太大不同。

主要用到了ID选择器和类选择器用#和.进行调用调试。

还有超链接伪类和一些控制属性。

伪类有link、hover、active、visited,控制属性分为多种常用的有marginborderpadding等等。

同样用今天所学做了一些项目,就这样第二天也很快结束了。

12月6号,今天老师没有教什么新的东西,而是带我们运用前两天所学制作了一个整体的页面,所用到的还是html和css的东西,包括语法,选择器的调用,属性的设置,老师给我们实际操作了一把,我感觉一些比较难理解的东西明白了许多,而后我们自己动手制作了一把,自己也能做出来,对自己有了点信心。

12月7号,实训差不多过了一半了。

今天学习了javascript的用法,从基本语法到流程设计老师带我们过了一遍。

Javascript使用script标签可以在head和body都可以插入。

首先是3个简单的例子用alert 输出警告,document、wriht输出文字、confirm确认对话框。

这里主要是写一下简单的函数来实现页面的动态变化,用var定义变量,function定义函数xx()表示函数,在函数中可以使用iffor等语句,函数基本框架为function函数名(){//函数实现过程}。

运用这些东西我老师带我们学习了一把猴子选大王问题的实现过程,以及图片的动态切换。

我也自己动手练习了一遍。

12月10号,由于学校组织大型招聘会,课时延误了2天,2天没上课还真有点怀念。

今天老师简单带我们回顾了一下所学内容,便让我们开始自己动手制作网页,我选择的是天空网页的制作,设计过程磕磕盼盼,所幸在老师的指导下还是完成了作业,由于是自己动手制作,老师之前并没有给提示什么的,所以做出来之后成就感很强,对网页制作这门课也充满着兴趣。

而后老师向我们讲解了网络版计算器的制作,老师先带我们做了框架以及加法等于号的函数使用,便让我们自己动手做。

自己动手才发现原来不是这么简单,越做问题越多,特别是几个特殊符号的函数,一直忙到下课也没有完成作业,感觉有点失落,没办法只能等到明天接着来,我相信自己肯定可以完成。

12月11号,陈老师简单提了两句便让我们继续昨天的制作,收拾了心情,我又开始慢慢设计,昨天已经把样子做出来了,今天只是写函数和一些美化工作,进度很慢,关键地方还是卡住,没办法只得求救老师,老师给我讲解了小数点的实现方法,我自己用了一遍收到了很大启发,发现这些特殊符号的实现由许多相同之处,不外乎找到数字,判断条件,下面就是函数实现,最后初始化一下,就搞定一个符号,总结了下思路我又开始捣鼓,终于在上午结束之前交了作业,完了之后回忆一下过程,自己大体上还是满意的,提示自己遇到问题要不断总结,寻找其他一些共同的问题,从而获得突破口。

下午开始,由于还有些同学没有做完,老师又放了些时间,等到3点左右,老师开始上课。

主要讲了时间动态变化,省市联动的案例,运用的还是之前ppt的内容,最后是我们自己动手练习了老师所说的内容。

12月12号,上课内容已经基本结束,接下来3天时间是我们自己动手设计网页。

感觉压力颇大,这次没有老师带着,没有其他帮助,遇到问题只能自己解决。

我选择的是开心网的首页,以及7张子页面,包括登录页面、帮助页面、分类帮助页面、意见反馈页面、注册页面、注册成功页面以及用户空间页面,还有用户空间页面下的4个小页面。

量很大,感觉有点无力。

开始制作,虽然量大,但是并不是太难,所用基本老师都说过我们也练习过,我要做的就是用之前所学把开心网完美的“克隆”出来,做到画面精美,达到设计要求,包括字体大小颜色下划线的控制,还有页面整体的布局。

下午一直忙着制作,几个小时很快就过去了,到了下课时间,我刚完成了2分之1多点,进度还可以,甚至比其他人快乐很多,感觉下午的付出还是很有效果的,明天继续。

13号,继续昨天未完成的制作,又是一连串的键盘声,终于是在上午结束之前基本结束,接下来就是下午来进行一些美化和图片边框位置的控制。

吃了个午饭,下午又是2个小时过去,才完成了作业。

第二篇、HTML5实训报告,原创实训总结html实训心得物理与电子工程学院专业实训报告学生姓名:xxx学号:xx0340000专业:电子信息科学与技术班级:13级电科本1班指导教师:xxxxx年9月15日实训单位:物理与电子工程学院专业实训报告地点:实验楼信号与系统实验室实训时间:xx.9.5—xx.9.11指导教师:xxx1、实训目的及要求:(根据指导教师在教学过程中给出的具体要求填写)通过本次实训,旨在以实际参与,了解新兴的HTML5语言的发展历程,了解这一新技术在IT行业中的应用范围。

在进行对H5语言进行初步了解后,通过实训课程的安排,学习基础的H5语言的指令代码,运用所学习的指令代码进行更深入的效果设计,如定位、浮动、3D 动画设计、轮播图等初级的H5设计,最后通过运用所有学习的指令操作完成总体的项目设计,对H5语言有比较全面的了解和具备应用能力。

要求实训期间认真学习H5的各种指令操作,认真完成作业并书写日报,不得迟到、早退、旷课。

2、实训的流程及内容(包括前期准备及实训过程)实训开始前,由承担实训的主要负责人和实训老师,蓝鸥公司老师杨成龙对这次实训做了总体概述,并说明了本次实训所需要的sublime软件、谷歌浏览器;展示了预期需要完成的设计效果,并说明了实训期间的各项要求。

实训的具体流程为:第一天,总体介绍实训,H5语言的发展历程,说明了本次实训的任务,介绍了所用的sublime软件的操作和相关的插件、安装。

第二天,主要学习了在sublime软件中的固定代码格式,主要有头文件名,网页标题,style>;/style>;格式,并学习了一些基础的设置的,添加颜色的代码操作。

第三天,学习了浮动,添加图片的操作。

第四天,学习了JC语言,css内联样式的代码书写。

第五天,学习了css外联样式的代码书写,并学习3D 动画的代码书写,学习了轮播动画的设计,并对所学的各种代码操作加以总结复习。

第六天,学习了当当优品项目的设计和代码书写,并开始设计答辩项目。

第七天,进行对自己设计的项目,进行答辩,实训结束。

3、实训过程中的相关问题与解决方法(如实填写)在本次实训中,主要的问题集中在对JC语言的学习和对CSS内联、外联样式的学习和理解上。

由于JC语言是一种偏向于脚本语言的代码书写,与C语言有相似之处但是又有不同之处,这就使得在理解过程需要花费精力去想明白其原理,有些较难的原理、想不明白的原理就及时和老师、同学进行沟通和交流,力争在最短时间里解决问题,不留下遗留问题。

除此之外,CSS外联的学习是一个重点,也是一个很大的难点。

CSS外联是指在书写主程序代码时,某一些指令需要单独使用JC语言生成脚本代码,然后再在主程序中调用。

出现的问题主要表现在一是对JC语言本身学习的不是很充分,再加上涉及到两个项目间的调用,使得经常出现代码错误,且难以自行察觉。

解决这些问题的主要方法就是,首相寻求同组人的帮助,检查错误,尤其是首先解决基础性的错误,如果仍然无法解决,则需要向老师寻求帮助。

在CSS内联的学习上,出现的问题大体上与外联的问题相同。

所谓css 内联,就是在主程序内部书写的某种功能性代码,并对其加以调用。

出现的问题不是很多,但是存在。

最后,最主要的问题集中在学习3D动画的过程中。

在这一模块的学习时,主要涉及到首先要想明白所设计的动画效果是什么。

由于涉及到3维空间,也就是涉及到绕着那个轴旋转的问题,稍有代码错误,或者旋转轴出错都不能达到预期效果。

问题主要表现为,对代码指令的不熟悉导致动画错误,对要设计的动画效果不清晰导致代码使用错误,基本的动画设计与代码指令衔接不同步导致动画出现的效果不是预期效果等问题。

一般出现这些问题时,由于涉及到需要有专业知识才能解决,基本上都是向老师寻求帮助,根据老师的讲解先自行更改,仍有错误的,则让老师帮助修改代码主程序,并找到原因。

4、实训总结(包括心得体会与后期学习计划)为期七天的实训课,不经意间就结束了,虽然只是短短的七天实训,但是却收获很多,学习到的关于HTML5语言的知识也比较多。

HTML5语言。

HTML指的是超文本标记语言(HyperTextMarkupLanguage),标记语言是一套标记标签(markuptag),HTML使用标记标签来描述网页。

HTML5区别于HTML 的标准,基于全新的规则手册,提供了一些新的元素和属性,在web技术发展的过程中成为新的里程碑。

HTML5被推广用于Web平台游戏开发,及手机移动领域,从市场来看,无论是桌面应用还是移动应用,HTML5都是当下Web 技术中最炙手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为。

我想这也是这次实训课的主要意义之一。

相关主题