中央广播电视大学计算机网终技术专业统设课程 第四章 Web艺术设计
中央广播电视大学计算机网络技术专业统设课程 第四章 Web艺术设计
教学内容： ◆Web设计环境 ◆Web设计元素 ◆Web综合设计
-- 2-- ◆ Web ◆ Web ◆ Web
教学要求： 1.掌握：网页设计流程、网页元素的基本 知识及基本制作方法、网页创意设计的原则 以及设计要点。 2.理解：网页设计中应用到的网络技术与 传播特点、版式设计基本法则。 3.了解：不同的制作软件、视听语言基础 和网页设计的未来趋势
-- 3-- 123
一、 Web设计环境 1.Web的技术环境（P171) Web环境设计主要涉及的技术： ◆浏览器技术 +屏幕分辨率技术 ◆带宽技术
--4-- Web 1. Web P171 Web
1)浏览器技术 ◆采用可兼容技术：即使用比最新版本稍旧的 HTML进行编码。 ◆采用最新技术 ◆采用声明浏览器技术
--5-- 1 ◆ HTML ◆ ◆
2)屏幕分辨率技术 ◆显示器屏幕分辨率：指计算机的水平与垂直方向 (即宽度与高度)的像素值。 常见的分辨率（宽×高)：640×480、800×600、 1024×768、1440×900、1920×1080 ◆解决在低分辨率下出现水平滚动条的方法：采用可 变分辨率来设计。（即采取相对宽度)P173 ◆显示器分辨率的范围：取决于显示器及计算机显卡 的性能
--6-- 2 ◆ ◆ 640 480 800 600 1024 768 1440 900 1920 1080 ◆ P173 ◆
3)带宽技术 影响网页显示速度最主要的因素是： 页面上的图形的大小和数量
-- 7-- 3
2. Web的媒体环境 规划小Web站点需考虑： ◆计算机屏幕的形状：横向>纵向 ◆屏幕由后向前发光：避免浅色背景上使用淡色字 ◆屏幕分辨率低
--8-- 2. Web Web ◆ > ◆ ◆
3.Web的设计流程 Web的设计流程通常包括两个阶段： ◆第一阶段：了解客户需求，体会它们的设计意向， 根据不同的网站类型进行创意，了解设计所需的 技术难度，确定方案。 ◆第二阶段：制作出页面样例，与客户交流，征求 意见，直到确认
--9-- 3 . Web Web ◆ ◆
网页设计的一般步骤： 1.明确网站的性质和目的 2.要分析网站的用户 3.确定页面的结构和框架 4.在不同机器、浏览器，不同的速度等条件 下测试网页 10
--10-- 1. 2. 3. 4