请欣赏html网页心得（精选18篇），由笔构网整理，希望能够帮助到大家。
html网页心得 篇1
时间过得很快，从刚开始的培训开始到现在的培训结束，似乎都是眨眼间的事情。首先很感谢任课老师莫老师和班主任以及其他腾科工作人员的工作付出，还有班级上共同学习进步的小伙伴们，让我顺利的学完了HTML5所有课程。这次HTML5课程的学习让我学到了很多前端方面的知识，感觉自身的IT技术提升了不少。
此次课程培训让我对HTML5有了更加深入的了解。HTML指的是超文本标记语言，标记语言是一套标记标签，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。
学习都是一步一个脚印，H5学习也是从前端开发的基础学起，首先学习使用HTML、CSS、Java、Jquery等一系列前端技术，实现一些网页动态效果。再到后面的Vue。js、bootstrap、Type等一些主流框架，还有微信小程序的学习。培训课程当然不是上课听懂就可以，而是必须能要去动手操作，达到熟练使用的要求和效果，为了保证学习效果，课程以理论和实例相结合的方式进行授课。而且每个学习阶段的结束都会做一个实训项目，做项目不仅能是学到一些新知识，也能查缺补漏，巩固自己所学知识。
最好希望自己早日找到工作，在前端开发这条路上创造辉煌！
html网页心得 篇2
一、要进行个人网站前台功能设计
包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、个人网站后台管理功能设计
包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。
三、网站发布
通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。
四、个人网站推广
一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。
在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。
给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。
可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学
广。
做出一个好的网页一般都离不开dreamweaver，flash，photoshop这三个软件，当然，还可以用到其他一些辅助软件就会加快网页的设计了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等软件，这些软件不仅可以快速开发出导航，logo等，而且很漂亮，美观。
制作网页，首先是确定主题，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table（表格）布局DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题：很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度：DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。
真正的SEOer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的，可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。
总之Div+css布局的优势如下：
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先PS好的。那photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的photoshop技术，那么PS出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。
html网页心得 篇3
一、要进行个人网站前台功能设计
包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、个人网站后台管理功能设计
包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。
三、网站发布
通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。
四、个人网站推广
一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。
在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。
给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。
可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学
广。
做出一个好的网页一般都离不开dreamweaver，flash，photoshop这三个软件，当然，还可以用到其他一些辅助软件就会加快网页的设计了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等软件，这些软件不仅可以快速开发出导航，logo等，而且很漂亮，美观。
制作网页，首先是确定主题，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table（表格）布局DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题：很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度：DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。
真正的SEOer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的，可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的`方面。
总之Div+css布局的优势如下：
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先PS好的。那photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的photoshop技术，那么PS出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。
html网页心得 篇4
HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。北京恒泰博远软件开发公司对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。
由目前it行业使用html5开发app来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。
JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。
纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。
HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。
即使这样，我们还是很看好html5app开发，原因有一下几点。
一、是基于html5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。
二、html5app开发支持的手机系统有android、ios。
三、html5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。
四、html5app开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。
五、动画、游戏动态效果，地理定位等很多app应用正在崛起，而html5技术的强大优势就是这种让我们惊叹的效果。而未来采用html5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
html网页心得 篇5
一、了解HTML5前端开发技术
HTML？指的是超文本标记语言？，标记语言是一套标记标签？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+jQ？Mobile，基于HTML5的移动网页布局、移动网页界面样式（CSS3）、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用（3D网页游戏）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML游戏引擎等。最后，项目实训。项目实训能够提高综合开发能力。
html网页心得 篇6
利用假期和休息时间，初步学习了有关html+css的知识，感触颇多。做网站原来一直处于一种茫然的状态，边学边做，边实践边维护，每每遇到问题了，便会花费很大的精力去解决，在解决问题的过程中也慢慢提高，但工作有时相当的吃力。通过一段时间详细的接触到html+css，从基础知识补起，利用空闲时间看书及有关div+css“布局入门教程”，它通过举一个例子，然后让你上机测试效果，让我有对样式表CSS有一个初步的印象，知道了CSS能做什么。我觉得这份教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么。
在些之前，我是从未接触过div+css的，甚至连dreamwear、photoshop的工具也都是皮毛。我的学习思路是这样的：
一、先写HTML还是先写CSS？
对于一个新手而言，在有了一点html知识之后，对于CSS、DIV都感觉特别的疑惑，不知道这其中到底是什么联系？为什么用了CSS的网页不能像其它代码一样直观？html和css哪个先写？其实这些问题在我看完教程，但还没真正上手实践时的疑惑！等真正上手自己做时，我才发现应该－－－两者同时写！
二、把站点建好，目录建好，比如建好文件夹css,images,这两个是最其本的，然后新建一个.html空文件，一个.css空样式表，把.css外部样式表连接到.html这个文件上，链接写在中。
三、写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。
四、到样式表中写各个布局层的样式。
五、写一段代码后就进行浏览器的测试，同时用IE6与FF一起测试。在浏览器中调试，调试时发现许多之前没有预料的问题，如浏览器的兼容问题、浮动的`问题等。
六、不断的找出问题、理解怎么出错的，不断的再测试！
这样的学习和研究过程，让我体验到了许多次的付出与回报的乐趣，如：
第一：阅读一本书，一般来说我第一次要先把整个书通读一遍，不理解的也要往下看，因为在往下看的过程中也许会找到那个问题的答案，等看完后我会有一个大概的印象，但一定会有很多不明白的地方，没关系，继续往下看。
第二：就要边看边做学习笔记了，我有随时写笔记的习惯，电子稿或手写稿均可。把自己认为是重点的部分写上，便于以后查阅；再者，把觉得有疑问的部分记下，带着疑问看下去，如果没有答案，上网查询或是问前辈，解疑是提高知识最快的一种方式。
第三：心态很重要，一定得静下心看书，能不越过的看就不越过，要树立信心，坚持再坚持下去。系统的将教程学完，一遍不行两遍，持之以恒。
第四：当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。
学习永远没有终点，随着学习，知识不断提高，所接触的技术领域也随之扩大。坚持看书，坚持以任何一种方式学习，都将受益无穷，也都是一件十分快乐的`事情。
html网页心得 篇7
转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。
记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。
第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。
中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。
因为需要滚动的'文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。
最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的`音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。
html网页心得 篇8
6.10号是我去培训学校学习的第一天，刚来时什么也不懂也不会，可以这么说完全是零基础。一天的学习下来，自己深受触动，认真听讲，认真笔记。一天的学习量很多也很充实。于是每天这么度过，一刻也不敢懈怠。渐渐地，我从无知到接触
揣摩H5，开始老师讲的听不懂，但请教老师同学后，问题迎刃而解。老师同学都很亲切积极帮助。来的时候老师就说三天学完基础，第四天就要求能做出页面。我一听不敢相信。因为自己零基础，短短四天怎么可能，但是跟着老师一步步下来到第四天，自己还真能马马虎虎做出来页面。
时光流逝，很快在这里度过了一个月。然而月考即将到来，我忐忑不安。觉得自己第一阶段还没学好学扎实就考试了，感叹时间过得好快，考试的一天，面对笔试题，我笑了，因为我这些日子日以继夜的背全都会。机试本来我其实是应该发挥的特别好的，但是可惜的'是框架搭错了，除了俩个bug耽误了一个小时，否则三个页面我都能够敲出来，不说满分九十多分也是妥妥的。在这段时间里我拼命的背笔记，敲页面练习。稳固扎实。我觉得很好，起码对得起自己，起码自己学到手了。
H5说难也不难，说不难也难，关键看自己有没有付出，全身心投入。爱不爱好。
html网页心得 篇9
作为本学期的第十三周，我们电子商务0901班由此开始了为期两周的网页设计与制作实训课程，虽然我们实训的内容不多，但通过同学之间的互相帮助与交流以及老师的精心指导，我们大家依然收获很多。
这一周里，可以说实训的内容不难，但每天都有不同的东西需要学习，让人感到很高兴，大家都希望能够通过自己的努力可以多掌握一点本专业的东西，总的来说，我们通过对“飘舞的雪花”及“倒影”的练习制作，已经熟练的掌握了flash的一些简单操作和应用，不但如此，更增加了同学间的友谊，陪养了彼此间的团结。
实训期间，老师会根据我们的练习程度发一些素材和视频实训给我们，由此我了解到了网页设计与制作的一些程序和步骤，知道了怎么处理图片透明以及遮罩层的运用，知道了flash基本操作的步骤，为了增加动画的美感和活泼感，还适当在添加一些透明flash和一些网页特效。在实训的时间里面，我们大家一起合作，共同努力，对网页设计有了更进一步的认识，并且对这门课程越发的感兴趣，从刚开始的.好奇进而想要去更深层次的了解。
这一周的实训课程已然结束，flash制作让我受益匪浅，我们知道了很多，也进步了很多，很快就要进入下一周的实训了，虽然还不知道具体的有什么内容，但通过这一周的学习，下一周，我想也很值得期待。希望能够学到更多的东西，充实自己的头脑，丰富自己的知识。
html网页心得 篇10
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，
我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。
我了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的.资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。
html网页心得 篇11
跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的`学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.
注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。
申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家见谅。
html网页心得 篇12
在平日里，心中难免会有一些新的想法，不如来好好地做个总结，写一篇心得体会，这么做可以让我们不断思考不断进步。那么写心得体会要注意的内容有什么呢？以下是小编为大家整理的html网页设计心得体会范文（精选8篇），欢迎大家借鉴与参考，希望对大家有所帮助。
html网页心得 篇13
不知不觉，二个星期的《网页设计与网站建设》课程的实操即将过去，回顾这一段日子，真的令我体会很深，也学会很多东西，懂得很多以前不懂的东西，也明白了一些事情。
自从第一天接触《网页设计与网站建设》课程，我以下定决心要把网页这门课学好，做出一个优秀的网站。所以我时刻没有错过任何学习的机会，无论在课堂上，还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实，很有意义，因为我可以诚实的说我在实操没有玩过一次游戏，我每时每刻都在设计网站，还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。
回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的.决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先：
一、必需进行个人网站前台功能设计
包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。
在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。
html网页心得 篇14
从大一暑假进入实验室，进的这个实验室叫做网络实验室，是一个充满爱、充满欢笑的大家庭，每个人都很努力，都知道自己的目标，尽管我不知道自己的具体目标是什么，但是我一直在寻找，寻找自己的道路，绘画自己的精彩。
现在就开始说说自己开发历程吧，先从html说起。
html是一种标记语言，是用在web网络上的标记语言，从开始html1.0到现在很流行的html5.0，我开始学的时候是从4.0开始学的，其实看起来4.0和5.0没有多大的区别，但是html5.0比4.0的兼容性更好，代码更简洁，运行速度更快。
下面就从html的完整 式来说明。
一般的html 式,这样的 式没有那么严谨，适合刚开始学的同学。
如果严谨的话，那我们就从表头开始说起:在表头上还有一行代码，它是用于声明一个页面的文档类型定义(document type declaration, 即dtd).此元素声明位于文档中的最前面的位置，处于 标签之前。
通过确认页面的dtd,可以同时确定页面使用哪种w3c规范(比如html 或 xhtml 规范)。
html 4.01 规定了三种文档类型:strict、transitional 以及 frameset。
总上面来看，其实两者的表示形式没有太大的差别，但是html和xhtml的表示形式就有点不一样，在这里就不详细说了，等下一遍再跟大家详细比较这两者的详细区别。
再往下说就是标签里的写法了，如果上面的不写的话，在里也不用写什么，所以在这里我们严 的来说在中要写xmlns="http://www.w3.org/1999/xhtml"来表明这个文件是可以自定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，但表示不同的含义。
html网页心得 篇15
风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到的东西，但是听完第一堂课后，后面的兴趣越来越浓厚，尤其是讲到HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS结合起来的时候，就感觉这是个强大无比的`组合，不次于使用C#在VS平台上实现的功能。尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。
最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。
这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。这才是最重要的，才能培养出高质量人才。总之，感谢Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。
html网页心得 篇16
在平日里，心中难免会有一些新的想法，不如来好好地做个总结，写一篇心得体会，这么做可以让我们不断思考不断进步。那么写心得体会要注意的`内容有什么呢？以下是小编为大家整理的html网页设计心得体会范文（精选8篇），欢迎大家借鉴与参考，希望对大家有所帮助。
html网页心得 篇17
6.10号是我去培训学校学习的第一天，刚来时什么也不懂也不会，可以这么说完全是零基础。一天的学习下来，自己深受触动，认真听讲，认真笔记。一天的学习量很多也很充实。于是每天这么度过，一刻也不敢懈怠。渐渐地，我从无知到接触
揣摩H5，开始老师讲的听不懂，但请教老师同学后，问题迎刃而解。老师同学都很亲切积极帮助。来的`时候老师就说三天学完基础，第四天就要求能做出页面。我一听不敢相信。因为自己零基础，短短四天怎么可能，但是跟着老师一步步下来到第四天，自己还真能马马虎虎做出来页面。
时光流逝，很快在这里度过了一个月。然而月考即将到来，我忐忑不安。觉得自己第一阶段还没学好学扎实就考试了，感叹时间过得好快，考试的一天，面对笔试题，我笑了，因为我这些日子日以继夜的背全都会。机试本来我其实是应该发挥的特别好的，但是可惜的是框架搭错了，除了俩个bug耽误了一个小时，否则三个页面我都能够敲出来，不说满分九十多分也是妥妥的。在这段时间里我拼命的背笔记，敲页面练习。稳固扎实。我觉得很好，起码对得起自己，起码自己学到手了。
H5说难也不难，说不难也难，关键看自己有没有付出，全身心投入。爱不爱好。
html网页心得 篇18
通过这次实训，我收获了很多。以下是我的实训总结。
在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。实训中的项目作业也使我更加有团队精神。
一、继续学习，不断充实自我。
在实训中除了学到了许多新的知识，了解了关于HTML5的相关知识，对互联网+有了新的认识，对于未来工作的方向也多了一种选择。
二、努力实践，不断提升自我。
只有将理论付诸于实践才能实现理论自身的价值，也只有将理论付诸于实践才能使理论得以检验。同样，一个人的价值也是通过实践活动来实现的，也只有通过实践才能锻炼人的品质，彰显人的意志。这次跟随老师实训完成了四个项目，和我的小伙伴们独立完成了一个小项目，满满的激动，未来还要更加努力。
三、完善总结，不断深造自我。
实训，展现在自己面前的.是一片任自己驰骋的沃土，耕种梦想，成就未来。我将继续学习，深入实践，不断提升自我，多反思，多总结，吸取经验，为以后打下基础。
可以说这次实训不仅使我学到了知识，丰富了经验；将会有利于我更好的适应以后的工作。最后，我要感谢学院组织的这次十分有意义的实训，使我们学到了很多，也领悟了很多。