浅析网页设计及其应用

摘 要 ： 网页设计将计算机技术的应用、 视觉艺术的表现紧密结合在一起 ， 相得益彰， 从 而达到技 术与艺术相互融合 的新高 度。 文章 以计算机 技术作为基础 ， 通过确定主题、 版面布局、网页制作来完成合理的页面结构 ， 然后通过创意设计、 色彩调整 来实现精美的网页效果 ， 探讨了网页］ ｉ 殳 计 特 色中的技 术性与艺术性。
第２ ３ 期
２ Ｏ １ ６ 年１ ２
无 线互 联科 技
Ｗｉ Ｆ ｅ ｌ ｅ ｓ ｓ Ｉ ｎ ｔ ｅ ｒｎ ｅ ｔ Ｔ ｅ ｃ ｈ ｒ ｉ ｏ １ ｏ
Ｎｏ．２３
Ｄｅ ｃ ｅ ｍ ｂｅ ｒ ，２ ０ １ ６
浅析网页设计及其应用
何 莉
（ 武昌职 业学院， 湖北 武汉 ４ ３ ０ ２ ０ ２ ）
提 前规 划是 非 常重 要 的 。 合 理 的位 置 、 独 特 的风 格 、 适 面建立在页面设计和编程技巧的基础之上 ， 另一方面则依赖 构 时，
于对艺术美学 的敏锐程度。 网页设计师一定要熟练掌握核心 当的技术等 ， 这些都是制作导航栏时必然 要考虑的。 首先， 技术要点才能在业 内做到 出类拔萃。 １ ． １ 网页 设计 的技术要点 要 具有 良好 的导航 功能 ， 尽可能减 少操作 ， 确保 多级页 面
网站的主 题。 在确 定主题后， 可绘 制出网站架构 图， 并搜集 与及 时维 护 。 建 站所需的相关 资料和素材。 另外， 可要求客户提供 与公司 （ ２ ） 优化网页中的图片。 在互联网中浏览网页时， 一般
相关的文字及 图像等资料 ， 如公司介绍、 产品图像等 。 来说文字先于 图片。 图片文件 的大小会 延长 网页的加载 时 （ ２ ） 设计整体页面。 网页设计师与客户沟通 ， 了解客户 间， 因此 ， 在 网页设计时， 尽量选择适 当的图片文件格式来 的基本要求后， 制定网站建设方案并使 用Ｐ ｈ ｏ ｔ ｏ ｓ ｈ ｏ ｐ 等图像 保存。 假 如图片是单色， 最 好保存成Ｐ ＮＧ或者ＧＩ Ｆ 格 式； 如 就可 以保存成 Ｊ Ｐ Ｇ格 处理软件进行页面效果 图设计。 页面效果图主要包括 网站首 果像生活随拍照片那样 的连续性色调，
现在有许多工具可以优化图片， 压缩文件大小， 把 图片数 页效果 图和各频道首页效果图。 将效果图设计好后交给客户 式。 查看， 客户查看后提 出修改意见 ， 设计人员根据客户意见进 量 降到最低 ， 并且灵活使用图片。 这样 一来， 将可 以大大减
行修改， 最 终确定 网页页面效果 图。 在效果图得到客户认可 少页面的读取时间， 提高网页的性能。 （ ３ ） 注 重搜索引擎和兼容性 。 在设计网站时， 千万不要 后， 设计师 可使用Ｐ ｈ ｏ ｔ ｏ ｓ ｈ ｏ ｐ 等 图像处理软件中的切片工具 Ｅ Ｏ模块。 例 如， 网页内容结构、 用文字表示标 将效果 图切割并保存为Ｊ Ｐ Ｇ， Ｇ Ｉ Ｆ 或Ｐ ＮＧ格式的小 图像 ， 将 忽略基本 的Ｓ 题 。 在熟悉Ｈ Ｔ ＭＬ ／ Ｃ ｓ ｓ后， 会发现Ｄ Ｉ Ｖ￣ Ｌ 表格布局要好用一 它们作为制作网页的图像素材。 （ ３ ） 网页制 作。网页的制作可 以分为结构层 制作和样 些 ， 既可 以准确 地呈 现网页效 果， 对 搜索 引擎排 名也有 帮 运用Ｃ ｓ ｓ 样式来更换背景、 文字和图片， 非常实用。 网页 式、 行为层制作两部分。 结构层制作就是使用Ｈ Ｔ ＭＬ 代码搭 助 。 建 网页的主体结 构， 如文字 、 图像、 超链 接等 ， 可 以直接编 测试 主要是在浏览器端实现 ， 仅用一个浏览器测试 网页远
关键词： 网页设计； 技 术性 ； 艺术性
一
网页设计作为一种视觉语言， 是集创意、 技 术、 美感于 写代码 来实现 ， 也可 以在 Ｄｒ ｅ ａ ｍｗ ｅ ａ ｖ ｅ ｒ 的可视化界面 中操 体的创新活动。 它是企业向用户提供产品和服务信息的便 作。 在网页的结构层制作完成后， 样式层就可 以 使用Ｃ ｓ ｓ 样式
之间快速链接， 尽量让用户在短时间内浏览到需求页面 ； 其
一
（ １ ） 确定网页主 题。 制作 网站前， 首先需要分析网站 的 次， 最好放在一个醒 目的地方， 布局、 色彩 与整 体页面风格 功能及建站 的目的， 确定网站的用户群和 网站 内容， 即确 定 致； 最后， 对网站建立层次结构， 分层管理， 便于内容更新
当今互联网世界的确引人注 目， 置 身于其 中， 种类 繁多
满 足大多数 用户的需求 ， 又要保证 一定的艺术 欣赏性 ， 因 此， 在网页设计的过程中， 不得不注意以下事 项。 （ １ ） 强调导航栏 的设计。 首先 ， 在设计网站的导航 结
术设计的美观协调性。 因此， 研 究技术与艺术在 网页设计 中 的网站让人眼花缭乱。 网站设计既要考虑网站功能的实现，
（ 层叠样式表） 来制作 ， 行为层则基￣Ｊ ａ ｖ ａ Ｓ ｃ ｒ ｉ ｐ ｔ （ 动态脚本
捷形式 ， 运用相关的软件 技术、 美学知识等 ， 依 照设计要求
对网页的构成元素进行艺术设计。 要使 网站集计算机技术与 语言） ， 最终完成网页整体外观和页面布局。 艺术创作 于一体 ， 设 计者既要重视 网页设计各种关键技 术 １ ． ２网页设计的注意事项 的合理性， 呈现精美的网页效果， 又要把握 网页整体页面艺 的相互结合有Leabharlann Baidu十分重要的作用。 １ 网页设计的技术性 网页设计 既是一门科学， 也是一 门艺术 。 网页设计一方
作者简介： 何莉（ １ ９ ８ ４ 一 ） ， 女， 湖北黄冈， 硕士， 讲 师； 研 究方向： 计算机 技术。
一
２９—
第２ ３ 期 ２ ０ １ ６ 焦１ ２ Ｆ ］
Ｎｏ． ２３
无 线 互联 科技 ・ 网络 地 带
Ｄｅｃｅｍｂｅｒ。２０１ ６
远不够， 需要在多种浏览器端测试兼容性。 ２ 网页设计的艺术性 ２ ． １ 网页设计形式与内容相统一 与内容统一起 来， 保 持协调性。 外观设置 中讲究一些技巧，