2024年4月5日发(作者：)

html网页设计实训心得

html网页设计实训心得「篇一」

利用假期和休息时间，初步学习了有关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网页设计实训心得「篇二」

一、作品主题描述

我设计的网页的主题是关于动漫推荐的。

我喜欢动漫，各种题材的，古代江湖、历史故事、恐怖、热血之类的我都喜

欢，做这个网站是希望把我喜欢的推荐给大家，让更多的人加入二次元的世界！

二、作品技术路线

关于作品技术路线，我主要用了bootstrap方面的知识，像bootstrap按钮、

下拉菜单、缩略图、bootstrap轮播之类的，当然还有很多基础知识，例如背景、

背景音乐，还有视频的插入，网页的链接等等。

三、作品素材处理

关于素材，由于我是做的动漫方面的网页，首先我先去选择适合主题的图片，

再选择其中最能代表作品的图片，再根据实际情况修改图片尺寸，接着再选择文字

素材，选择简短有最能概括作品内容的文字。

四、主要问题