第01章节节网页的设计基本.pptVIP

网页制作基础教程（Dreamweaver CS3） 第一章　 网页设计基础 本章重点：本地站点的创建和设置。 要求： 了解建站的制作流程 掌握制作过程中的一些建站经验和建站技巧 了解常用面板组的主要功能 学会利用站点地图查看、管理各网页之间的超链接关系。 第一章 　网页设计基础 1.1 初识Dreamweaver CS3 　　 　　1.2 创建本地站点—《我的足球网》 　　1.3 创建网站 1.1 初识Dreamweaver CS3 1.1.1 Dreamweaver CS3的启动 “开始”｜“Macromedia”｜“Dreamweaver CS3” 　　　　　　 1.1 初识Dreamweaver CS3 1.1.2 Dreamweaver CS3的工作环境 1.1 初识Dreamweaver CS3 1.1.2 Dreamweaver CS3的工作环境 “插入”面板组 文档工具栏 1.1 初识Dreamweaver CS3 1.1.2 Dreamweaver CS3的工作环境 “属性”检查器 文档编辑窗口 1.1 初识Dreamweaver CS3 1.1.2 Dreamweaver CS3的工作环境 浮动面板组 1.1 初识Dreamweaver CS3 1.1.2 Dreamweaver CS3的工作环境 浮动面板组 常用的浮动面板组的操作方法如下。 （1）展开和折叠浮动面板组 单击面板左上角的三角标记即可展开与折叠浮动面板。 （2）移动浮动面板组 将鼠标指向浮动面板组左上角的标签，当鼠标指针变成4个方向箭头的图标时，便可移动浮动面板组。 （3）重新组合浮动面板 选中浮动面板组中某个选项，单击浮动面板组右上角的按钮，打开下拉式菜单，并在级联菜单中选择与当前浮动面板组合的浮动面板组，可重新组合浮动面板 1.2 创建本地站点—《我的足球网》 1.2.1 案例综述 效果图：我的足球网 通常创建一个网站，总是先在本地计算机上进行开发和调试，待完成后再上传到Internet服务器上。因此，创建网站的第一步，就是首先创建一个本地站点，用以进行网站的开发和管理。 1.2 创建本地站点—《我的足球网》 1.2.2 案例分析 创建一个网站应遵循的流程为： 1.对站点进行规划 2.素材准备 3.管理站点。（首先要创建一个站点） 4.制作Web页面。 7.设置Web应用程序运行环境。 8.创建动态页。 9. 测试站点。 10. 上传站点到远程服务器 1.2 创建本地站点—《我的足球网》 1.2.3 实现步骤 1．规划站点 2．新建站点 3．在“文件”面板中管理文件 4．编辑首页文件 1.2 创建本地站点—《我的足球网》 规划站点： 在F盘新建文件夹“myfootball”，作为整个站点内容的文件夹，也是网站的根目录。 网站名的“我的足球网”，分3个栏目：“我与足球”、“足球新闻”、“足球明星”，这3个栏目内容分别存放在网站根目录下的“aboutme”、“news”、“photo”文件夹里。 网站所有素材图像存放于根目录下的文件夹“image”中。 1.3 创建网站 1.3 创建网站 1.3.2 定义本地站点 菜单【站点】｜ 【管理站点】 创建新站点 通过“站点定义向导”创建 通过“高级”设置对话框创建 编辑站点 复制站点 删除站点 导入和导出站点 1.3 创建网站 1.3.3 管理站点 在“文件”面板中实现以下操作 选择多个文件 剪切、粘帖、复制、删除、重命名文件或文件夹 创建文件或文件夹 1.3 创建网站 1.3.3 管理站点 文件面板（扩展）的使用 1.3 创建网站 1.3.4 网页文件的基本操作 创建HTML文档 文件→新建→新建文档→常规→类别→基本页 在文件面板中→右击→新建文件→双击 打开已建的HTML文档 文件→打开 在文件面板中→双击该文档 保存指定文件 文件→保存（或Ctrl+S) 文件→另存为 文件→保存全部 关闭文件 文件→关闭 网页制作基础教程 工作区设置对话框 面板组 文件面板 文档编辑窗口 插入栏 文档工具栏 标签状态栏 属性检查器 CSS面板组 应用程序面板组 文件面板组 标签面板组 1.3.1 网站的规划 确定站点目标 规划站点结构 规划站点内容 规划站点的导航机制 明确站点的风格