心得体会 html实训心得.docx
- 文档编号:28435224
- 上传时间:2023-07-13
- 格式:DOCX
- 页数:22
- 大小:30.13KB
心得体会 html实训心得.docx
《心得体会 html实训心得.docx》由会员分享,可在线阅读,更多相关《心得体会 html实训心得.docx(22页珍藏版)》请在冰豆网上搜索。
心得体会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班
指导教师:
xxx
xx年9月15日
实训单位:
物理与电子工程学院专业实训报告
地点:
实验楼信号与系统实验室
实训时间:
xx.9.5—xx.9.11
指导教师:
xxx
1、实训目的及要求:
(根据指导教师在教学过程中给出的具体要求填写)
通过本次实训,旨在以实际参与,了解新兴的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技术中最炙
手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为。
我想这也是
这次实训课的主要意义之一。
因此,从我个人的角度上,我也很重视这次的实训
课程的学习。
H5
语言的发展和前景有所了解,然后进行基础知识的学习,最后进行项目的设计和
答辩。
主要内容是第一天,总体介绍实训,H5语言的发展历程,说明了本次实
训的任务,介绍了所用的sublime软件的操作和相关的插件、安装。
第二天,主
要学习了在sublime软件中的固定代码格式,主要有头文件名,网页标题,
天,学习了浮动,添加图片的操作。
第四天,学习了JC语言,css内联样式的代
码书写。
第五天,学习了css外联样式的代码书写,并学习3D动画的代码书写,
学习了轮播动画的设计,并对所学的各种代码操作加以总结复习。
第六天,学习
了当当优品项目的设计和代码书写,并开始设计答辩项目。
第七天,进行对自己设计的项目,进行答辩,实训结束。
下面来谈谈我在这次实训中的收获和感受。
HTML5语言的设计和代码指令自然不必再赘述,但更重
要的是锻炼了思维能力,培养了设计创新的能力。
在整个H5学习的过程中,代
码的运用、基础知识的学习可以说只是作为技术的基础层面,而要想真正完成一
个项目,更多的是需要思维能力的锻炼和项目的创新。
就学习代码而言,3D动
画的学习,就十分需要空间想象力和思维能力,不怕这种能力的不足,怕的是不去学习,不去培养。
因为如果没有这种能力,或者比较薄弱,一方面难以想出新的项目的构思,另一方面无法想出动画的翻转或者各种效果的指令代码的书写。
所有的这些都贯穿于H5的实训过程中。
再具体的将来,就是对于所学的每个指
令,并非是记忆住其书写的格式,而是需要我们加入自己对每个代码感悟和认识。
怎样的情况下去应用,如何用,使用时的技巧,这些都是重要的对于自己能力的锻炼。
另外,结合于其中的,还有对于独立思考的能力的培养。
这一点是显而易见的。
无论是对于一个新的项目的编写,还是对于学习每一条单独的指令,老师和同学所能帮助的是引导和解决难题的作用,而要想真正做到自己学会指令,则离不开独立思考,独立学习的过程和环节。
IT行业有了进一步的了解。
在实训的过程中,老师也对IT行业和相关的就业前景进行了诸多叙述,对于自己和同学们有很大的帮助。
HTML5在网页开发上,赋予网页更好的意义和结构,HTML5手机应用的最大优势就是可以在网页上直接调试和修改。
因此在HTML5中的新的标签,将有助于开发人员定义重要的内容,可以给站点带来更多的多媒体元素索引的时候,对于SEO很友好。
对于这些优势性的,几乎也都有相关的工作岗位。
由此可见在未来的一段时间里,伴随着互联网的不断普及和优化,H5的前端开发的相关岗位也必将是很火热的。
这也是这次实训的另一意义所在,他对于就业是很有帮助的。
在大学本科的学习过程中,C语言的学习可以说是不可或缺的、必不可少的。
但是就我个人而言,在学习C语言时,只是为了学习其语法结构而学习语言,只是在应试的层面上对其理解,记忆,编程。
但是这次的HTML5的实训课却完全是不同的。
最根本之处就是通过在sublime的编写的代码可以在浏览器中直接以直观的音频、视频的形势表现出来,给人最直观的感受。
这对于激发学习兴趣,激发探索学习的精神是很有形影响的。
例如在学习轮播项目时,就是将事先准备好的素材,包括音频和图片,放到网页中,让其开始的时候以十张图片循环旋转的形势展现,当鼠标停留时,停留在那张图片上会有视频播放。
这就是轮播效果,但是在代码编写的过程中国,还是要比只管看起来有所繁琐的。
它主要涉及到图片的插入,视频的插入的代码书写,轮播动作的大代码的书写,调整轮播效果,调整视频、图像的位置格式等问题。
尽管如此,在书写完所有指令之后,再对整体项目进项调试的时候,某个参数的设置都会影响不同的展现效果。
对于理想效果的追求,激励着不断调试程序,不断尝试。
这就是H5语言的激励作用所在。
这次实训加强了自己的团队合作的意识、团结协作的能力。
这一点第三篇、关于html5培训知识学习体会总结
html实训心得
关于html5培训知识学习体会总结
整理:
红树林教育HTML5在网页开发上,赋予网页更好的意义和结构,更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
为开发者提供了一个跨平台的移动apps开发方案,并且该方案具有很好的扩展性和灵活性。
HTML5优点:
1、提高可用性和改进用户的友好体验;
2、有几个新的标签,这将有助于开发人员定义重要的内容;
3、可以给站点带来更多的多媒体元素(视频和音频);
4、可以很好的替代FLASH和Silverlight;
5、当涉及到网站的抓取和索引的时候,对于SEO很友好;
6、将被大量应用于移动应用程序和游戏;学习阶段:
1.html5与css3基础。
2.移动前端的交互。
3.移动前段综合开发。
4.项目实训。
HTML5手机应用的最大优势就是可以在网页上直接调试和修改。
原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。
总之,学习是一个漫长的日子,只有静下心来一步一个脚印去学,去努力,终将会有收获。
第四篇、关于html5培训心得总结
html实训心得
关于html5培训心得总结
一:
了解HTML5前端开发技术
HTML指的是超文本标记语言(HyperTextMarkupLanguage),标记语言是一套标记标签(markuptag),HTML使用标记标签来描述网页。
HTML5区别于HTML的标准,基于全新的规则手册,提供了一些新的元素和属性,在web技术发展的过程中成为新的里程碑。
HTML5被推广用于Web平台游戏开发,及手机移动领域,从市场来看,无论是桌面应用还是移动应用,HTML5都是当下Web技术中最炙手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为。
二:
课程能让你学到什么
从前端开发的基础出发,学习使用HTML,CSS,JavaScript等一系列前端技术,实现动画特效。
以开发实例展示为主导,循序渐进让学员掌握HTML5技术的应用。
强化学员基础,尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。
HTML5培训内容首先是学习HTML5文档结构和基础语法,了解HTML5新特性,CSS3基础语法和布局样式,图形图像软件使用等。
移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使用方法。
移动前段综合开发;主要集中在H5+C3+jQMobile,基于HTML5的移动网页布局、移动网页界面样式(CSS3)、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用(3D网页游戏)、WEB前端框架(JQuerymobile、SenchaTouch、PhoneGap)、Cocos2d-HTML游戏引擎等。
最后,项目实训。
项目实训能够提高综合开发能力。
第五篇、网页设计实训心得
html实训心得
网页设计实训心得
通过这次实训对这门课程的学习,做好网页,并不是一件容易的事,它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
所以我得出一下总结:
一、准备资料和挑选符合目的主题的合适素材
做网页当然要收集、准备资料。
在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。
另外,还包括搜集美化主页可能要用到的各种材料,如背景、小动画图标等等。
可以在硬盘上建一个文件夹,下分“图片、声音、动画”等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长就拥有了一个可观的图库,等做网页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。
切记,页面给人的第一观感最为重要!
在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。
三、善用图片,增强艺术效果
我记得老师说过网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。
精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。
图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注
意与文字的颜色搭配。
最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝大部分网页编程源代码。
因此,如果想知道并掌握一些优秀的主页采用的设计技巧,试着将其源代码调出来仔细揣摩,并模仿着一步一步去实现。
最后感谢老师多日来的辛勤教导!
第六篇、HTML实习报告
html实训心得
一、实习目的:
运用CSS样式表,通过设置其一些属性和对表格的布局以及图形的插入,实现对网页的设置。
理解CSS样式表的作用,掌握建立CSS样式表的方法并熟练地对其进行运用。
理解Dreamweaver的基本使用方法和它与CSS的关系,并能熟练地用Dreamweaver制作网页。
二、实习任务:
1.熟练地运用Dreamweaver软件
2.进一步了解CSS样式表应用
3.运用所学知识练习图文混排
4.熟练地进行图文混排操作:
12月26日,阳光家园
12月27日,首字下沉;XX搜索;
12月28日,图文混排,八仙过海;教育在线
12月29日,游戏茶苑
12月30日,期末测试
三、实习内容:
12月26日:
阳光家园:
用Dreamweaver软件对网页进行编辑,利用表格布局,插入图片;新建另一个空白
页,利用表格布局,插入图片、文字等元素,保存;对第一个网页的图片“联体别墅”
设置链接,链接到第二个网页;保存。
12月27日:
①首字放大下沉:
建立CSS样式表,设置背景为黑色、字体、字号等;设置“中”字的下沉方向float为left。
②XX搜索:
设置文字字体、字号、颜色;设置链接;设置行距字距等;建立超链接。
12月28日:
①图文混排;八仙过海:
设置背景、字体、字号、文字图片下沉方式、行间距、文本修饰;并对第二个网页中的标题设置文本对齐方式;
②教育在线:
进行表格布局,在其中插入图片、输入文字,进行图文混排练习,制作完整网页;
12月29日:
游戏茶苑:
利用表格布局,插入图片、输入文字,进行图文混排练习,实现网页的制作。
12月30日:
利用表格布局,插入图片、输入文字,进行图文混排练习,制作完整网页;
四、实习中的问题和解决办法:
问题1:
表格的布局不好掌握,导致网页混乱
解决办法:
制作前看清网页布局的结构,要细心
问题2:
设置行之间的距离line-hight时不是过大就是过小
解决办法:
可以设置padding-top(left/right/bottom)的大小来调整
问题3:
在表格的一行中插入多个flash按钮时呈两行显示
解决办法:
将需插入按钮的表格一行拆分成与flash按钮个数相同的几列,在一格中只插入一个按钮
问题4:
制作的网页是整个窗口的左侧,而不是居中
解决办法:
将用于布局的所有表格的对齐方式改为居中对齐,这个办法不论在哪台计算机上网页始终是居于窗口的中部
问题5:
用enter换行时上下两行之间有一行空白
解决办法:
用shift+enter换行html实训心得
五、实习体会:
这次实训,让我学到很多。
平时的一些问题都暴露出来了,能及时得到解决。
知识有没有掌握与细心程度有关,只有细心才能有效避免一些错误;比如用表格布局网页结构,网页的布局是许多个表格构成的,我们不仅要知道要用表格来布局,同时也要知道
在一个网页里,哪里要用表格布局,要用什么样的表格布局,是多少行多少列。
要讲所第七篇、HTML实验报告
html实训心得
武夷学院实验报告课程名称:
电子商务网站设计与开发_项目名称:
_基于HTML的网页设计姓名:
林元卿专业:
旅游管理班级:
3班学号:
xx6031005
实验操作成绩(百分制)__________实验指导教师签字:
__________
)实验报告成绩(百分制)__________实验指导教师签字:
__________第八篇、HTML学习心得整理
html实训心得
ITJuckHTML知识整理
开山篇:
何为传输协议?
简单的说计算机的通信(网络)规则就是一种协议.
FTP文件传输协议
SMTP邮件传送协议
HTTP用于网页与网页间的访问协议
语言编码
接下来我们还会发现这样一句话:
它标示文档的语言编码。
就像我们平时所说的汉语、英语一样。
这里的gb2312告诉浏览器,本文档采用简体中文编码;还有一种常用的编码是UTF-8编码,它是国际通用的编码。
不管我们采用哪种编码,有一点就是包含的css样式表和其它
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 心得体会 html实训心得 html 心得