（精）第1课 基础知识及网站创建.pptVIP

电子商务网页设计2010－2011学年第一学期 主讲教师:狄加利 第1课 网页基础和网站建立 本节学习内容： 1.了解网页的相关概念并理解网页工作原理 2.熟悉HTML语法 3.了解网站建设常用工具 4.熟悉DWCS3操作界面 5.知道开发网站基本流程 6.掌握站点的创建 7.掌握站点的管理 8.掌握网页文件建立及网站结构的构建 1.1 网页相关知识 1.1.1网页相关概念 1.www (world wide web)万维网，它是由分布在互联网上成千上万个网站组成的网络信息系统，它为用户提供各类信息和网络服务。一个基于超级文本和HTTP协议的信息查询工具，采用窗口技术。如：浏览网址 即打开一个网页窗口。 www服务是通过网页链接的形式向用户提供信息，网页又通过超链接连接到其他资源。 2.什么是网站？由一个或多个超级文本文件组成的，进入网站时先打开的网站首页叫主页。 3.超级文本 是一种使用户与计算机之间进行密切交流的文本显示技术，通过对有关词汇进行索引链接，使这些带链接的词汇或语句指向文本中其他的有关段落、有关注解或其他文本。 如Dreamweaver 8 帮助文件。 4.网页 是通过许多规则把超媒体组织在一起的超文本文件，浏览器按照网页的规则将网页中的包含的内容解释出来，然后将各种超文本元素显示在页面上。 这里的规则可以是超级文本标记语言（HTML：Hypertext Markup Language)或者其他语言（如javascript,VBscript,asp,jsp,PHP,和XML等） 5.浏览器 用于浏览万维网中的超级文本的一种工具。 常用的浏览器：Microsoft internet explore:(IE)微软公司开发的，目前版本8.0，它与系统绑定的。 360浏览器，火狐浏览器Firefox等。 1.1.2网页分类及工作原理 网页的分类：静态网页和动态网页 1.静态网页在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。也就是以.htm、.html 文件类型。 以显示信息为主(网页中包括滚动字母、FLASH动画和GIF动画动态的效果，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念）。 工作原理 2.动态网页： 以.asp、.jsp、.php、.perl、.cgi、.aspx等形式为后缀，并且在动态网页网址中有一个标志性的符号——“？”。 以网站的信息交互为主，以显示信息为辅。 工作原理 1.2 HTML 超级文本标记语言（HTML：Hypertext Markup Language) ，是WWW描述语言。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构：头部（head）和主体(body)两部分,头部描述浏览器所需信息，主体包含所要说明的具体内容。 HTML语法结构 html head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title网页标题/title /head body 网页内容部分 /body /html 注：带有/线的标记为结束标记，没有/线的为起始标记。 标记多为成对标记，只有个别的为单标记。 1.3 网站建设常用工具 由adobe公司出品的网页制作软件Dreamweaver 、Fireworks 和Flash，被称为网页制作领域的“三剑客”。 其中: Dreamweaver cs3用于对网页进行整体的布局和设计制作，以及对网站进行创建和管理；Fireworks cs3用来绘制和优化网页中所用到的图像，并可制作按钮、导航条以及十分动感的GIF动画,是用来设计和制作专业化网页图形的最好选择。Flash cs3则主要用于制作网页中的矢量动画,增强网页的动态效果和多媒体效果。 1.4 熟悉DW CS3界面 （1）怎样打开工具栏？从“查看”下拉菜单中选择“工具栏”选项中的“文档”选项。（2）怎样打开插入面板？从“窗口”下拉菜单中选择“插入”选项或CTRL+F2。（3）怎样打开属性面板？从“窗口”下拉菜单中选择“属性”选项或CTRL+F3。（4）怎样打开站点管理器？从“窗口”下拉菜单中选择“站点”选项或F8键。（5）浮动面板的打开？同上面的2、3、4在“窗口”下拉菜单中选择相应选项或按键盘上的快捷键。（6）网页制作中常用的文件格式:静态网页.htm .html 动态网页.asp .aspx .jsp .php 脚本文件.js 图像文件 .gif .jpeg .jpg .png FLASH动画.swf DW库文件.lib D