该当说，设计精美的页面效果，须要用户节制一定的技能，理解干系的知识，初步积累网页设计素养，同时还该当熟习网站开拓的流程。
熟习网页设计观点
网站是互联网上一个信息小站，网页是互联网上显示的信息页面，如果说网站是一本书，那么网页便是生活中的一页书，是展示信息的最小单元。在网页中包含笔墨、图像、多媒体等内容，通过这些内容向浏览者传达一定的信息。
网页和网站
网站便是由网页组成的，网页是构成网站的基本元素，是承载各种运用的平台。一个网站如果没有网页，将是一个空站，如果只有域名和虚拟主机而没有制作任何网页的话，任何人都无法访问网站。
网页类型
网页可以分为多种类型，但是由于分类方法不同，也会有不同的类型，根据是否利用了做事器技能，人们把网页分为静态网页和动态网页。
网页构成
网页内可以包含很多内容，如文本、图像、动画等内容，这些信息构成了网页的基本内容，如图1.4所示。实际上网页包含的元素是很多的，有些元素可以直不雅观地看到，而有的元素可能看不到，只有通过代码才能够看到。
HTMLHTML是一种措辞，全称为Hypertext Markup Language，即超文本标识措辞，是用于描述网页文档的一种工具。由HTML措辞编写的文档，便是网页文档，这种文档可以被网页浏览器识别并解析，然后把网页效果呈现出来。如果没有浏览器的解析，我们所看到的网页文档由大量的HTML标签和文本信息组成，
学习DIV构造
DIV是<div>标签的习气性称呼，由于设计师紧张利用<div>标签构建网页的构造，利用CSS设计网页样式，故把网页设计简称为DIV+CSS布局。
在HTML文档中，页面会被划分为很多区域，不同区域显示不同的内容，如标题栏、广告位、导航条、新闻列表、正文显示区域、版权信息区域等。
学习CSS
有了网页构造和内容，还须要CSS来美化。CSS是一种措辞，与HTML一样，是一种描述性措辞，全称Cascading Style Sheet，可译为层叠样式表或级联样式表，它定义如何显示HTML标签，用于掌握网页外不雅观布局和样式设计。当网页短缺CSS时，是非常丑陋的，也不适宜阅读和欣赏，
学习JavaScript网页设计的动态化和智能化是一种大趋势，而如果要遇上这个趋势，JavaScript是一种脚本措辞，但是它包含编程措辞的大部分特性和功能，节制JavaScript编程，你就能够驾驭网页动态殊效的设计，就能够把网页设计得更聪明、更富有人性化。
JavaScript在页面殊效中的运用
与HTML、CSS学习比较，JavaScript学习难度要大很多，当然一旦当你节制了JavaScript，网页设计水平会达到一个新的高度，此时自己就不是一个大略的网页设计师，而该当是一个前端开拓工程师的高等技能师。
网页设计任务
成功的设计作品一样平常都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和实现的功能。站点的性子不同，设计的任务也不同。根据网站性子，可以把网页设计任务分为3类：
资讯类网站，这类网站以内容为主，供应大量的信息，因此网页设计就须要把稳页面的分割、构造的合理、页面的优化、网页的亲和力等问题。
形象类网站，这类网站以宣扬为主，网站规模较小，页面少，信息少，功能也较为大略，网页设计的紧张任务是突出企业形象。因此对设计者的美工水平哀求较高。
运用类网站，这类网站在设计上哀求较高，网页信息不求大而全，但是页面设计追求简洁、精细、大方，既要担保网站的可操作性，同时还要担保运用的灵巧性，突出光鲜的运用特性。
网页设计原则
网页设计是有原则的，无论利用什么方法对网页元素进行组合，都必须要遵照基本原则，
统一原则：便是指设计作品的整体性、同等性。设计作品的整体效果是至关主要的，在设计中切勿将各组成部分伶仃分散，那样会使画面呈现出一种枝蔓纷杂的缭乱效果。
连贯原则：便是指要把稳页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并把稳全体页面设计风格的同等性，实现视觉上和生理上的连贯，使全体页面设计的各个部分极为融洽，犹如一气呵成。
分割原则：便是指将页面分成多少小块，小块之间有视觉上的不同，这样可以使不雅观者一览无余。在信息量很多时为使不雅观者能够看清楚，就要把稳到将画面进行有效的分割。分割不仅是表现形式的须要。换个角度来讲，分割也可以被视为对付页面内容的一种分类归纳。
比拟原则：便是通过抵牾和冲突，使设计更加富有生气。比拟手腕很多，例如，多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。在利用比拟的时候应慎重，比拟过强随意马虎毁坏美感，影响统一。
和谐原则：便是指全体页面符合美的法则，十全十美。如果一件设计作品仅仅是色彩、形状、线条等的随意稠浊，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看构造形式，而且要看作品所形成的视觉效果能否与人的视觉感想熏染形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
【Web前端开拓 】html+css前端零根本入门教程 2022新 最全前端学习路线方案含前端框架项目（资料含源码+课件）_前端_编程入门_哔哩哔哩_bilibili
