《网页设计第一课.ppt》由会员分享,可在线阅读,更多相关《网页设计第一课.ppt(27页珍藏版)》请在三一办公上搜索。
1、2013年9月18日,宁夏育才中学校本课程,网页设计,信息组:袁雯雯,2013年9月18日,宁夏育才中学校本课程,本节课主要内容,2013年9月18日,宁夏育才中学校本课程,网页解析html,网页和网站的区别很大,网站是由网页集合而成的,网页就是一个浏览页面,是一个html文件,浏览器是用来解读这份文件的,想要制作一个网站,就需要单独编辑若干个html文件,然后通过“超链接”把它们连接在一起,这样一个属于自己的网站就制作出来了。网站的话必须提供某种服务,或不断更新某些问题,用来吸引人气。一般得有自己鲜明的特色,它需要专门的技术和内容维护人员。,2013年9月18日,宁夏育才中学校本课程,网页解
2、析html,下面就是网页结构的整体框架:,2013年9月18日,宁夏育才中学校本课程,网站的核心,网站是以数据为核心,以服务器为基础的“浏览者-管理员-系统管理员”相互关联系、相互促进、有机制约的信息化整体。网页则是静态页面各自为政,仅仅提供链接的HTML文件。,2013年9月18日,宁夏育才中学校本课程,制作网页的专业工具,制作网页的专业工具的功能越来越完善,操作也越来越简单,处理图像、制作动画、发布网站的专业软件应用得非常广泛。,2013年9月18日,宁夏育才中学校本课程,各 种 工 具,2013年9月18日,宁夏育才中学校本课程,网站开发流程,第一个阶段:规划和准备阶段。这个阶段要做的工
3、作包括:(1)需求分析、决定网站的主题、风格(2)收集资料、准备素材并进行整理修改(3)规划网站结构和页面形式;,2013年9月18日,宁夏育才中学校本课程,第 二 阶 段,网页设计、制作阶段。这个阶段要做的工作包括:(1)网站总体设计;(2)设计界面、制作网站中的各个网页;(3)将各个网页通过超级链接进行整合。,2013年9月18日,宁夏育才中学校本课程,网站的发布、推广和维护阶段。这个阶段要做的工作包括:(1)测试、调试与完善网站;(2)发布与推广网站;(3)维护和更新网站。,2013年9月18日,宁夏育才中学校本课程,关于设计与布局的小建议,在设计布局的时候要注意把文字、图片在网页空间上
4、均匀分布并且不同形状、色彩的网页元素要相互对比,以形成鲜明的视觉效果。,2013年9月18日,宁夏育才中学校本课程,LOGO网站的设计,LOGO是网站的标志、名片,如同商标一样。在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。,2013年9月18日,宁夏育才中学校本课程,网页设计的色彩原则,2013年9月18日,宁夏育才中学校本课程,网页页面元素的设计,网页是由文本、图像、动画、超级链接等基本元素构成,2013年9月18日,宁夏育才中学校本课程,文 本,一般情况下,网页中最多的内容是文本,可以根据需要对
5、其字体、大小、颜色、底纹、边框等属性进行设置。建议用于网页正文的文字一般不要太大,也不要使用过多的字体,中文字体一般使用宋体,大小一般使用9磅或12像素即可。,2013年9月18日,宁夏育才中学校本课程,图 像,丰富多彩的图像是美化网页必不可少的元素,用于网页上的图像一般为JPG格式和GIF格式。网页中的图像主要有用于点缀标题的小图片,介绍性的照片,代表企业形象或栏目内容的标志性图片(即LOGO),用于宣传的广告(即Banner)等多种形式。,2013年9月18日,宁夏育才中学校本课程,超 级 链 接,超级链接是Web网页的主要特色,是指从一个网页指向另一个目的端的链接。这个“目的端”通常是一
6、个网页,也可以是下列情况之一:相同网页上的不同位置、一个下载的文件、一幅图片、一个E_Mail地址等。超级链接可以是文本、按钮或图片,鼠标指向超级链接位置时,会变成小手形状。,2013年9月18日,宁夏育才中学校本课程,导 航 栏,导航栏是一组超级链接,用来方便地浏览站点。导航栏一般由多个按钮或者多个文本超级链接组成。,2013年9月18日,宁夏育才中学校本课程,动 画,动画是网页中最活跃的元素,创意出众、制作精致的动画是吸引浏览者眼球的有效方法之一。但是如果网页动画太多,也会物极必反,使人眼花缭乱,进而产生视觉疲劳。,2013年9月18日,宁夏育才中学校本课程,表 格,表格是HTML语言中的
7、一种元素,主要用于网页内容的布局,组织整个网页的外观,通过表格可以精确地控制各网页元素在网页中的位置。,2013年9月18日,宁夏育才中学校本课程,框 架,框架是网页的一种组织形式,将互相关联的多个网页的内容组织在一个浏览器窗口中显示。例如在一个框架内放置导航栏,另一个框架中的内容可以随着导航栏中的链接而改变。,2013年9月18日,宁夏育才中学校本课程,表 单,表单是用来收集访问者信息或实现一些交互作用的网页,浏览者填写表单的方式是输入文本,选中单选按钮或复选框,从下拉菜单中选择选项等。,2013年9月18日,宁夏育才中学校本课程,网 页 欣 赏,2013年9月18日,宁夏育才中学校本课程,网 页 欣 赏,2013年9月18日,宁夏育才中学校本课程,网 页 欣 赏,2013年9月18日,宁夏育才中学校本课程,网 页 欣 赏,2013年9月18日,宁夏育才中学校本课程,网 页 欣 赏,