网页设计心得（实用3篇）

参考资料，少熬夜！网页设计心得（实用3篇）【导读指引】三一刀客最漂亮的网友为您整理分享的“网页设计心得（实用3篇）”文档资料，供您学习参考，希望此文档对您有所帮助，喜欢就分享给朋友们吧！网站设计心得体会1不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得，在设计网页之前：首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离开。我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意：要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然，产生兴趣。网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只参考资料，少熬夜！要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最后一步就是要优化网站了。就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对网页设计学习的一些心得罢了。多多指教！自己怎么制作简单网页学习前端的一些心得体会从事前端开发工作1年多了，从最初的DIV+CSS学起，到现在学到html5、css3、javascript，jquery等等，我觉得前端要学的技术太多了，很多人认为前端开发要掌握的技能简单，就是网页制作，其实不然，前端开发是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本是HTML5、CSS3，以及SVG等。JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄、自封精通。关于兼容性的问题我相信对于每个做前端开发的人来讲是一个很头疼的问题，互联网目前主流浏览器有IE6789，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯TT，360等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的，这些都是大家常见的。所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，用户用什么浏览器来查看同一网站，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSShack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。所在在学习前端的过程中，有能人能在你身旁帮助你学习，往往能取得事半功倍的效果，这不仅仅是时间人力的成本问题，而是因为知识的更新换代太快了。所以我们不得不提升自己吸收新知识的效率，然而就目前为止，线上学习或许已经是未来的一种趋势了，因为时代的节奏在加快，逼得我们不得不加快脚步学习，而线上教育的出现刚好适应着这个时代的节奏，所以应该好好把握应有的资源来提升自己。网页设计与制作心得体会随着学习进度的逐渐加快，学习的内容也逐渐开始变多、变难，不再像一开始那样老师一讲完就可以马上上手把网页做出来。自然而然的，在制作网页的时候也不再像一开始那样顺参考资料，少熬夜！利，总会出现各种各样的错误。不过对于学习上的问题，老师在课堂上也会尽可能地为我们解答，并且为我们提供了很多练习的机会，这使得我即使在面对一些困难的问题时，也能沉着地应对。不过课堂时间毕竟是短暂，仅仅靠一周两个课时的课堂学习时间想要把网页设计制作完全学习得很好是不可能的事。再者网页制作在我看来是一门实践重于理论的科目，如果仅仅学习了理论知识却不付诸实践，那对学习实际上是毫无助益的。因此在课余的时间里，老师给我们布置了与所学内容相对应的课外作业。在完成课外作业的时候，如果遇到了难以解决的问题，我会回顾老师上课时用的课件寻求解决的办法，与此同时，也在间接地巩固知识。因此，尽管过程并不都是一帆风顺，但经过本学期的学习与实践，我也逐渐掌握了网页设计制作的一些基本技能与知识。虽然明年就大四的我以后大概是不会再像这个学期那样有学习网页制作的课程了，但我会利用课余时间通过自学了解、学习更多关于网页设计制作的知识，掌握网页设计制作的技能的。自己怎么制作简单网页首先在设计制作网页之前，你要却确定你的网页内容是什么？一个网站必须要有一个明确的主题。特别是对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。主题要鲜明，在你的主题范围内内容做到大而全、精而深。然后针对你的内容找到相关的资料。接下来就是具体的制作步骤了：第一步：创建一个文本文档你需要创建一个文本文档包含单词，你想要出现在您的Web页面。只要你给你的文档名称结尾，大多数文字处理程序将会工作的很好。思考逻辑的地方插入你的文本。第二步：学习基本的HTML标记现在您需要插入一些格式化标记你的文档，会告诉一个互联网浏览器如何安排你的文字和图片在屏幕上。这些标签组成一个语言称为超文本标记语言，或者HTML。第三步：查看一个示例Web页面你或许在阅读会感到有点困惑，这是为了看一个实习的HTML文档更简单，然后看看它是怎么被翻译成一个Web页面。您可以查看“源文档“后边的任何Web页面将“视图”菜单（在Safari——其他的浏览器或许略有不同）并挑选“查看源代码。“当你这样做时，你会看到文档和HTML标签，创立页面当时在你的浏览器窗口。第四步：获得电子图像如果你还没有制作主页的图像文件，您可以下载一些来自其他Web页面。用你的常识来决定哪些图片你可以使用，哪些你不应该。根据什么样的电脑和浏览器你正在使用，你必须使用一种稍有不同的程序下载到你的硬盘映像。这里可以使用Safari浏览器:使用鼠标指针的位置在图像——按住鼠标按钮并拖动图像到你的计算机的桌面——放开参考资料，少熬夜！按钮，您将看到一个小图标。这时图像已经下载到你的硬盘。确保你的文件名称和格式——点击图标来查看图像，因为它将出现在您的Web页面。第五步：插入HTML标签如今您现已准备好插入格局符号在您自个的文档。记住要开始您的文档与。你类型符号之间的将出如今你正在阅读网页阅读器窗口的顶端。第六步：查看和编辑您的页面保存您的文本文档和返回到浏览器。在文件菜单中，选择“打开文件…”或“另存为…”。从那里你应该能够找到你的文档的名称并点击“开始”。你的文档将会出现在你的窗口，看起来就像个网页了！第七步：上传您需要有一个互联网服务提供商，允许您将您的网页页面在一个服务器上，这样其他人能够阅览它。假如没有，您能够继续操练与文件在您的计算机的硬盘。能够找到一些其他网站的页面相关的一些办法。他们可能会添加一个链接到你的页面注册您的网站查找引擎如google或雅虎。一旦你添加你的URL其间一个数据库，感兴趣的人通常主题你的页面将得到一个清单，你的网站当他们做一个查找。制作网页设计的心得体会2转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动（）窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，参考资料，少熬夜！把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的`提高。热情和执着，我将来设计出的网页会更加专业，更完善。网页设计学习心得体会3不知不觉，二个星期的《网页设计与网站建设》课程的实操即将过去，回顾这一段日子，真的令我体会很深，也学会很多东西，懂得