第2章网页制作快速入门课件.ppt

第2章 网页制作快速入门;2.1 Dreamweaver MX 2004基本操作;1．Dreamweaver MX 2004的工作区 （1）主菜单 （2）标准工具栏 （3）插入工具栏 （4）文档窗口 （5）状态栏 （6）属性面板 （7）辅助面板区： ;2．Dreamweaver MX 2004中的视图 （1）代码视图与设计视图 （2）文档窗口;（3）插入工具栏 2.1.2 网页的基本操作 1．新建网页 “【文件】→【新建】”菜单命令 2．打开网页 “【文件】→【打开】”菜单命令 3．保存文档 “【文件】→【保存】”菜单命令 ;2.2 创建和管理站点 所谓站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性。站点实际对应的是一个文件夹，我们设计的所有网页就保存在这个站点（文件夹）中，存储在本地机器中的站点（文件夹）称为本地站点，发布到WEB服务器上的站点（文件夹），则称为远程站点。;2.2.1站点管理器的基本组成 连接远程站点 下载选择的文件 本地站点的文件上传到远程站点 再次单击按钮，将断开与服务器的连接 刷新文件列表区 ;2.2.2 站点的定义 创建本地站点 “【站点】→【新建站点】”菜单命令 ;创建远程站点 “【站点】→【管理站点】”菜单命令 ;2.2.3管理站点 1．打开站点;2.2.4站点文件和文件夹管理 1．创建主页 主页是用户登录网站后显示的第一个页面，在制作网站时要首先创建。 注意：通常使用Default或Index作为首页的文件主名，如Default.htm、Default.asp、Index.htm、Index.asp等。;2．创建文件夹 3．文件的移动和复制 选择“【编辑】”菜单中的剪切、复制和粘贴来实现文件或文件夹的移动和复制 4．删除文件或文件夹 “【文件】→【删除】”菜单命令或按下“Del”键 5．编辑站点文件 ;2.3 制作一个简单网页;小结;练习;4、打开主页文件index.htm，在该页面中设置合适的网页标题和背景颜色，插入如图所示布局的表格。在第一行中插入搜狐网站的LOGO图（注意：该图下载后存放在images目录中），在第二行的4个单元中分别输入如图所示的文字，并创建超级链接，分别链接到1.htm、2.htm、3.htm、 4.htm页面上。;（此位置放置搜狐的LOGO）;5、使用属性面板的“对齐”按钮，对index.htm页面中的各元素进行合理设置。 6、选择何时的主题和素材，发挥自己的创意，使用表格、文本、图像等元素完善1.htm、2.htm、3.htm、 4.htm这4个页面。