网站建设83826.pptVIP

第12章 网站建设 本章主要内容 12.1 超文本标识语言HTML 12.2 Macromedia Dreamweaver制作主页 12.3 样式表CSS 12.4 网站发布 12.5 小结 12.1超文本标识语言HTML 超文本标识语言HTML是编辑Web页面的语言。超文本标记语言是一种描述文件格式的语言，它将标记置于文件中，由浏览器负责解释和显示。 在使用HTML语言编写的文档中，加入关于文档、图像、声音和视频等对象的标记，就是超文本文档。 可以用文本编辑器创建HTML文件，或者使用专门的HTML设计工具，如Microsoft FrontPage、Macromedia Dreamweaver等。 用HTML语言编写网页 HTML文件中的标记 标记指定内容/标记 (1) “标记”和“/标记”分别是一个标记元素的开始和结束 (2) 标记本身不区分大小写。 HTML语言 html /html head /head body /body p /p paragraph br break hr horizontal b /b bold hn /hn font /font img src=“” image a href=“” anchor table /table tr /tr table row td /td data form /form input /input HTML文档结构 用记事本编辑HTML文档，文件的扩展名为 .htm或 .html 图片、超级链接与表格 表单Form 表单提供交互式操作界面，单击“提交”按钮后，用户输入的数据就被传送到服务器 12.2 Macromedia Dreamweaver制作主页 Macromedia公司的Dreamweaver8是一个可视化、功能强大的专业级网页设计和网站管理工具。 打开起始页面 : Dreamweaver 8工作界面 编辑和保存网页 文字编辑和排版 输入文字，选中文字在下方的属性面板中设置字体、大小、项目符号等属性 网页属性设置 外观： 链接： 标题/编码 保存与浏览网页 保存网页 在浏览器中浏览网页: 执行“文件?在浏览器中预览（选择浏览器）”命令 新建网页 执行“文件?新建”命令 图片 插入图片 ：执行“插入?图像”命令 图片调整 超级链接 创建超级链接 ： 选择文字 属性面板“链接”文本框旁的“浏览文件” ，选择文件 属性面板“链接”文本框中输入链接目标的URL地址，例如“/ccbs”。 表格 新建 ：执行“插入?表格”命令，打开“表格”对话框 插入：选择“插入?表格对象”，插入行和列 修改：选择“修改?表格”命令组 表格格式化 表单 执行“插入?表单”命令组的命令 插入文本框、滚动文本框、复选框、单选按钮、下拉列表和按钮等表单对象 12.3 样式表CSS 层叠式样式表CSS（Cascading Style Sheets）由很多样式规则组成 使用样式表，对象的格式只要指定一次，就可以被整个网站的所有网页使用；只改变样式表，就可以改变网站的整体风格，使得网页设计和管理工作变得更加轻松 样式规则组成是： 选择符 {属性1: 值1; 属性2: 值2 ;……} CSS 以下代码分别规定了标记元素Body、H5、P和Table的样式 网页使用样式 连接外部样式表 ：EG_12_ CSS.CSS HTML的Link标记 使用Style元素在文档中嵌入 使用Style元素，将样式表直接保存在文档中，此时，样式只作用于一个文档 使用STYLE属性内联 STYLE属性可以应用于任意HTML标记，直接指定标记的属性值。 用Dreamweaver 8设计样式 执行“文件?新建”命令，在“新建文档”对话框中选择创建CSS样式表文件 鼠标右键单击右侧面板组，选中“新建”命令，弹出“新建CSS规则” 鼠标右键单击右侧面板组中的某个CSS标签，选中“编辑”命令 12.4网站发布 网站发布一般要经过三个步骤： 申请域名 申请空间 网站上传。 申请虚拟主机 多数用户无力负担独立Web服务器，此时可以使用虚拟主机发布网站。 虚拟主机就是将一台服务器的空间分配给多个网站的方式， 上传网站 虚拟主机服务器一般支持FTP上传文件。申请虚拟主机时，服务商会提供FTP服务器地址、账号和密码。 用户使用浏览器、或者其他FTP客户端软件，将网站文件上传到服务器。 小结 本章介绍了网站设计的相关概念，用HTML语言编写网