网页设计基础
随着互联网技术的不断发展和普及，网络与现实生活的结合越来越紧密，网站代表了企业和个人的形象，网页如同个人的社交名片，不可或缺。越来越多的人开始学习和制作网页，更多的企业和个人把自己的“家”搬到网上。
应该说，设计精美的页面效果，需要用户掌握一定的技术，了解相关的知识，初步积累网页设计素养，同时还应该熟悉网站开发的流程。
熟悉网页设计概念
网站是互联网上一个信息小站，网页是互联网上显示的信息页面，如果说网站是一本书，那么网页就是生活中的一页书，是展示信息的最小单元。在网页中包含文字、图像、多媒体等内容，通过这些内容向浏览者传达一定的信息。
网页和网站
网站就是由网页组成的，网页是构成网站的基本元素，是承载各种应用的平台。一个网站如果没有网页，将是一个空站，如果只有域名和虚拟主机而没有制作任何网页的话，任何人都无法访问网站。
网页类型
网页可以分为多种类型，但是由于分类方法不同，也会有不同的类型，根据是否使用了服务器技术，人们把网页分为静态网页和动态网页。
网页构成
网页内可以包含很多内容，如文本、图像、动画等内容，这些信息构成了网页的基本内容，如图1.4所示。实际上网页包含的元素是很多的，有些元素可以直观地看到，而有的元素可能看不到，只有通过代码才能够看到。
HTML
HTML是一种语言，全称为Hypertext Markup Language，即超文本标识语言，是用于描述网页文档的一种工具。由HTML语言编写的文档，就是网页文档。
这种文档可以被网页浏览器识别并解析，然后把网页效果呈现出来。如果没有浏览器的解析，我们所看到的网页文档由大量的HTML标签和文本信息组成，
学习DIV结构
DIV是
标签的习惯性称呼，因为设计师主要使用标签构建网页的结构，使用CSS设计网页样式，故把网页设计简称为DIV+CSS布局。在HTML文档中，页面会被划分为很多区域，不同区域显示不同的内容，如标题栏、广告位、导航条、新闻列表、正文显示区域、版权信息区域等。
学习CSS
有了网页结构和内容，还需要CSS来美化。CSS是一种语言，与HTML一样，是一种描述性语言，全称Cascading Style Sheet，可译为层叠样式表或级联样式表，它定义如何显示HTML标签，用于控制网页外观布局和样式设计。当网页缺少CSS时，是非常丑陋的，也不适合阅读和欣赏，
学习JavaScript
网页设计的动态化和智能化是一种大趋势，而如果要赶上这个趋势，JavaScript是一种脚本语言，但是它包含编程语言的大部分特性和功能，掌握JavaScript编程，你就能够驾驭网页动态特效的设计，就能够把网页设计得更聪明、更富有人性化。
JavaScript在页面特效中的应用
与HTML、CSS学习相比，JavaScript学习难度要大很多，当然一旦当你掌握了JavaScript，网页设计水平会达到一个新的高度，此时自己就不是一个简单的网页设计师，而应该是一个前端开发工程师的高级技术师。
网页设计任务
成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和实现的功能。站点的性质不同，设计的任务也不同。根据网站性质，可以把网页设计任务分为3类：
资讯类网站，这类网站以内容为主，提供大量的信息，因此网页设计就需要注意页面的分割、结构的合理、页面的优化、网页的亲和力等问题。
形象类网站，这类网站以宣传为主，网站规模较小，页面少，信息少，功能也较为简单，网页设计的主要任务是突出企业形象。因此对设计者的美工水平要求较高。
应用类网站，这类网站在设计上要求较高，网页信息不求大而全，但是页面设计追求简洁、精致、大方，既要保证网站的可操作性，同时还要保证应用的灵活性，突出鲜明的应用特性。
网页设计原则
网页设计是有原则的，无论使用什么方法对网页元素进行组合，都必须要遵循基本原则
统一原则：就是指设计作品的整体性、一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯原则：就是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割原则：就是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比原则：就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如，多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐原则：就是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。
和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
赞(0) 分享猜你喜欢
相关推荐
世界上最难唱的歌（世界十大最难唱的歌）世界上最难唱的歌有：《你要的全拿走》、《一口气全念对》、《起风了》、《烟火里的尘埃》、《煎熬》、《泡沫》、《难念的经》、《忐忑》。其中《你要的全拿走》的歌曲前半部分确实是是深情款款的慢节......
广沛凝2024年08月23日•自我提升 黄色用什么颜色调出来（颜色调配规则是什么）黄色是三原色之一，红、黄、蓝这三个颜色不需要别的颜色来调，也调不出来。在绘画中调色即是通过两种或两种以上的颜色相加而得到新的颜色。而三原色即红、黄、蓝，这三种纯正的颜色属于原生颜色，无法......
广沛凝2024年08月23日•自我提升 管理书籍排行榜前十名（十大经典管理类书籍）管理书籍排行榜前十名分别是：《卓有成效的管理者》、《聪明人的个人成长》、《自我觉察》、《知识炼金术》、《效率红利》、《高效率学习手册》、《刻意练习》、《超级学习者》。...
狂微月2024年08月23日•自我提升 word文本框怎么设置透明色（word文本框底色透明）word里文本框设置为透明即设置成无填充色无轮廓即可。方法步骤如下：打开需要操作的WORD文档，选中文本框，使之处于编辑状态，点击“形状填充”，选择“无填充颜色”；点击“形状轮廓”，选择......
能雅惠2024年08月22日•自我提升 北京高中排名2024最新排名表（北京高中排名2024）北京高中排名2024最新排名：中国人民大学附属中学、北京市第四中学、北京师范大学附属实验中学、北京大学附属中学、北京市十一中学、清华大学附属中学、中央民族大学附属中学、北京师范大学第二附......
功靖荷2024年08月22日•自我提升 安徽大学江淮学院是几本（安徽大学江淮学院实力怎么样）安徽江淮学院是二本。安徽江淮学院是经教育部批准，由安徽大学主办，纳入第二批本科录取的全日制普通高等教育本科院校。安徽江淮学院设立了31个专业，涵盖工学、文学、经济学、法学、管理学、艺术学......
栗嘉丽2024年08月22日•自我提升 什么兵种最有前途（服兵役入伍怎么选兵种）如果有留队打算，那最好优选火箭军、海空军等技术兵种。火箭军、海军和空军都是全军技术专业比较多的兵种，在技术岗位上留队的名额相对较多。但其实兵种岗位有不同，职责有分工，都是为国家为人民站岗......
校瑛瑶2024年08月22日•自我提升 sci影响因子多少算高（sci影响因子越高越好吗）sci影响因子大于2的其实就算高了。期刊的影响因子越大，其学术影响力就越大。期刊的影响因子表明学术期刊的质量。在选择期刊时，选择影响因子高的期刊将对您的学术能力产生更好的肯定作用，并且自......
盈文君2024年08月22日•自我提升发表评论
请登录后评论... 登录后才能评论提交版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 316371321@qq.com 举报，一经查实，本站将立刻删除。
