二、网页设计
(一)网页设计概述
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、发生 崩溃后可以自动恢复文件。