《网页制作工具》ppt课件

《《网页制作工具》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章网页制作工具聊城大学传媒技术学院　王丽萍本章内容创建本地站点2.2编辑文本2.3插入图像2.4插入Div标签2.5Dreamweaver简介2.1本章内容2.8创建超链接2.7插入表单插入表格2.6Dreamweaver简介2.1Dreamweaver是美国MacroMedia公司开发的一款“所见即所得”的网页编辑器。AdobeDreamweaverCS3是MacroMedia公司被Adobe公司收购后推出的第一个版本。2.1Dreamweaver简介创建本地站点2.2“站点”对应一个文件夹，用来存放一个网站的所有网页文件和其他资源文件。Dreamweaver可以对站点中的文件进行管理

2、和维护。创建站点的步骤：在硬盘上新建一个文件夹，作为站点根目录；在Dreamweaver中管理站点。2.2.1站点的含义站点结构的设计原则将文件分类保存在子文件夹中。可以按文件的类型建立子文件夹。也可以按网站栏目建立子文件夹。文件夹的层次不要太深，不要超过3层。文件夹、文件都不能使用中文命名。尽量使用意义明确的名称，以便于识记。首页命名为index.html。2.2.2站点的结构站点index.htmlscriptsimageslogo.gifbackground.gifstyle.cssglobal.js…………about.js……2.2.2站点的结构在Dreamweaver中，使用“站点

3、

4、新建站点”菜单命令新建站点。使用“站点

5、管理站点”菜单命令编辑或删除站点。2.2.3在Dreamweaver中管理站点编辑文本2.3分段：Enter换行：Shift+Enter2.3.1分段与换行“标题1”是最大的标题，“标题6”是最小的标题。2.3.2标题文本列表分为“项目列表”、“编号列表”和“定义列表”。2.3.3列表重点、强调2.3.4重点、强调重点（粗体）强调（斜体）插入空格的方法：按空格键可以在两个字符间单击一个半角空格。按Ctrl+Shift+Space组合键，可以连续插入多个半角空格。在HTML文档中插入空格的代码 。2.3.5空格在“插入”面板的“文本”选项卡中

6、，单击“字符”左侧的箭头，在下拉菜单中选择需要的特殊字符。2.3.6特殊字符插入图像2.4在网页中，只允许使用以下格式的图像文件：GIF格式无损压缩；8位色深（256色）；支持透明；支持动画。JPG格式有损压缩；24位色深。PNG格式无损压缩；具有8位、24位和32位三种色深；支持透明和半透明。2.4.1网页中的图像格式GIF与JPG的比较2.4.1网页中的图像格式GIF与PNG的比较2.4.1网页中的图像格式GIF与PNG的比较2.4.1网页中的图像格式在“插入”面板的“常用”选项卡中，单击“图像”按钮。插入图像2.4.2插入图像的方法插入Div标签2.5Div是一个块容器，一般用于划分网

7、页的逻辑结构。在“插入”面板的“常用”选项卡中，单击“Div标签”按钮。2.5插入Div标签插入Div标签插入表格2.62.6.1表格的结构单元格间距（间距）单元格边距（填充）表格边框表格由单元格、填充、间距、表格边框组成。在“插入”面板的“常用”选项卡中，单击“表格”按钮。2.6.2插入表格的方法插入表格2.7插入表单2.7.1表单的作用表单是收集用户信息的重要工具。表单由两部分组成：表单对象：用于收集信息，如文本框、单选按钮、复选框。应用程序：用于处理信息客户端应用程序使用JavaScript编写，在客户端执行，可以处理表单数据，但不能保存数据。服务器端应用程序使用ASP、JSP或P

8、HP等编写，在服务器端执行，可以处理表单数据，并在数据库中保存数据。2.7.2表单的组成在“插入”面板的“表单”选项卡中，单击“表单”及或表单对象按钮。2.7.3插入表单的方法插入表单2.8创建超链接2.8创建超链接内部链接外部链接E-mail链接空链接ThankYou!