dreamweaver 课件第一节.ppt

互联网软件应用与开发 概述 静态网页 第一章 Dreamweaver 　　HTML标记主要可分为八大类:　　1．文件结构标记　　 2．区段格式标记　　3．字符格式标记　　 4．列表标记　　 5．链接标记　　6．多媒体标记　　7．表格标记　　8．表单标记 【例1】 换行示例。html　head　　title换行示例/title　/head　body　　　静夜思br床前明月光，br疑是地上霜。br举头望明月，br低头思故乡。　/body/html 【例2】 html　head　　title换行示例/title　/head　body　静夜思p床前明月光，br疑是地上霜。br举头望明月，br低头思故乡。/p　/body/html 【例2】 文字的大小、字体、样式、颜色。html　head　　title我的花店/title　/head　body bgcolor=“#FFFF99”　　div align=“center”b font color= “#FF0000” face=“隶书” size=“7”我的花店 /font/b/divpdiv align=“center”欢迎您访问我的花店/div　/body/html 4.2 文本的编辑 输入空格 * * Dreamweaver用于网站、网页的设计 与开发。 Fireworks是网页图像处理软件。 Flash制作网页动画。 Dreamweaver、 Fireworks 和 Flash构成了网页制作方面的三大利器， 被称为网页三剑客。 静态网页是从放置于服务器中直到 发送给浏览器都不会发生更改的网页。 通常用HTML语言编写其代码，保存为 .htm文件。 动态网页 动态网页是在发送给浏览器之前 由应用程序服务器修改的网页。动态网 页的源文件可用HTML语言和VBScript 或JavaScript等脚本语言编写。 100% 合计 50% 上机考试 期末考试 10% Flash综合应用 课程大作业 10% 应用Dreamweaver制作网页 课堂测验 25% 课堂练习、作业 课堂作业 5% 包括课堂表现、发言、出勤等 学习表现 占期末成绩比例 主要考核内容 考核方式 Dreamweaver是编辑网页的软件，能 够以直观的方式制作网页。Dreamweaver 提供了强大的网站管理功能，许多专业的 网站设计人员都将Dreamweaver作为创建 网站的首选工具。 Dreamweaver提供了开放的编辑环境， 能够与相关软件和编程语言协同工作，所 以使用Dreamweaver可以完成各种复杂的 网页编辑工作。 第一节 初识Dreamweaver 第二节 创建站点 一、新建站点　　(1) 建立本地站点文件夹。　 (2) 进入Dreamweaver 的工作界面。　　 (3) 选择“站点”→“新建站点”命令，弹出“未命名站点1的站点定义为”对话框，如图所示。 二、编辑站点 三、新建文件夹、新建网页 第三节 HTML基础 HTML(Hypertext Markup Language) 即超文本描述语言，是一种专门用来设计 网页文件的语言。HTML对网页上的文字、 图片等多媒体信息所出现的位置、形式、 顺序及关系都用标记语法做定义，同时对 网页间加注超链接关系。 一、HTML概念 .htm 二、HTML文件结构　　每个网页都由一系列的元素和标签组 成，元素名不区分大小写。HTML用标签来 规定元素的属性和它在文件中的位置。 HTML超文本文档分为文档头和文档体两部 分，其HTML文件结构为：html!--开始标签--  head!--头部标签-- title一个简单的示例 /title /head !--头部结束标签-- body! --主体开始标签-- center! --居中对齐-- h1欢迎光临我的主页/h1  br !--强制换行-- hr !--插入水平线-- font size= 7 color= red 这是我第一次做主页  /font /center  /body! --主体结束标签--/html! --结尾标签-- 二、HTML标记介绍 图2-5 段落标签 【例3】 滚动字幕 marquee…/marquee marquee标签属性用来定义元素的移动方式 html　bodycenter　font face=“字体2” size=6 color=“#ff0000” 　　滚动字幕/fontbr　m