HTML动态网页制作.pptVIP

人民邮电出版社 * 人民邮电出版社 * 人民邮电出版社 人民邮电出版社 * 人民邮电出版社 人民邮电出版社 人民邮电出版社 HTML动态网页制作 5.1 HTML基础知识 5.1.1 HTML简介 HTML（Hypertext Marked Language，超文本标记语言），是一种用来制作超文本文档的简单标记语言。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，用HTML编写的超文本文档称为HTML文档。 HTML语言的基本组成部分是各种标签，HTML的标签分单标签和成对标签两种。成对标签是由首标签标签名和尾标签/标签名组成的，例如“B内容/B”表示将“内容”显示为粗体。单独标签的格式标签名，单独标签在相应的位置插入元素就可以了，例如“BR”表示在网页上的一个换行。 人民邮电出版社 以HTML编写的文件后缀名一般为“.html”，较老版本的“.htm”后缀名也是被支持的。HTML语言对大小写不敏感，例如标签BR也可以写做br，但一般要求采用统一的大小写书写方式。 HTML只是一个纯文本文件，我们可以用任意一个文本编辑工具来创建一个HTML文档，但要正确显示HTML文档中的内容，我们需要WEB浏览器的支持。WEB浏览器是用来打开HTML网页文件，提供给我们查看WEB资源的客户端程序。常见的HTML编辑软件有FrontPage、Dreamweaver等，常见的浏览器有IE、Firefox等。 人民邮电出版社 5.1.2 HTML文档基本结构 html head 头部信息 /head body 主体信息 /body /html 人民邮电出版社 5.1.3 HTML常见标签 1．文字版面标签 br、p、hn、blockquote、hr 2．列表标签 ul、ol、li 3．图片标签 img 4．链接标签 a 5．表格标签 table、th、tr、td 人民邮电出版社 6．表单标签 form、input、select、option、textarea 7．多媒体嵌入标签 embed 人民邮电出版社 5.2 常用网页编辑软件介绍 可以用于网页编辑的软件多种多样，大致可以分为三类。 HTML网页文件作为一种纯文本文件，可以用最简单的记事本进行编辑，或者其它一些功能更加强大的类记事本软件如UltraEdit、EditPlus等，能够对HTML关键字进行特殊显示，这类软件通常用于初学者或者一些简单网页的编写。 专门用于HTML编辑的软件，这类软件通常提供各种网页控件，可以实现所见即所得，目前这类软件非常丰富，比较常用的有FrontPage、Dreamweaver等。 专业的集成开发工具，通常与特定的后台开发技术相关联，如.net平台下的Visual Studio开发环境，以及J2EE平台下的Eclipse开发环境，这类软件的使用者主要是程序员，他们往往更加关注网站的功能，而非页面本身。 人民邮电出版社 第二类网页编辑软件主要有： 1．FrontPage 2．Dreamweaver 3．Adobe Pagemill 4．HotDog 5．HomeSite 人民邮电出版社 5.3 DREAMWEAVER CS5动态网页制作 5.3.1 Dreamweaver CS5基础 1．Dreamweaver CS5工作流程 （1）规划和设置站点 （2）组织和管理站点文件 （3）设计网页布局 （4）向页面添加内容 （5）通过手动编码创建页面 （6）针对动态内容设置 Web 应用程序 （7）创建动态页 （8）测试和发布 人民邮电出版社 2．Dreamweaver CS5安装 用户可以在Adobe公司官方网站免费下载Dreamweaver CS5的试用版，如果需要长期使用，需购买安装序列号进行在线激活。 安装步骤： 1）欢迎界面，可以选择显示语言。 2）输入序列号，如果没有，可以选择安装试用版。 3）输入Adobe ID，如果没有，可以选择跳过次步骤。 4）安装选项，选择要安装的Dreamweaver CS5组件以及安装路径。 5）安装进度，显示安装进度条。 6）完成界面，显示安装完成信息。 人民邮电出版社 3．Dreamweaver CS5工作区 人民邮电出版社 A：应用程序栏 包含一个工作区切换器、一组菜单，以及其它应用程序控件。其中菜单包含了所有Dreamweaver CS5操作所需要的命令。 B：文档工具栏 提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作。 C：文档窗口 显示当前创建和编辑的文档。 D：工作区切换器 提供一个弹出式的菜单，用户可以选择适合自己的面板布局方式，以适应不同的工作需要。 E：面板组 帮助用户监控和修改工作。常用面板有“插入”面板、“CSS 样式”