第1章 网页设计概述

1、LOGOEmail: Tel: 2184431LOGO课程内容及教材课程内容及教材 LOGO基本要求：基本要求：认真听课、注意操作认真听课、注意操作课上课上充分预习和复习、多练习充分预习和复习、多练习课下课下请假制度、上机按学号入座请假制度、上机按学号入座纪律纪律认真按时独立完成认真按时独立完成作业作业本课程的特点：应用性、实践性强。本课程的特点：应用性、实践性强。LOGO第第1章章 网页设计概述网页设计概述LOGO1.1 网页基础知识网页基础知识LOGOWWWWWW服务的工作原理服务的工作原理URLURL：应用协议类型：应用协议类型:/:/信息资源所在主机名（域名或信息资源所在主机名（域名或

2、IPIP地址）地址）/ /路径名路径名/ / /文件名文件名LOGOWWWWWW服务的主要特点服务的主要特点LOGO1.2 网页构成元素网页构成元素图图 像像文本文本 网网 页页视频视频 动动 画画超链接超链接 音频音频 表格、表单、导表格、表单、导航、航、条、悬停按条、悬停按钮、钮、Java特效、特效、AxtiveX组件等组件等 LOGO1.2网页构成元素网页构成元素文本：是网页的信息主体，能准确的表达信息的内容和文本：是网页的信息主体，能准确的表达信息的内容和含义。占用的空间小，传输速率高。含义。占用的空间小，传输速率高。图像：占用的空间大，传输速率慢。如果使用恰当比文图像：占用的空间大，

3、传输速率慢。如果使用恰当比文字更具有说服力，使网页更生动，更具表现力和吸引力。字更具有说服力，使网页更生动，更具表现力和吸引力。网页中常用的图象文件格式有：网页中常用的图象文件格式有：GIFGIF、JPEGJPEG、PNGPNG等。等。动画：占用的空间比图像还大，但是动画：占用的空间比图像还大，但是“动动”比比“静静”更更具生命力，更能打动人心。一般网站广告都以动画形式具生命力，更能打动人心。一般网站广告都以动画形式显示。显示。LOGO1.2网页构成元素网页构成元素LOGO1.2网页构成元素网页构成元素LOGO1.3网站建设的流程网站建设的流程网站策划网站策划网页制作网页制作网站测试网站测试与

4、发布与发布网站宣传网站宣传与维护与维护 （1） （2） （3） （4） （5）网页设计网页设计LOGO1.3.1 网站策划网站策划LOGO1.3.1 网站策划网站策划LOGO1.3.1 网站策划网站策划LOGO1.3.1 网站策划网站策划LOGO1.3.1 网站策划网站策划LOGO1.3.2 网页设计网页设计LOGO1.3.2 网页设计网页设计 LOGO1.3.3 网页制作网页制作LOGO1.3.4 网站测试与发布网站测试与发布主要检测各个网页及组件能否正确运行。如主要检测各个网页及组件能否正确运行。如网页的整体效果是否和你的想法一致，计数器能否正确网页的整体效果是否和你的想法一致，计数器能否

5、正确显示，广告横幅、滚动字幕、动态按钮等是否符合要求，显示，广告横幅、滚动字幕、动态按钮等是否符合要求，超链接是否链接正确等。超链接是否链接正确等。将自己的网站上传到指定的主机服务器上。将自己的网站上传到指定的主机服务器上。LOGO1.3.5 网站宣传与维护网站宣传与维护采取注册搜索引擎、交换链接、发送邮件等采取注册搜索引擎、交换链接、发送邮件等方式进行网站宣传推广工作，以吸引更多的浏览者。方式进行网站宣传推广工作，以吸引更多的浏览者。建立网站后必须负起维护与更新的责任，每建立网站后必须负起维护与更新的责任，每天有新的内容才能留住访客的心。天有新的内容才能留住访客的心。LOGO1.3网站建设的流程网站建设的流程网站策划网站策划网页制作网页制作网站测试网站测试与发布与发布网站宣传网站宣传与维护与维护 （1） （2） （3） （4） （5）网页设计网页设计LOGO1.4 HTML基础基础LOGO1.4.1 HTML代码结构代码结构 标题部分标题部分 你好你好,这是正文部分这是正文部分! LOGO几点说明：几点说明：LOGO1.4.2 HTML文档创建文档创建LOGO1.4.3 浏览所设计的网页浏览所设计的网页LOGO1.4.4 编写自己的编写自己的HTML代码代码LOGO了解了解HMTL语法语法LOGO插入插入HTM