Dreamweaver V8.0教程.pptVIP

框架实例 模板实例 HTML HTML 简介 HTML 超文本标注语言（Hypertext Markup Language,HTML）是创建网页时使用的语言。网页是由文本和标记（Tag）组成。就其本质而言，是一个基于文本的编码标准，用于指示浏览器以什么方式显示信息。组成HTML的“命令”就是标记。在HTML中，标记用符号“”和“”括起来。 编辑HTML的环境 记事本\写字板 Dreamweaver\Frontpage HTML文件结构 HTML文件结构 html head meta http-equiv=“content-type” content=“text/html;charset=gb2312” title网页标题/title link href=“my.css” rel=“stylesheet” type=“text/css” script language=“javascript” src=“my.js” type=“text/javascript” /head body 网页内容 /body /html 常用HTML标记 font/font 字体 img 图片标记 b/b 加粗 br 换行 i/i 斜体 hr 水平线 u/u 下划线 embed/embed 媒体标记 sup/sup 上标 a/a 超级链接 sub/sub 下标 table/table 表格标记 hx/hx 标题字体 tr/tr 表格行 p/p 段落 td/td 单元格 pre/pre 预排版 form/form 表单标记 ul/ul 项目符号 frameset/frameset 框架标记 ol/ol 编号列表 div/div 层标记 meta marquee/marquee 滚动字幕 表格标记table table width=780 align=“center” border=1 cellpadding=5 cellspacing=0 tr tdID/tdtd姓名/tdtd年龄/td /tr tr td10012/tdtd张颖/tdtd30/td /tr tr td10015/tdtd刘良军/tdtd28/td /tr /table 超级链接标记a a href=“index.html”网站首页/a a href=“include/login.php”用户后台登录/a a href=“”百度搜索/a a href=“beijing_2000@126.com”联系我们/a a href=“javascript:alert(‘Hello World!’)”弹出一个警告对话框/a a href=“#”这是一个空链接/a 表单标记form form name=“form1” method=“post” action=“register.php” 姓名:input type=“text” name=“username”br 密码:input type=“password” name=“password”br 性别:input type=“radio” name=“sex” checked男br 年龄:input type=“text” name=“age”br 籍贯:input type=“text” name=“city”br input type=“button” value=“提交”nbsp;input type=“reset” name=“reset” /form 层标记div 层是一个定位标记。 style type=“text/css” #box{ width:400px; height:300; border:1px solid #990000; padding:5px; margin:0px; Background-color:#f5f5f5; } /style body div id=“box”内容/div /body Dreamweaver 8.0 Dreamweaver 简介 Dreamweaver是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视化网站开发工具。 软件特点 可视化界面：学习简单、操作快捷。 跨浏览器支持：DreamWeaver支持多种浏览器。 支持动态网页技术：可以简便地生成CSS、层、JavaScript等动态页面。 强大的网站管理功能：库、模板和标签等功能适合大型网站的合作开发。 丰富的媒体支持：可以方便加入Java、Flash、Shockwave、ActiveX等。 超强的扩展能力：Dreamweaver支持增加第三方插件，