二、网页设计

（一）网页设计概述

1．网页、网站、首页 网站是一个个网页的集合，不同的网页组成了网站。网站可以由一个或多个页面构成。主页 也叫首页，每一个网站都有属于自己的首页，它是浏览者登录网站时看见的第一个网页，也 是网站的入口。

2．网页设计原则及流程

（1）设计原则： 主题明确：做一个网站必须确定网站是做什么的，可以根据对市场的需求分析开确定主题。 色彩协调统一：总体协调，局部对比，不同行业秉承不同的行业色。 布局合理：图文混搭，布局平均，栏目划分构造清楚，广告语内容合理分配。 平台的兼容性：保证页面在不同操作系统，不同屏幕分辨率，不同浏览器下能够很好运行和 保存网页良好的视觉效果。 结构规范：合理的文档结构更加便于网站维护，并且方便内容的移动与更新。 命名合理：遵循一定的规范，是网页维护及更新更加便捷[1]。

（2）主要流程：首先要根据需求来确定网站的内容；确定网页的尺寸然后合理布局；确定 网站配色与风格；考证平台其实也是一个在线教育平台，所以所用颜色秉承教育行业的行业 风格色，选择了稳重的蓝色作为导航颜色，主基调也是蓝色。收集和制作网页所用素材；利 用软件制作网页；测试和发布网站。

3．布局与构成

网页常见布局类型：“国”字形布局、“匡”字型布局、“川”字型布局、“三”字形布局、 海报型布局、Flash 布局、标题文本型布局、框架型布局。 网页构成：文字和图片是构成一个网页的基本元素。从页面结构来说，导航栏、栏目、正文 内容这三大元素构成了一个网页。

4．静态网页论文网

静态页面是指网页文件中没有程序，而只有 HTML 代码，一般以。html 或。htm 为后缀名。 Web 静态网页设计制作功能非常强大而且操作十分方便，所以得到了很多企事业用户的喜 爱，静态网页设计制作在很多方面都发挥着重要作用，因此也得以快速普及。 静态网页每一个网页都有固定的 URL，且网页的 URL 以：html，。htm，。shtml 等常见形 式为后缀；内容相对稳定，比较容易被搜索引擎检索；没有数据库[2]，在网站维护与制作方 面工作量比较大；交互性比较差，在功能方面有很大的限制；页面浏览速度快，减轻了服务 器的负担，降低了数据库的成本。

（二）网页设计软件

PS 介绍：Photoshop 是平面图像处理业界霸主。

图 1 左图为 PS 启动界面图

PhotoshopCC2017 新功能：

1、支持 emoji 表情包在内的 svg 字体； 2、贴心的搜索功能：快速搜索可以让我 们在 PS 中快速查找工具、面板、菜单、 Adobe Stock 资源模板、教程等，工作 更加高效快捷。3、增强的属性面板，属

性是更多元素的属性，它是动态的。4、匹配字体加强版。5、强化了抠图功能，找回一些“调 整边缘”的操作体验。6、新建文档功能大更新。

AI 介绍：Illustrator 是 Adobe 公司推出的矢量图操作软件。

图 2 左图为 AI 启动界面图

Adobe Illustrator CC 2017 新功能：1、 快速启动您的创意项目。 2、全新的用户体验，工具和面板具有新 的图标，您可以自定义界面颜色：深色、 中等深色、中等浅色、浅色。3、用占位 符文本填充文字对象。4、将文本导入路 径/形状，轻松查找完美字体，实时字体预

览，上下文中的替代字形。6、创建像素级的优化图稿。7、十分便捷的搜索功能。8、发生 崩溃后可以自动恢复文件。