网页分析与设计.ppt

文档介绍：网页分析与设计
西安市25中学 玛雅
学习目标
展示具体网页实例，让同学有一个感性认识。
结合具体实例让同学了解网页的主要构成要素。
掌握网页设计原则和基本流程。
实例展示
网页图片展示一
网页分析与设计
西安市25中学 玛雅
学习目标
展示具体网页实例，让同学有一个感性认识。
结合具体实例让同学了解网页的主要构成要素。
掌握网页设计原则和基本流程。
实例展示
网页图片展示一
实例展示
网页图片展示二
实例展示
网页图片展示三
实例展示
网页图片展示四
实例展示
网页图片展示五
实例展示
网页图片展示六
知识点介绍
第1单元 信息的发布与交流
第3节 网页分析与设计
网页基本概念
网页基本要素
网站设计的基本原则
网站建设的基本流程
网页的基本概念
什么是互联网
互联网又叫internet ，是将以往相互独立的 、 散落在各个地方的单独的计算机或相对独立的计算机局域网，借助于已经发展得有相当规模的电信网络，通过一定的通信协议而实现更高层次的互联。
网页的基本概念
什么是网页
是Internet的基本信息单位 ，一般网页上都会有文本和图片信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。
网页的基本要素
网页标题
网站标志
页眉页脚
导航栏
主内容区
图1-1 网页基本要素
网站设计的基本原则
明确内容
抓住用户
确定特色
分类明确
注重首页
互动性好
图像应用
及时更新
技术先进
网站建设的基本流程
需求分析
制作页面
域名空间
网站推广
精讲指导
页面标题
位于浏览器的标题栏
在<title></title>标记中设置
网站标志
位于页眉
体现特色、内容、文化内涵和理念
页面尺寸
与分辨率有关
精讲指导
如： 分辨率为1024*768，则页面尺寸为1007像素*600像素较好。
页眉和页脚
页眉：位于网页上部
放置站点名字、标志、宗旨、口号、广告
页脚：位于网页底部
放置公司联系方式
精讲指导
导航栏
位置有4种：左侧、右侧、顶部、底部
增强对网站的访问
文字和图片
字体、字号、颜色
实现图文混排
精讲指导
多媒体
声音：MIDI 、WAV 、 MP3 、 AIF
视频：RM、MPEG、AV、DivX、SWF
网站设计原则
明确内容、着手规划
突出特色、锁定目标
重视首页、分类合理
知识扩展
申请免费空间
一百网络免费空间网址：-
空间：50M
支持：HTML
域名：/
管理：FTP
技能训练
网上浏览各种网站，并进行分析比较其特色。
在网络免费空间为自己网站申请一个空间。
小结作业
小结
本章主要学习网页概念，网页制作流程等内容。
【重点】讲授网页设计要素及规划流程 , 通过具体的网页实例加深对网页相关知识的理解。
【难点】加强网页规划能力的训练。
作业
试着为自己的个人网页做一个整体规划。
网上搜集网页制作素材。
小结作业