网页html设计心得
文学网整理的网页html设计心得（精选5篇），供大家参考，希望能给您提供帮助。
网页html设计心得 篇1
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。
还涉及到界面弱化的问题。一个好的.界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。
下面简单介绍下网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向:看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。
网页设计的两大要点是：整体风格和色彩搭配。
一、确定网站的整体风格:1、将标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。
二、网页色彩的搭配:1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
针对我所学的平面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设
计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。
网页html设计心得 篇2
个人网站的设计需要有以下几个步骤：
一、要进行个人网站前台功能设计
包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、个人网站后台管理功能设计
包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。
三、网站发布
通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。
四、个人网站推广
一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。
在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的'。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。
给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。
可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学广。
网页html设计心得 篇3
随着学习进度的逐渐加快，学习的内容也逐渐开始变多、变难，不再像一开始那样老师一讲完就可以马上上手把网页做出来。自然而然的，在制作网页的时候也不再像一开始那样顺利，总会出现各种各样的错误。不过对于学习上的问题，老师在课堂上也会尽可能地为我们解答，并且为我们提供了很多练习的机会，这使得我即使在面对一些困难的问题时，也能沉着地应对。
不过课堂时间毕竟是短暂，仅仅靠一周两个课时的课堂学习时间想要把网页设计制作完全学习得很好是不可能的事。再者网页制作在我看来是一门实践重于理论的科目，如果仅仅学习了理论知识却不付诸实践，那对学习实际上是毫无助益的。因此在课余的时间里，老师给我们布置了与所学内容相对应的课外作业。在完成课外作业的时候，如果遇到了难以解决的问题，我会回顾老师上课时用的课件寻求解决的办法，与此同时，也在间接地巩固知识。
因此，尽管过程并不都是一帆风顺，但经过本学期的学习与实践，我也逐渐掌握了网页设计制作的一些基本技能与知识。虽然明年就大四的我以后大概是不会再像这个学期那样有学习网页制作的课程了，但我会利用课余时间通过自学了解、学习更多关于网页设计制作的知识，掌握网页设计制作的技能的。
自己怎么制作简单网页
首先在设计制作网页之前，你要却确定你的网页内容是什么？一个网站必须要有一个明确的主题。特别是对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。主题要鲜明，在你的主题范围内内容做到大而全、精而深。然后针对你的内容找到相关的资料。接下来就是具体的`制作步骤了：
第一步：创建一个文本文档你需要创建一个文本文档包含单词，你想要出现在您的Web页面。只要你给你的文档名称结尾，大多数文字处理程序将会工作的很好。思考逻辑的地方插入你的文本。
第二步：学习基本的HTML标记现在您需要插入一些格式化标记你的文档，会告诉一个互联网浏览器如何安排你的文字和图片在屏幕上。这些标签组成一个语言称为超文本标记语言，或者HTML。
第三步：查看一个示例Web页面
你或许在阅读会感到有点困惑，这是为了看一个实习的HTML文档更简单，然后看看它是怎么被翻译成一个Web页面。您可以查看“源文档“后边的任何Web页面将“视图”菜单(在Safari——其他的浏览器或许略有不同)并挑选“查看源代码。“当你这样做时，你会看到文档和HTML标签，创立页面当时在你的浏览器窗口。
第四步：获得电子图像如果你还没有制作主页的图像文件，您可以下载一些来自其他Web页面。用你的常识来决定哪些图片你可以使用，哪些你不应该。根据什么样的电脑和浏览器你正在使用，你必须使用一种稍有不同的程序下载到你的硬盘映像。这里可以使用Safari浏览器:使用鼠标指针的位置在图像——按住鼠标按钮并拖动图像到你的计算机的桌面——放开按钮，您将看到一个小图标。这时图像已经下载到你的硬盘。确保你的文件名称和格式——点击图标来查看图像，因为它将出现在您的Web页面。
第五步：插入HTML标签
如今您现已准备好插入格局符号在您自个的文档。记住要开始您的文档与html和完毕它与/html。你类型符号之间的…将出如今你正在阅读网页阅读器窗口的顶端。
第六步：查看和编辑您的页面
保存您的文本文档和返回到浏览器。在文件菜单中，选择“打开文件…”或“另存为…”。从那里你应该能够找到你的文档的名称并点击“开始”。你的文档将会出现在你的窗口，看起来就像个网页了！
第七步：上传
您需要有一个互联网服务提供商，允许您将您的网页页面在一个服务器上，这样其他人能够阅览它。假如没有，您能够继续操练与文件在您的计算机的硬盘。能够找到一些其他网站的页面相关的一些办法。他们可能会添加一个链接到你的页面注册您的网站查找引擎如google或雅虎。一旦你添加你的URL其间一个数据库，感兴趣的人通常主题你的页面将得到一个清单，你的网站当他们做一个查找。
另外，这边有一些软件可以利用，一款功能强大、使用简单的软件往往可以起到事半功倍的效果。比较常用的优秀软件有Dreamweaver和Frontpage，如果你是初学者Frontpage2000是首选。除此以外还有Photoshop、Photoimpact等。另外还有一些能够用于动态网页设计的软件。那么，有了这些，即使不同网页设计的菜鸟们也可以按照规划一步步地把自己的想法变成现实了，快快尝试一下自己制作网页吧！要记得，网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它。
网页html设计心得 篇4
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，
我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。
我了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的`内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。
网页html设计心得 篇5
经过一学期的php课程学习，对于PHP的函数和一些语法，更加了解了。这次项目主要使用了面向过程的开发方法，在开发过程熟悉掌握php一些常用的函数以及php数组的使用以及文件上传功能等。
php动态网页设计这门课程的学习不仅需要我们掌握静态网页设计的基础，而且要求我们有一定的语言学习基础，有幸之前教过多年的c语言程序设计，对高级语言的语法知识有一定的了解，所以对php中的一些与语法有关的知识，理解不是很困难，建议不了解高级语言语法知识的同仁，多学习一些高级语言的语法。同时，要掌握静态网页的设计。因为，我们编写php动态网页离不开静态网页，这是基础。
书过三遍自然熟，这个简单的道理告诉我们，即使你理解不了php，但是也必须先跟它混个脸熟，看，一遍遍的看，看的同时一边琢磨，一边按照它所教的打代码，即使你搞不清楚那些代码到底是干嘛的，但是起码你应该找找感觉。在一段挣扎之后，聪明的你，显然已经逐渐的开悟了，慢慢的理解了编程的概念，那么祝贺你，你已经迈出了成功的第一步。相信大家选择一种语言，并不是看它的背景和悠久历史，更重要的是看它的实用性，华而不实的语言哪怕是再辉煌的历史，也毕将步向没落，可喜的是php经受住了考验，也因此，它确实是一种值得学习我总结的学习php的进程可能需要经历下面这几个阶段：
(1)熟悉html/css/js等网页基本元素，完成阶段可自行制作完整的网页；
(2)理解动态语言的概念，运做机制，熟悉php语法；
(3)学习如何将php与html结合起来完成简单动态页面；
(4)接触mysql，开始设计数据库程序
(5)不断巩固，摸透大部分php常用函数，并可理解oop，mysql优化，以及模板；
(6)完成一个功能齐全的动态站点。
我的这套线路可能跟许多学习php的爱好者不谋而合，这也算是一个循序渐进的学习过程，不过新手不要看到上面的概括就以为学习蛮简单的，默默在此不得不对您稍微泼一下冷水，任何东西其实都不简单，即使是小吃部的烧饼也不是一下子就会做成的。首先，理解网站这一概念之后不难看出，任何网站都是由网页组成的，也就是说想完成网站，必须先学会做网页，因此必须要掌握了html，才能为今后制作网站打下基础。
在学习html中我想边学边做是最有效的方式，当然这一方式对于学习php同样是最有效的。html中的任何元素都要亲自实践，只有明白了什么元素会起到什么效果之后，你才会记忆深刻，而一味的啃书，绝对是不行的，我想大部分新手之所以觉得概念难学，大部分是一个字“懒”，懒是阻止进步的最大敌人，所以克服掉懒的习惯，才能更快的学好一样东西随着互联网技术的不断开发，该技术的应用得到了普及，使人们的生活更加的丰富多彩，并逐渐的在人们的生活还有工作中的地位越来越重要，互联网技术在当前的社会发展中，已经成为了一个国家在经济时代中文明发展的一个衡量水平的标志。在新时代背景下，企业要想能够更好的适应互联网时代的发展环境，那么建立网站是一个必要的途径，其中建设网站中极为关键的环节便是PHP语言的应用，PHP语言在企业网站开发中占有绝对重要的位置，本文针对PHP语言在企业网站开发中的应用进行了讨论。企业在网站开发的过程中需要选择合适的语言技术来应用，在选用的过程中主要是需要与企业实际情况相结合，并根据企业想要取得什么样的.网站效果来决定的。这里主要介绍PHP语言在开发技术中的应用过程，并详细的展开了分析以及论述。HPH是HypertextPreprocessor的缩写，这种超文本预处理器具有通用性，是当前非常常用的开源脚本语言，它综合了C++语言、JANA语言等语言技术的特点，更加易于学习，同时在使用范围上也更加广泛。PHP语言的语法具有独特性，它不仅融合了其他脚本语言的语法，而且在其他语言特点的基础上进行了一定的创新，形成了一种自己的语言开发环境，这种语言环境更加新颖。PHP语言具有非常强的优势，其中最突出的便是跨越性，这种特性使其能够跨越平台来使用，使其在操作系统方面存在的限制或者约束较低，Windows、UNIX等系统都能够支持PHP语言的操作与使用，有效的保障了网站开发具有较低的重复率，在一定程度上降低了企业在开发设计方面的资金投入；PHP语言在执行效率方面是非常高的，PHP语言在脚本语言里面是使用频率最高的，在效率也比其他语言高上几十倍；此外，还具有容易学习操作简单的优势。网站在设计的一开始，便应该全面考虑必备的常规功能，并要符合于企业经营的切实情况，同时还应该与商家自身的特色相结合，来设定企业网站的名称，以保证设计出的LOGO能够具有一定的代表性，并建立专用的邮箱，以供网站管理员使用，这样更加方便在后期工作当中的管理以及分配；在网站的功能方面需要进行的更改与设置，比如在文件上传方面，文件的格式、文件的大小等方面的设置；此外在网页中刚还需要针对信息增加添加、修改还有删除等方面的功能。
当网站建成之后需要合理的栏目管理来维护正常的经营，这样才能保证网站内容更加具有条例性。网站前台页面是用户直接能够看到的，用户可以对页面进行修改与设计，用户在根据自身喜好来进行字体与页面风格设置的同时，也使模板的自定义功能得以实现，增加了用户对网页浏览、使用网站的趣味性，从而更能吸引用户的目光。结合用户需要的相关信息将其进行深入的分析，并整体进行分类与整理，将用户对其产生的一些特征展开有针对性、全面性的服务。这方面的管理需要相关管理员能够将最新的消息、公告以及通知等及时的于网站中，并结合企业与网站的具体情况，对公布的信息模块及时进行相应的更新，以保证用户能够对企业的发展动态以及其实及时的、准确的进行了解。PHP语言在企业网站开发中具有非常大的优势。和其他的脚本语言技术相比，PHP在效率上、开放性上、跨平台性上等等方面都独具优点，使其在网站开发与设计之中发挥着极为重要性的作用。企业开发并建设网站，对于企业而言是发展中的重点工作，网站设计在整体效果上对于企业而言是具有非常重要的影响的，通过网站的形式，能够很好的向外部很好的展示出企业自身的良好形象以及文化等，使网站在整体效果上得到优化，是实现网站提升运行效率与经济效益的最佳途径。