聊城e网科技网络公司网站建设方案(精品·公开课件).pptVIP

第一节 认识Dreamweaver MX 一、Dreamweaver MX概述 Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。 三、Dreamweaver Mx的工作区 1．工作区布局 在Windows中首次启动DreamweaverMX时，会出现一个对话框让您选择一种工作区布局。 （1）DreamweaverMX工作区：这是一个使用MDI（多文档界面）的集成工作区，其中全部“文档”窗口和面板被集成在一个更大的应用程序窗口中，并将面板组停靠在右侧。建议大多数用户使用它。 （2）Dreamweaver4工作区：这是一种与Dreamweaver4中所用布局相类似的工作区布局，其中每个文档都位于自己的独立浮动窗口中。面板组停靠在一起，但并不是停靠在一个更大的应用程序窗口中。 仅建议喜欢使用Dreamweaver4的用户使用这种布局。 2．工作区布局的切换 （1）执行“编辑/参数选择” 。 （2）在“分类”列表中选择“常规”。 （3）单击“更改工作区”按钮。 （4）选择一种工作区布局。 3．集成的DreamweaverMX工作区 在集成的DreamweaverMX工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。 （1）菜单栏 菜单栏包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等菜单。 （2）插入栏 包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入时设置不同的属性。 共有十二类。 （3）文档工具栏 包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些普通操作（如在浏览器中预览）。 （4）属性检查器(属性面板) 用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。 （5）面板组 一组停靠在某个标题下面的相关面板的集合。(特有) （6）“站点”面板 使您可以管理组成站点的文件和文件夹。 四、改变界面显示 1、显示与隐藏所有面板 在“窗口”或者“查看”菜单中选择“显示/隐藏面板”。或者按下“F4”。 2、显示与隐藏单个面板 在“窗口”菜单中单击欲显示或隐藏的面板名称。 3、展开与收缩面板 单击面板名称处。（从箭头的方向可知当前的状态） 4、整体隐藏或显示右侧面板组 单击面板组左侧边上的箭头。 5、显示与隐藏工具栏 在“查看”菜单的“工具”中进行选择。 另外，也可以将各面板拖出原来所处的位置。 第二节 本地站点的建立 一、关于站点规划和设计 在DreamweaverMX中，站点这个术语可以指Web站点，也可以指用来储存属于Web站点文档的本地硬盘上的文件夹，通常意义指一个整体，是所有网页的集合体。 用站点这样一个概念组织和管理属于这个整体的所有网页和其它各文件。类似于Visual系列程序设计中的项目管理器。 进行网站的整体规划也就是组织网站的内容和设计其结构。 网站的总体规划:确定网页结构、确定网页的信息组织和管理方式、确定信息的存储方法、文档版本的控制、确保结构的完整性和一致性。 网站的总体设计:网页的布局、系统的内部结构、网页的开发技术、网站的维护方法、网站的运营模式等。 1．确定目标 确定站点的目标是创建Web站点时应该采取的第一步。明确的目标使我们可以集中注意力，针对特定的需要来设计和规划Web站点。 2．选择目标用户 确定了站点实现的目标之后，需要确定站点的浏览客户。创建世界上每个人都能使用的Web站点是不可能的。 目标用户不同，设计风格不同。 3．组织站点结构（逻辑结构） ①．层次结构 ②．序列结构 主页面是标题或引言，后面的各页面按顺序排列，前后有连接。 ③．网状结构 把一些相关内容链接到一起，浏览者可以通过不同的途径进入到想要的界面。 ④．复合结构 复合结构是前面提到的几种结构的组合。 4．设计外观 页面布局和设计保持一致非常重要。 如果在实际使用Dreamweaver开始工作之前规划了设计和布局，在以后的设计中就可以节省许多时间。 根据所需的站点布局外观，在纸上画一个草图或使用诸如Fireworks等软件创建站点的合成图（效果图）。 5．设计导航方案 设计站点时，应考虑如何使访问者能够方便的从一个区域移动到另一个区域。具体考虑以下几点：明确“当前位置”；建立搜索和索引栏；提供与网站管理员的联系方法。 6．规划和收集资料 完成了设计和布局后，就可以创建和收集需要的资源了。资源可以是图像、文本或多媒体等项目。在开始开发站点前，请确保收集了所有这些项目