二、网页设计

(一)网页设计概述

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、发生 崩溃后可以自动恢复文件。

上一篇:java+mysql通用试题库系统后台设计与实现
下一篇:基于Apriori算法的电影推荐

搭建Linux桌面环境的影音平台【1261字】

抖音短视频平台视频推荐模式研究【2528字】

J2ME平台的SOAP协议研究与應用【2420字】

构建下一代网络的开放业...

Linux嵌入式系统开发平台选型探讨【2295字】

ASP.NET微信平台的办证系统设计

移动终端和WEB的校园二手...

我国风险投资的发展现状问题及对策分析

ASP.net+sqlserver企业设备管理系统设计与开发

张洁小说《无字》中的女性意识

网络语言“XX体”研究

LiMn1-xFexPO4正极材料合成及充放电性能研究

老年2型糖尿病患者运动疗...

麦秸秆还田和沼液灌溉对...

安康汉江网讯

互联网教育”变革路径研究进展【7972字】

新課改下小學语文洧效阅...