(网页设计与制作教程与实训.pptVIP

2.1 Dreamweaver 8简介 Dreamweaver8利用 Dreamweaver8 中的可视化编辑功能，快速地创建页面而无需编写任何代码。 查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。 在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入Dreamweaver8， 添加 Macromedia Flash 对象。 从而优化您的开发工作流程。在于能够进行多任务工作，是一种更富于工作效率的操作系统。它在操作方法、界面风格具有更加时尚化。 Dreamweaver 8新增功能 1.【样式呈现】工具栏 2.插入Flash 视频内容 3.支持ColdFusionMX7 4.支持PHP5 5.CSS样式：CSS 布局可视化、 新的标准 CSS 面板、 改善的 CSS 呈现功能 2.2 Dreamweaver 8 的工作界面 2.3 常用面板的使用 2.3.1 使用插入栏 【插入】栏包括图像、表格、层等对象按钮，单击这些按钮可以为网页添加相应的元素。默认的插入栏为标准插入栏。单击插入栏左侧的下三角按钮，可以更换为其他工具栏。 2.3.2 使用属性面板  属性面板并不是将所有的对象和属性加载到面板上，而是根据用户选择的不同对象来动态地显示对象的属性。制作网页时，可以根据需要随时打开或关闭，或者通过拖动属性面板的标题栏将其移到合适的位置。 2.3.3 使用文件面板1.启动【文件】面板2.设置站点参数  3. 定义站点主页的操作方法有如下两种。 在【文件】面板中，从弹出菜单(当前站点、服务器或驱动器显示在该菜单中)中选择一个站点。右击要设为主页的文件，从弹出的快捷菜单中选择【设成首页】命令。  在【我的站点的站点定义为】对话框中，打开【高级】选项卡，在【分类】列表框中选择【站点地图布局】，通过【主页】文本框后的【浏览文件】图标选择一个文件作为主页。  2.3.4 资源面板 资源包括存储在站点中的各种元素，如图像或影片文件。 【资源】面板提供了两种查看资源的方式。 ① 【站点】列表显示站点的所有资源。 ② 【收藏】列表仅显示明确选择的资源。 2.5 站点的基本操作 2.5.1 定义站点 创建本地站点 设置远程站点 1.4 网站开发的流程 1.4.2 定位网站CI形象 3. 设计网站的宣传标语 网站的宣传标语，就是把网站的精神、目标用一句话或一个词来高度概括。类似生活中的广告语。如雀巢的“味道好极了”、麦斯威尔的“好东西和好朋友一起分享”、Intel的“给你一个奔腾的心”等。 网站的标志、色彩、字体和标语，是一个网站树立CI形象的关键，也是一个网站档次高低的直接体现，所以，定位网站的CI形象，最好要有艺术设计人员参与。 1.4 网站开发的流程 1.4.3 资料收集、制作与整理 网站资料主要包括文本、图像两大类，大部分在放入网页前都需要做适当的修改和处理。另外，依据网站的主题亮点，还可能准备如声音、Flash影片、图像等需要在网页中展示的内容。搜集资料时范围要广泛，在进行网页设计时再整理与筛选。 1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 站点确定后，接下来就要规划网站的结构，网站的结构分目录结构和链接结构。确定网站的结构目的是便于网站的使用和维护。 网站的目录是指在建立网站定义站点时创建的目录，如有类似“我的网页”的根目录和“我的家”的子目录。目录的结构是一个很容易忽略的问题，目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。如建立E:/我的网页／我的家／文字、图片、链接等较清晰的目录，就便于网站的管理和维护。 网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上，但可以跨越目录。形象地说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。确立网站的链接结构的目的是用最少的链接，使得浏览最有效率。 1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 一般来说，确定网站的目录结构有两种基本方式： 1.4