网页设计与制作教程 教学课件 ppt 作者 刘瑞新第3章.pptVIP

机械工业出版社 网页设计与制作 刘瑞新 吴丰 主编 机械工业出版社 第3章 Dreamweaver CS5基础入门 3.1 Dreamweaver CS5的工作环境 3.1.1 Dreamweaver CS5的工作区 3.1 Dreamweaver CS5的工作环境 3.1.2 工具栏 1．“文档”工具栏 2．“浏览器导航”工具栏 3．“编码”工具栏 4．“标准”与“样式呈现”工具栏 3.1 Dreamweaver CS5的工作环境 3.1.3 状态栏 3.1 Dreamweaver CS5的工作环境 3.1.4 属性检查器 执行“窗口”→“属性”或者直接按快捷键〈Ctrl+F3〉，即可以显示或隐藏属性检查器。属性检查器中的选项内容是根据网页中选定元素类型的不同而改变的，当用户在属性检查器中修改某个属性值后，其效果立刻在“文档”窗口反映出来. 3.1 Dreamweaver CS5的工作环境 3.1.5 常用功能面板 1．“插入”面板 2．“CSS样式”面板 3.1 Dreamweaver CS5的工作环境 3.1.5 常用功能面板 3．“文件”面板 4．“框架”面板 5. “资源”面板 3.2 自定义工作环境 3.2.1 自定义工作区 1．新建工作区 2．重置工作区 3．管理工作区 3.2 自定义工作环境 3.2.2 设置常规参数 1．启用相关文件 2．用strong和em代替b和i 3．在p或h1～h6标签中放置可编辑区域时发出警告 3.2 自定义工作环境 3.2.3 设置CSS代码格式 3.2 自定义工作环境 3.2.4 设置站点参数 3.3 建立站点 3.3.1 什么是站点 1．本地站点 本地站点指的是在用户本地计算机硬盘中构建用来存放整个网站框架的本地文件夹。一般制作网页只需建立本地站点即可，用户在本地对各种文档编辑后，再一并上传至Internet服务器中。 2．远程站点 在Dreamweaver的“文件”面板中，该远程文件夹被称为远程站点。远程文件夹通常位于运行Web服务器的计算机上，具有与本地文件夹相同的名称。也就是说，用户发布到远程文件夹的文件和子文件夹是本地创建的文件和子文件夹的副本。 3.3 建立站点 3.3.2 创建本地站点 为了减少链接方面的错误，用户在制作网页前最好先定义一个站点，其目的是为了更好的利用站点对文件进行有效管理。 3.3 建立站点 3.3.3 站点内文件及文件夹的操作 1．站点内新建文件夹 2．站点内新建文件 3．复制、剪切和删除操作 3.3 建立站点 3.3.4 管理站点 1．打开并编辑站点 2．删除站点 3．复制站点 4．导出和导入站点 3.4 新建网页 3.4.1 创建空白文档 3.4.2 页面属性的设置 1．设置外观（CSS）属性 2．设置链接（CSS）属性 3．设置标题（CSS）属性 4．设置标题和编码属性 5．设置跟踪图像属性 3.5 案例：制作第一个网页作品 3.6 实训：扬州的夏日 机械工业出版社