网页设计教程.ppt

1
第1章网页设计基础
教学目的和要求:
掌握Web站点的有关概念、术语及其基本工作原理,掌握网站的命名规则和文件、文件夹的命名规范、网站页面布局格式与规范及网页修饰与创意原则,了解网站建设的基本流程和常用工具和编程语言,能够进行网站需求分析,了解网站的业务背景,能根据网站业务背景的不同确定网站功能,并能够根据网站内容进行页面规划和结构布局。
2
第1章网页设计基础
主要内容:
网页设计的几个基本概念
网站基础
网站设计
网页规划和步骤
了解常用网页制作工具和网页编程语言
前几界学生作品的正反面案例分析
重点内容: 文件、文件夹的命名规范,文件目录结构与链接结构,页面规划和结构布局
难点内容:页面布局格式与规范及网页修饰与创意原则,能据网站业务背景的不同确定网站功能,并能够根据网站内容进行页面规划和结构布局.
计划学时: 4学时
3
网页设计的几个基本概念
1、什么是网页?
一个网页是存储在某与互联网相连计算机中的一个文件,通过网址(URL)来识别和存取。在浏览器中输入网页网址,通过浏览器解释网页文件,用户就可以浏览该网页。
2、网页的分类
通常网页文件以htm 、html、asp、aspx 、PHP、JSP等为扩展名。不同的扩展名分别代表不同类型的网页文件。
按表现形式可分为静态网页和动态网页。
返回目录
4
静态网页与动态网页
静态网页:指网页显示后(或显示期间),浏览器与服务器不再发生信息的交互。无法做进行查询、留言、聊天、电子商务等操作,并不是不动的网页,如FLASH动画。
动态网页指浏览器端和服务器端可以进行信息交流的网页,即服务器可以根据浏览者的请求做出相应动作和回复。常见的动态网页类型有ASP、ASPX、PHP和CGI等等,其中以ASP动态网页技术较成熟且易学。
返回目录
5
网站与网页
3、什么是网站
网站是互联网上一块固定的面向全世界发布消息的地方。它由域名(即网站地址)和网站空间构成。
可以将网站喻为一个摊位或地盘。如果一个企业上了互联网,表示进入了世界上最大的市场,此时也只不过是一个看客;而如果企业建立了自已的网站,它就在市场中拥有了一个“摊位”,可以宣传和展示自已产品。
4、网站与网页的关系
网站是网页、图片等文件的集合体,是网页通过超级链接的形式组成的。
返回目录
6
5、网站的逻辑结构
——包括计算机硬件、操作系统、
。
——包括路由
器、调制设备和网络安全系统。
——数据存贮存系统要
有海量存贮能力,高速搜索能力,有效的数据采
集、制作和发布能力。中间件介于服务器系统和
数据存贮系统之间。
——此部分贯穿于网站从建立
到消亡的全过程,需要专人负责。
返回目录
8
网站基础
网站的类别比较繁杂,从信息流转和提供服务的方式出发,可以分为以下几类:






等等
返回目录
2、定位网站的类别
9
网站基础
准确的形象定位对于提高网站的点击率至关重要。网站形象是指它主要侧重的内容和功能。
人们感兴趣的网站内容通常有:
(1)新闻(包括时事新闻、体育新闻、财经新闻、娱乐新闻等)。(2)求职、招聘、交友、征婚信息。
(3)计算机软件和硬件信息。(4)科教医疗信息。
(5)金融证券信息。(6)商贸信息和各类广告。
(7)休闲、旅行、娱乐信息。
(8)电子书籍和影视。
返回目录
3、定位网站的形象
10
——定位网站的形象
人们感兴趣的网站功能通常有:
(1)搜索引擎和信息查询。
(2)电子邮件和免费电子信箱。
(3)免费个人主页空间。
(4)软件的上传与下载。
(5)网上聊天室、新闻组、BBS、发送短信。
(6)实时股票信息和网上股票交易服务。
(7)网上游戏娱乐。
(8)网上商务活动、网上购物、网上结算。
等等
返回目录