第1章网页设计基础.ppt

网页设计基础 姓名：王春影 单位：长春工业大学软件学院网络教 研室（302） 电话：0431邮箱: molly3493@ 课堂要求: 1.不许无故旷课、迟到、早退.迟到两次以上按旷课一次处理. 2.不许说话、吃零食、睡觉. 3.不得看与专业无关的书籍等读物. 4.关闭所有电子工具:手机 、 MP3、计算器、收录机等 5.上课不得三不带:不带笔、不带书 、不带笔记本. 6.下课后关闭电脑,摆放好桌椅,收拾个人电脑附近卫生. 本课程是根据长春工业大学软件职业技术学院为奠定学生的网页设计能力而开设的一门专业基础必修课程。 Internet概述 Internet即国际计算机互联网，在中国也称“因特网”或“国际互联网。它是目前全世界最大的网络，包含着丰富多彩的信息，并提供方便快捷的服务。它缩短了人们之间的距离。通过Internet，用户可以与接入Internet的任何一台计算机进行交流，如发邮件、聊天、通话等。 Internet服务器的主要信息服务有： 万维网（WWW） 电子邮件服务（E-mail） 电子公告板服务(BBS) 网上购物 网上会议 网上聊天 什么是WWW www是一种分布式客户服务系统WWW是World Wide Web的缩写，又称3W或Web，中文译名为“万维网”。它作为Internet上的新一代用户界面，摒弃了以往纯文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用该技术可以为企业提供全球范围的多媒体信息服务，使企业获取信息的手段有了根本性的改善，与之密切相关的是浏览器（Browser）。 www制定一套标准 超文本传输协议（HTTP） 统一的资源定位（URL） 超文本HTML语言 超文本传输协议(http) 是用于从www服务器传输超文本到本地浏览器的传送协议.它可以使浏览器更加高效,使网络传输量减少,它不仅保证计算机正确快速地传输超文本文档,还可以确定传输文档中的哪部分内容先显示(如文本先于图像)等,这就是为什么在浏览器中看到的网站地址都是以http://开头的原因。 统一资源定位器（URL） 统一资源定位器，英文为URL(Uniform Resource Locator),用于要取得的Internet资源的位置与方式，即各个网页在Internet上的地址。通俗的说，URL就是网址。 例如/index.htm 超文本标记语言（HyperText Markup Language） 当用户从www服务器取到一个文件后，用户需要在自已的屏幕上将它正确无误地显示出来，由于将文件放入www服务器上的人并不知道将来阅读这个文件的人到底会使用哪一类型的计算机，要保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机都能看懂的方式来描述文件，于是就产生了HTML——超文本标记语言。 什么是网页 网页是网站的组成部分，是一张页面，可以看成是一个单一体，是网站的一个元素。 网页中包含的元素有：文本和图像、动画、声音和视频、超级链接、表格、表单、导航栏以及其他常见元素。 网页页面设计艺术 绝大部分的网页具有：导航栏、LOGO（网站标志）、BANNER（广告条）、按钮。 什么是主页 主页也称为首页 一个单独的网页 一个特殊的网页 整个网站的起始点和汇总点 浏览者浏览一个网站的入口 网页的分类 静态网页 是指这个网页不论在何时何地浏览，都将显示相同的画面和内容，且用户仅能浏览，而无法提供信息给网站，让网站作出响应。 动态网页 是网页能够按照用户的需求作出动态响应，如网页上常见的留言板、论坛等。 网站设计需要的知识 1、风格定位 网站的整体风格是网页设计者最希望掌握，也是难以学习的，它难就难在没有一个固定的程式可以参照和模仿。 风格是抽象的，是指站点的整体形象给浏览者的感受。 风格是独特的，是站点不同于其他网站的地方，或色彩，或技术，或交互方式。 2、版面编排 （1）主次要分明，中心要突出 （2）大小要搭配，相互要呼应 （3）图文要并茂，相得要益彰 （4）动静要有度，平衡要对称 3、色彩处理 色彩总的应用原则应该是“总体协调，局部对比”，也就是说，主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩对比。 确定主色 利用相近色 黑白灰运用 选择适合内容风格的颜色 页面的色彩搭配 4、网页布局 三种布局 国字型布局 拐角型布局 封面型布局 5、网站的分类 四种分类 门户网站 职能网站 专业网站 个人网站