1、互联网软件应用 与开发,概述,Dreamweaver用于网站、网页的设计与开发。 Fireworks是网页图像处理软件。 Flash制作网页动画。,Dreamweaver、 Fireworks 和 Flash构成了网页制作方面的三大利器， 被称为网页三剑客。,静态网页,静态网页是从放置于服务器中直到 发送给浏览器都不会发生更改的网页。 通常用HTML语言编写其代码，保存为 .htm文件。,动态网页,动态网页是在发送给浏览器之前 由应用程序服务器修改的网页。动态网 页的源文件可用HTML语言和VBScript 或JavaScript等脚本语言编写。,第一章 Dreamweaver,Dreamwe
2、aver是编辑网页的软件，能 够以直观的方式制作网页。Dreamweaver 提供了强大的网站管理功能，许多专业的 网站设计人员都将Dreamweaver作为创建 网站的首选工具。,Dreamweaver提供了开放的编辑环境， 能够与相关软件和编程语言协同工作，所 以使用Dreamweaver可以完成各种复杂的 网页编辑工作。,第一节 初识Dreamweaver,第二节 创建站点,一、新建站点 (1) 建立本地站点文件夹。 (2) 进入Dreamweaver 的工作界面。 (3) 选择“站点”“新建站点”命令，弹出“未命名站点1的站点定义为”对话框，如图所示。,二、编辑站点,三、新建文件夹、新
3、建网页,第三节 HTML基础,HTML(Hypertext Markup Language) 即超文本描述语言，是一种专门用来设计 网页文件的语言。HTML对网页上的文字、 图片等多媒体信息所出现的位置、形式、 顺序及关系都用标记语法做定义，同时对 网页间加注超链接关系。,一、HTML概念,.htm,二、HTML文件结构 每个网页都由一系列的元素和标签组 成，元素名不区分大小写。HTML用标签来 规定元素的属性和它在文件中的位置。,HTML超文本文档分为文档头和文档体两部 分，其HTML文件结构为： 一个简单的示例 , 欢迎光临我的主页 这是我第一次做主页 ,HTML标记主要可分为八大类: 1
4、文件结构标记 2区段格式标记 3字符格式标记 4列表标记 5链接标记 6多媒体标记 7表格标记 8表单标记,二、HTML标记介绍,【例1】 换行示例。 换行示例 静夜思床前明月光，疑是地上霜。举头望明月，低头思故乡。 ,【例2】 换行示例 静夜思床前明月光，疑是地上霜。举头望明月，低头思故乡。 ,图2-5 段落标签,【例2】 文字的大小、字体、样式、颜色。 我的花店 我的花店 欢迎您访问我的花店 ,【例3】 滚动字幕, 标签属性用来定义元素的移动方式, 滚动字幕 我来了 我来了,【例4】 表格, , , , 一个简单的表格 ,行1，列1 行1，列2 行2，列1 行2，列2 ,头部信息中包含了网页的许多属性信息，除网页标题外，还包括网页关键字、网页描述等。头部信息虽不直接显示在网页中，但可以通过其他方式起作用。如许多搜索引擎都是根据网页关键字来查询网页的。,4.1 设置文件头,第四节 编辑网页,2. 设置文档标题,3. 插入关键字,4. 插入说明文字,5. 插入刷新,1. 设置网页的编码,4.2 文本的编辑,输入空格,项目列表的应用,插入特殊符号,输入上下标,行间距,4.3 插入时间,4.4 插入水平线,插入文本,
