dreamweaver入门

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,1,2-13周,主要内容：,Dreamweaver简介,HTML语言,网页制作实例,复习： 12周,考试：13周19：00教218,2,第一章 Internet基础,随着信息技术的飞速发展，网络正在从各个方面改变人们的生活，上网漫游、电子邮件、电子商务、网上聊天等已经成为许多人生活的重要部分。,互联网已经成为我们生活中最主要的一种接收信息的方式，互联网浩瀚如海的信息量，快捷便利的传输，为我们工作、生活带来了极大的方便。通过网络上传、下载已经成为我们生活中十分普遍的基本操作。,宽带网、无线网的逐渐普及，为网络的应用又开发出了极大的空间。在网络的海洋中，网页是提供信息最主要的手段。,为此，本章我们首先介绍有关网页基础知识，为后续章节的学习打下基础 。,3,随着信息技术的飞速发展，网络正在从各个方面改变人们的生活，上网漫游、电子邮件、电子商务、网上聊天等已经成为许多人生活的重要部分。,4,Internet,Internet是全球最大的，开放的，由世界上各种各样的网络互联所形成的“网络的网络”，是一个网际网， 简称互联网。 有时候也根据音译称为“因特网”。它是目前世界上最大的计算机通信网络，遍布全球，将世界各地种种规模的计算机网络连接成一个整体，从而实现信息交流和共享。,5,Internet,Internet是全球最大的信息资源库，几乎包括了人类生活的方方面面，如政府部门、教育、科研、商业、工业、出版、文化艺术、通讯、广播电视、娱乐等。,它提供的服务主要有：电子邮件、网页浏览、文件传输、电子公告、远程登陆。,6,Web,Web,是,World Wide Web,的简称，一般也称之为,WWW,或,3W,。,是一个运行在,Internet,上的交互的，动态的，分布式的，高度集中的超文本信息系统。,Web,最大的特点是使用了超文本（,Hypertext,）。超文本可以是网页上指定的词或短语，也可以是一个包含通向一个,Internet,资源的超级链接的其它网页元素。点击网页里的超级链接元素时，所链接的目标就会出现在浏览器窗口中。当鼠标移动到页面上包含超级链接的地方时，鼠标会变成手状。,7,制作的网页发布到网络服务器上，网络用户通过浏览器进行浏览，这就是因特网上应用最广泛的WWW服务。,8,Web所包含的信息是双向的，一方面用户可以通过浏览网页获得所需的各种信息，另一方面普通用户也可以在Web服务器上存放、发布自己的网页，还可以进行自由讨论，实现完全的双向互动。,WWW采用C/S（客户机/服务器）工作模式。在客户端，用户使用浏览器向Web服务器发出浏览请求；服务器接到请求后，调用相应的网页内容，向客户端浏览器返回所请求的信息。,在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议。HTTP协议是TCP/IP协议族的应用层协议之一，用于保证超文本文档在主机间的正确传输、确定应传输的内容以及各元素传输的顺序。,9,网站,（Web Site）,网站：众多的网页有机地集合在一起就组成了网站。它包括的网页可以是几个也可以是上千个。不同的用户通过有组织的连接整合到一起为浏览者提供更丰富的信息。在Internet上网站是通过一个地址进行定位的，它就像网络信息中的一个节点，所以有时也称为站点。网站也是服务类企业的代名词。如果有一个朋友在新浪工作，他可能会告诉你他在一家网站工作。,10,站点：是一个各种媒体的集合的抽象概念，有时也被翻译为“站台”。在物理上它可能是一个有许多子目录的大目录，但是站点的许多媒体也可能分布在其他各个不同的物理位置上。WEB服务器通常以站点为单位来组织要发布的信息。,11,一个网站的基本组成部分包括网页、域名、网址和网页空间。,网站是有独立域名、独立存放空间的内容集合。网站就是在互联网上的一块固定的面向全世界发布消息的地方。,12,网站的链接结构,建立网站的链接结构有以下几种形式，其各自的优缺点：,1.树形链接结构（一对一）：优点：条理清晰，访问者明确知道自己在什么位置，不会“迷路”；缺点：浏览效率低，要进行栏目跳转时，必须绕经首页。,2.星形链接结构（一对多）：优点：浏览方便，随时可以到达自己喜欢的页面。,缺点：链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。,最好的办法是：首页和一级页面之间用星形链接结构，一级和二级页面之间用树形链接结构。,13,网页,网页(Web Page)：它是一个包含文本、图形、声音、动画以及其他信息元素的文件，可以在WWW上传输，也能被浏览器认识和翻译成页面并显示出来的文件。它是互联网最基本的组成单位。,互联网上应用最广的功能是网页浏览功能。浏览器窗口中显示的一个页面就称为网页。它包括文字、图片、动画、视频、音频等内容。,14,主页,主页（Home Page） ：在一个站点的众多网页中，总有一个网页是被指定为该站点的“门户网页”，即某个站点的起始网页。包含必要的内容和索引信息。,用户通过Internet对某个网站进行信息查询时，首先访问到的起始信息页通常就是该站点的主页。这个页面是整个站点的核心，站点内所有内容都由门户页面进行索引，该页通常被命名为index.html或default.html.它是站点访问者在网页浏览器的地址栏中键入该站点的网址时，默认地显示在浏览器中的网页。,15,宽带,宽带是什么？虽然“宽带”这一词频频出现在各大媒体上，但一直很少见到对它的准确定义。通俗地讲，宽带是相对传统拨号上网而言，尽管目前没有统一标准规定宽带的带宽应达到多少，但依据大众习惯和网络多媒体数据流量考虑，网络的数据传输速率至少应达到256Kbps才能称之为宽带，其最大优势是带宽远远超过56Kbps拨号上网方式。,有哪些宽带接入方式？电信ADSL和小区宽带(FTTX+LAN),16,ADSL,全称为Asymmetric Digital Subscriber Line，非对称数字用户线路。,各地电信局在宣传ADSL时常会采用一些好听的名字，如“超级一线通”、“网络快车”等，其实这些都指同一种宽带方式。,17,小区宽带(FTTX+LAN),这是大中城市目前较普及的一种宽带接入方式，网络服务商采用光纤接入到楼（FTTB）或小区（FTTZ），再通过网线接入用户家，为整幢楼或小区提供共享带宽（通常是10Mb/s）。目前国内有多家公司提供此类宽带接入方式，如网通、长城宽带、联通和电信等。,18,Web浏览器,Web浏览器：是指一个运行在用户计算机上的程序，主要作用在于在客户端与服务器端之间进行交互、通信，负责下载、显示网页，因此也称为WWW客户程序。用于搜索、查找、查看和管理网络上信息的应用软件。比较常见的浏览器有Micorsoft公司的Internet Explorer浏览器、Firefox、opera。,19,URL（Uniform Resource Location，统一资源定位器）,URL，是一个提供在全球广域网上的站点或资源的Internet位置字符串，与此被访问的站点或资源所协议在一起。主要由四部分组成，分别是：访问类型、访问的主机、端口号以及访问的文件的路径。,Internet上所有的资源都有一个唯一的URL地址，一般将URL地址称为网址。,URL的完整格式如下：,协议:/主机名（或IP地址）：端口号/路径名/文件名,20,IP地址,IP地址,：,在TCP/IP地址编排方案中，采用了一种通用的地址格式，为互联网中的每一个网络和每一台计算机都分配了一个地址，这个地址在Internet中是唯一的，并以此屏蔽了物理网络地址的差异。这个统一的地址是由高层软件技术来实现的，准确地说是通过IP协议层来实现的。IP层所用到的地址是互联网地址，又叫IP地址。,21,域名,域名：为了解决IP地址不便于记忆这个问题，同时也为了便于网络地址的分层管理和分配，自1984年起在互联网上采用了一种字符型的地址标识，这便是域名（Domain Name）。,22,协议,协议，,事先约定或定义的一组通信规则，它精确地规定了所交换数据的格式和传输方法，即计算机在交换信息时都要遵守的表达方式。,是客户端浏览器访问各种服务器资源的方法，它定义了浏览器（客户）与被访问的主机（服务器）之间使用何种方式检索或传输信息。,URL中的协议有很多种，常用的有HTTP(超文本传输协议)、 File（访问本地文件） 、 FTP（文件传输协议）、Telnet（远程登录协议）、Gopher（访问Gopher服务器）、News（访问网络新闻服务器）、WAIS(广域信息服务) 。,23,URL中冒号后的双斜杠是分隔符，“/”和“”之间的部分是服务器的主机名或IP地址。,主机名或IP地址后面的冒号后面是端口号，就是特定应用程序广泛使用的一个协议端口，用于识别从计算机主机申请的服务。,“”后面是信息资源在服务器上的存放路径和文件名，用来指定用户所要获取文件的目录。它像一般文件系统中所见的那样，由文件所在的路径、文件名和扩展名组成。,#anchor 指向文档内的一个锚点。,24,例（,1,）,，用,http,协议和缺省端口号（,80,）访问微软公司服务器,。这里没有指定路径和文件名，所以访问的结果是把一个缺省主页送给浏览器。,（,2,）,，用,FTP,协议访问北京大学,FTP,服务器上路径名为,pub/ms-windows,、文件名为,winvn926.zip,的文件。,（,3,）,http:/,gnacademy.org,: 8001/uu-gna/index.html,，从运行在端口号,8001,的,gnacademy.org,服务器上访问,index.html,主页。,（,4),，访问,服务器上,Addressing/URL,目录下的,5-BNF.html,网页文件中锚点标识为,httpaddress,的地方。,25,所见所得型网页制作工具：创建的网页文件在编辑过程中的显示与文件最终在浏览器中显示的效果是一样的，用户不需要接触HTML源代码就可以做出希望要的页面。,如Dreamweaver、Fontpage,26,DHTML：就是一种即使在网页下载进浏览器以的仍然能够随时变换更新网页内容排版样式以及动画等等的技术，它是一种通过各种技术的综合发展而得以实现的概念，主要包括JavaScript、VBScript、DOM、CSS等技术。,XML：（Extensible Markup Language可扩展标记语言）是一种基于SGML标准的网络信息描述语言，能够使用户自己根据文件的结构来创建自己的DTD（Document Type Definition文件类型定义），从而使XML能够脱离固定标记而表述数据的含义。,JavaScript：一种由Netscape Communications和Sun Microsystems，Inc.所发展出来的一种Scripting语言。它可以被嵌入在HTML文档中，在网页被下载到客户端后被浏览器所处理。,27,超级链接,超级链接是从一个网页指向另一个目的端的链接。,是从文本图片或图形或图像映射到全球文域网上网页或文件的指针。在全球广域网上，超链接是网页之间和WEB站点之中主要的导航方法。,它可以有效而又清晰地组织网页并让访问者方便的浏览相关的信息。,超链接分为两种。一种是相对链接，它指向当前网页所在的文件夹，不包括URL中的协议和计算机地址。另一种是绝对链接，它必须包括详细的URL协议和文件夹。,超级链接的目的端通常是另一个网页。但也可以是图片、E-Mail地址、Office文档、书签甚至一个程序。,网页制作中，常用用不同的颜色来区分用过和没有使用过的超级链接。,28,网页浏览工具,Web浏览器是浏览Internet资源的客户端软件。浏览器可以显示包含各种内容的网页，还可以通过URL链接到不同的服务器上获取广泛的网络资源。 如Internet Explorer、Firefox、opera等专业浏览器,网页编辑工具,常用的网页制作工具有Frontpage、Dreamweaver等。服务器端的ASP程序可以使用Visual Interdev、UltraDEV等编辑。,29,向导：是被嵌入在程序中的一种程序，可以被用来与用户不断交互，最后依用户在向导的输入窗格中所做的选项来创建完成用户需要完成的事情。,30,组成网页的基本元素,网页最基本的组成元素是文本、图形、图像、声音、动画等多媒体信息以及超链接、信息提交表单等，他们的特点如下。,1文本,2图片,3动画,4声音和视频,5表格,6超链接,8信息提交表单,9其他常见元素,31,1.,文字,文字是网页中最主要的元素。文字的大小、颜色、字体可以改变，有些文字还可以运动。,2.,图像,图像给网页增加了无穷的活力，图片分为说明内容的普通图片和作为宣传、点缀、背景等使用的装饰图片。,GIF,各式的图片可以具有动画效果。,3.,表单,网页中的表单允许浏览者进行交互操作。如输入文字内容（用户名、密码、文字评论等）、进行是否或多选一的选择、菜单操作、使用按钮提交内容等。,4.Flash,动画,Flash,动画是近年来十分流行的网页元素，可以制作十分精美的动画效果，甚至出现了大量的,Flash MTV,、,Flash,游戏等。本书将简单介绍制作,Flash,动画的方法。,32,5.,表格,表格在网页中扮演十分重要的角色，除了有序的显示数据外，主要用于网页版面设计。,6.,超级链接,超级链接是网页中最重要的元素，也是因特网最吸引人的原因之一。文字、图像、,Flash,动画等都可以定义为超级链接，在网页中点击超级链接可以打开另外一个感兴趣的网页。,7.,视频、音频,在网页中可以嵌入视频、音频，实现在线看电影、听音乐。网页还可以加入背景声音。,8. POP,窗口,POP,窗口是在网页调入时同时打开的小的浏览器窗口，用来显示重要公告、广告等。,POP,窗口一般只有标题栏和浏览窗口，没有工具栏、地址栏、状态栏等。,9.,标题栏和状态栏文字,标题栏和状态栏的文字是网页的组成部分，可以根据网页内容进行设置。标题栏显示网站名称、正文的标题等，状态栏则显示信息提示、当前时间、版权说明等。,33,静态网页和动态网页,静态网页指基本上全部使用HTML语言制作的网页，页面的内容是固定不变的。,动态网页（DynamicHTML，DHTML）利用JavaScript，CSS (层叠样式表) 及其它类似的语言如VBScript等与HTML进行有机的结合来使静态的HTML网页变成动态。,34,脚本script是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。,35,举个最常见的例子，当我们点击网页上的Email地址时能自动调用Outlook Express或Foxmail这类邮件软件，就是通过脚本功能来实现的。又如洪恩网站httpcom一些网页的英文新闻内容旁会有一个三角符号，点击它就可以听到英文诵读，这也是脚本在起作用。 也正因为脚本的这些特点，往往被一些别有用心的人所利用。例如在脚本中加入一些破坏计算机系统的命令，这样当用户浏览网页时，一旦调用这类脚本，便会使用户的系统受到攻击。,36,实际上脚本就是程序，一般都是有应用程序提供的编程语言。应用程序包括浏览器(javascript、VBScript)、多媒体创作工具，应用程序的宏和创作系统的批处理语言也可以归入脚本之类。,脚本同我们平时使用的VB、C语言的区别主要是： 1、脚本语法比较简单，比较容易掌握； 2、脚本与应用程序密切相关，所以包括相对应用程序自身的功能； 3、脚本一般不具备通用性，所能处理的问题范围有限。,37,上机练习1.1,1.练习目的：学习熟练使用浏览器网页，进行浏览器的设置。,2.练习步骤：,（1）使用浏览器浏览不同的网页。重点注意下面几个方面：,a.使用各种搜索引擎查找网络资源。,b.观察各种网页的布局以及所使用的技术。,c.对结构较好的网页使用“查看”“源文件”观察源代码。,（2）将常用的网页收藏到收藏夹，并进行合理的组织。,（3）使用历史记录查看网页访问情况并快速登录已访问的网站。,（4）将最喜欢的网页设置为浏览器的首页。,上机练习1.2,1. 学习安装Macromedia Studio MX2004。,38,