第1章网页设计基础

网页设计基础姓名：王春影单位：长春工业大学软件学院网络教研室（302）电话箱:molly3493@Myinfo课堂要求:1.不许无故旷课、迟到、早退.迟到两次以上按旷课一次处理.

2.不许说话、吃零食、睡觉.3.不得看与专业无关的书籍等读物.4.关闭所有电子工具:手机、MP3、计算器、收录机等5.上课不得三不带:不带笔、不带书、不带笔记本.6.下课后关闭电脑,摆放好桌椅,收拾个人电脑附近卫生.

一二三四五1-23-4★19班212教室5-6●20班※16班7-8★19班22班●20班※16班9-1022班课程表本课程是根据长春工业大学软件职业技术学院为奠定学生的网页设计能力而开设的一门专业基础必修课程。课程性质HTML超文本标记语言网页制作基础知识CSS层叠样式表DREAMWEAVER网页设计软件课程内容本章要点相关知识制作原则设计基础制作步骤世界上最大的网是什么网呢?Internet概述

Internet即国际计算机互联网，在中国也称“因特网”或“国际互联网。它是目前全世界最大的网络，包含着丰富多彩的信息，并提供方便快捷的服务。它缩短了人们之间的距离。通过Internet，用户可以与接入Internet的任何一台计算机进行交流，如发邮件、聊天、通话等。 Internet服务器的主要信息服务有：万维网（WWW）电子邮件服务（E-mail）电子公告板服务(BBS)网上购物网上会议网上聊天

什么是WWW

www是一种分布式客户服务系统WWW是WorldWideWeb的缩写，又称3W或Web，中文译名为“万维网”。它作为Internet上的新一代用户界面，摒弃了以往纯文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用该技术可以为企业提供全球范围的多媒体信息服务，使企业获取信息的手段有了根本性的改善，与之密切相关的是浏览器（Browser）。

www制定一套标准超文本传输协议（HTTP）统一的资源定位（URL）超文本HTML语言超文本传输协议(http)

是用于从www服务器传输超文本到本地浏览器的传送协议.它可以使浏览器更加高效,使网络传输量减少,它不仅保证计算机正确快速地传输超文本文档,还可以确定传输文档中的哪部分内容先显示(如文本先于图像)等,这就是为什么在浏览器中看到的网站地址都是以http://开头的原因。统一资源定位器（URL）统一资源定位器，英文为URL(UniformResourceLocator),用于要取得的Internet资源的位置与方式，即各个网页在Internet上的地址。通俗的说，URL就是网址。例如/index.htm超文本标记语言（HyperTextMarkupLanguage）当用户从www服务器取到一个文件后，用户需要在自已的屏幕上将它正确无误地显示出来，由于将文件放入www服务器上的人并不知道将来阅读这个文件的人到底会使用哪一类型的计算机，要保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机都能看懂的方式来描述文件，于是就产生了HTML——超文本标记语言。什么是网站

网站是一个存放在网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的形式链接在一起，成为一个整体。常见的网站有网易、新浪、搜狐、百度、腾讯等。 什么是网页 网页是网站的组成部分，是一张页面，可以看成是一个单一体，是网站的一个元素。 网页中包含的元素有：文本和图像、动画、声音和视频、超级链接、表格、表单、导航栏以及其他常见元素。网页页面设计艺术

绝大部分的网页具有：导航栏、LOGO（网站标志）、BANNER（广告条）、按钮。 什么是主页主页也称为首页一个单独的网页一个特殊的网页整个网站的起始点和汇总点浏览者浏览一个网站的入口网页的本质网页的分类静态网页 是指这个网页不论在何时何地浏览，都将显示相同的画面和内容，且用户仅能浏览，而无法提供信息给网站，让网站作出响应。动态网页是网页能够按照用户的需求作出动态响应，如网页上常见的留言板、论坛等。 网站设计需要的知识

1、风格定位网站的整体风格是网页设计者最希望掌握，也是难以学习的，它难就难在没有一个固定的程式可以参照和模仿。风格是抽象的，是指站点的整体形象给浏览者的感受。风格是独特的，是站点不同于其他网站的地方，或色彩，或技术，或交互方式。2、版面编排

（1）主次要分明，中心要突出（2）大小要搭配，相互要呼应（3）图文要并茂，相得要益彰（4）动静要有度，平衡要对称3、色彩处理 色彩总的应用原则应该是“总体协调，局部对比”，也就是说，主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩对比。确定主色利用相近色黑白灰运用选择适合内容风格的颜色页面的色彩搭配网页制作中色彩的运用技巧：R:101G:174B:255R:0G:60B:12R:138G:202B:136R:36G:124B:34R:210G:144B:212R:117G:45B:119R:255G:91B:91R:158G:0B:26R:211G:211B:211R:122G:128B:1314、网页布局 三种布局国字型布局拐角型布局封面型布局 5、网站的分类 四种分类门户网站职能网站专业网站个人网站维护发布设计规划网站开发工作流程开发站点维护更新发布站点测试站点创建页面配置站点规划站点内容收集整理资源网站制作步骤

明确网页制作的目的和意义。下面列出在规划站点内容阶段要做的具体事项。描述网页的服务对象确定制作网页的目的具体确定网页的信息内容、浏览界面和信息设置具体确定网页的制作时间和软硬件环境

规划站点内容做好上面几步后,接下来的工作就是根据上面的规划创建一个完整的站点。

定义本地站点：就是在自己机器的硬盘上建立一个目录,然后将所有制作网页相关的文件都存放在里面,以便进行网页的制作和管理，因此，站点可以理解成同属于一个web主题的所有文件的存储地点。配置站点一个页面美不美观，能不能吸引浏览者，创建页面是关键的一步。自顶向下的设计方法自底向上的设计方法创建页面

本章小结本章主要对网站规划和网页设计进行了剖析，介绍了Internet基础知识、网页设计的相