网页设计与制作课件第2章.ppt

《网页设计与制作课件第2章.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作课件第2章.ppt（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第2章 网页制作快速入门编写组2.1 Dreamweaver MX 2004基本操作2.1.1 Dreamweaver MX 20042.1.1 Dreamweaver MX 2004的界面的界面1Dreamweaver MX 2004的工作区n n（1）主菜单主菜单n n（2）标准工具栏标准工具栏n n（3）插入工具栏插入工具栏n n（4）文档窗口文档窗口n n（5）状态栏状态栏n n（6）属性面板属性面板n n（7）辅助面板区辅助面板区：2 2Dreamweaver MX 2004Dreamweaver MX 2004中的视图中的视图n n（1 1）代码视图与设计视图）代码视图与设计视图n

2、 n（2 2）文档窗口）文档窗口（3 3）插入工具栏）插入工具栏2.1.2 2.1.2 网页的基本操作网页的基本操作1 1新建网页新建网页“【文件】【文件】【新建】【新建】”菜单命令菜单命令 2 2打开网页打开网页“【文件】【文件】【打开】【打开】”菜单命令菜单命令 3 3保存文档保存文档“【文件】【文件】【保存】【保存】”菜单命令菜单命令 2.2 创建和管理站点 所谓站点站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性。站点实际对应的是一个文件夹，我们设计的所有网页就保存在这个站点（文件夹）中，存储在本地机器中的站点（文件夹）称为本地站点，发布到WEB服

3、务器上的站点（文件夹），则称为远程站点。2.2.12.2.1站点管理器的基本组成站点管理器的基本组成 连接远程站点连接远程站点 下载选择的文件下载选择的文件 本地站点的文件上传到远程站点本地站点的文件上传到远程站点 再次单击按钮，将断开与服务器的连接再次单击按钮，将断开与服务器的连接 刷新文件列表区刷新文件列表区 n n2.2.2 2.2.2 站点的定义站点的定义1.1.创建本地站点创建本地站点 “【站点站点】【新建新建站点站点】”菜单命令菜单命令 1.1.创建远程站点创建远程站点 “【站点站点】【管理站管理站点点】”菜单命令菜单命令 2.2.32.2.3管理站点管理站点n n1 1打开站点打

4、开站点n n2 2编辑站点编辑站点“【站点】【站点】【管理站【管理站点】点】”菜单命令菜单命令 2.2.4站点文件和文件夹管理n n1创建主页 主页主页是用户登录网站后显示的第一个页面，在制作网站时要首先创建。注意：通常使用注意：通常使用DefaultDefault或或IndexIndex作为首页作为首页的文件主名，如的文件主名，如Default.htmDefault.htm、Default.aspDefault.asp、Index.htmIndex.htm、Index.aspIndex.asp等。等。n n2创建文件夹n n3文件的移动和复制 选择选择“【编辑】【编辑】”菜单中的剪切、复制和

5、粘贴来实菜单中的剪切、复制和粘贴来实现文件或文件夹的移动和复制现文件或文件夹的移动和复制 n n4删除文件或文件夹“【文件】【文件】【删除】【删除】”菜单命令或按下菜单命令或按下“Del”“Del”键键 5编辑站点文件2.3 制作一个简单网页 实例介绍实例介绍:实例中只用到最简单的几个页面元素，主要有表格、文本和实例中只用到最简单的几个页面元素，主要有表格、文本和图片。图片。页面主色调为绿色，表现健康、积极向上的生活态度，取名页面主色调为绿色，表现健康、积极向上的生活态度，取名“我的地盘我的地盘”意在表现一种自信，内容上可展现个人风采。意在表现一种自信，内容上可展现个人风采。页面的最佳效果浏览分辨率是页面的最佳效果浏览分辨率是800600800600。小结 本章以“我的地盘”主页的制作为例，介绍了使用Dreamweaver MX 2004创建和管理站点的方法，以及在网页中插入基本的页面元素和设置页面属性的操作过程，达到快速了解Dreamweaver MX 2004制作网页的过程。