《dreamweaver8入门教程》由会员分享，可在线阅读，更多相关《dreamweaver8入门教程（42页珍藏版）》请在金锄头文库上搜索。
1、1 基础知识基础知识基础知识基础知识网页设计简介网页设计简介网页设计简介网页设计简介 0.1 网页设计概述 0.2 初识Dreamweaver 8 2 0.10.10.10.1 网页设计概述 网页设计概述 网页设计概述 网页设计概述 0.1.1 网页设计遵循的理念 0.1.2 网站整体风格的确定 0.1.3 网页创意 0.1.4 网页色彩搭配简介 0.1.5 常用网页设计工具简介 3 0.1.10.1.10.1.10.1.1 网页设计遵循的理念 网页设计遵循的理念 网页设计遵循的理念 网页设计遵循的理念 （1）考虑访问者的带宽问题。 （2）版面布局合理。 （3）网站标志的设计。 （4）站点内容
2、要精、专，及时更新。 4 0.1.20.1.20.1.20.1.2 网站整体风格的确定 网站整体风格的确定 网站整体风格的确定 网站整体风格的确定 网站的风格 指网站的整体形象给访问者的综合感受。 包含的因素 网站的标志设计、色彩、版面布局、浏览方式、交互性、文字和 价值等。 例如： 儿童网站“WaWaYaYa”是生动活泼的；大多商业网站如IBM，是 专业严肃的。 5 http:/http:/http:/ / / / 6 http:/http:/http:/ / / / 7 确定网站的整体风格需要注意以下几个方面：确定网站的整体风格需要注意以下几个方面：确定网站的整体风格需要注意以下几个方面：
3、确定网站的整体风格需要注意以下几个方面： （1）网站标志要放在醒目位置要保持不变。 （2）反应网站精髓的标语并动态显示。 （3）导航放在每一张网页的相同位置。 （4）确定网站的主体颜色并注意颜色。 （5）页面的布局一般采用左边导航右边文字，或者上面导 航下面文字的方法，或两者结合使用。 （6）内容结构简单且分类要简而精。 8 0 0 0 0.1.3.1.3.1.3.1.3 网页创意 网页创意 网页创意 网页创意 什么是创意？ （1）创意是传达信息的一种特殊手段。 （2）创意是将现有的要素重新组合。 9 0 0 0 0.1.4.1.4.1.4.1.4 网页色彩搭配简介 网页色彩搭配简介 网页色彩
4、搭配简介 网页色彩搭配简介 网页色彩搭配应考虑以下因素： （1）色彩的鲜明性。 （2）色彩的独特性。 （3）色度的合适性。 （4）色彩的代表性。 10 0 0 0 0.1.5.1.5.1.5.1.5 常用网页设计工具简介 常用网页设计工具简介 常用网页设计工具简介 常用网页设计工具简介 1网页设计软件Dreamweaver 2网络动画制作软件Flash 3网络图像处理软件Fireworks （本课程主讲Photoshop） 第第第第1 1 1 1讲讲讲讲 Dreamweaver 8.0 Dreamweaver 8.0 Dreamweaver 8.0 Dreamweaver 8.0 界面及界面及
5、界面及界面及 站点建设站点建设站点建设站点建设 12 第第第第1 1 1 1讲讲讲讲 Dreamweaver 8.0 Dreamweaver 8.0 Dreamweaver 8.0 Dreamweaver 8.0 界面及站界面及站界面及站界面及站 点建设点建设点建设点建设 1.1 Dreamweaver 8.0简介 1.2 创建站点 1.3 网页文件的基本操作 1.4 设置页面属性 1.5 练习制作简单的网页站点 13 1.1 Dreamweaver 8.01.1 Dreamweaver 8.01.1 Dreamweaver 8.01.1 Dreamweaver 8.0简介简介简介简介 1.1
6、.1 Dreamweaver 8.01.1.1 Dreamweaver 8.01.1.1 Dreamweaver 8.01.1.1 Dreamweaver 8.0的启动和退出的启动和退出的启动和退出的启动和退出 1.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.0的工作环境的工作环境的工作环境的工作环境 14 1.1.1 Dreamweaver 8.01.1.1 Dreamweaver 8.01.1.1 Dreamweaver 8.01.1.1 Dreamweaver 8.0的启
7、动和退的启动和退的启动和退的启动和退 出出出出 1.1.1.1.启动启动启动启动Dreamweaver8.0Dreamweaver8.0Dreamweaver8.0Dreamweaver8.0 在Windows操作系统下，单击左下角的【开始】按钮，从 【程序】菜单中选择Macromedia菜单，然后从子菜单中 单击【Macromedia Dreamweaver 8】即可启动，如图所 示。 15 2.2.2.2.退出退出退出退出Dreamweaver 8.0Dreamweaver 8.0Dreamweaver 8.0Dreamweaver 8.0 退出Dreamweaver 8.0的方法很简单，
8、我们可以有以下几种 方式退出编辑界面： （1）单击Dreamweaver 8窗口右上方的关闭按钮； （2）按下“Alt+F4”组合键； （3）选择“文件”菜单中的“退出”命令，或按快捷键Ctrl+Q退 出系统。 16 1.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.01.1.2 Dreamweaver 8.0的工作环境的工作环境的工作环境的工作环境 Dreamweaver 8.0的操作窗口 17 1.21.21.21.2创建站点创建站点创建站点创建站点 1.2.1 1.2.1 1.2.1 1.2.1 创建本地站点创建本
9、地站点创建本地站点创建本地站点 1.2.2 1.2.2 1.2.2 1.2.2 管理站点管理站点管理站点管理站点 1.2.3 1.2.3 1.2.3 1.2.3 管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹 18 1.2.1 1.2.1 1.2.1 1.2.1 创建本地站点创建本地站点创建本地站点创建本地站点 步骤步骤步骤步骤1 1 1 1：在本地硬盘上建立一个用来存放站点的文件夹，：在本地硬盘上建立一个用来存放站点的文件夹，：在本地硬盘上建立一个用来存放站点的文件夹，：在本地硬盘上建立一个用来存放站点的文件夹， 命名为命名为命名为命名为“
10、“ “ “sitesitesitesite” ” ” ”，该文件夹就是本地站点的根目录，是为网，该文件夹就是本地站点的根目录，是为网，该文件夹就是本地站点的根目录，是为网，该文件夹就是本地站点的根目录，是为网 站特别建立的一个文件夹。站特别建立的一个文件夹。站特别建立的一个文件夹。站特别建立的一个文件夹。 步骤步骤步骤步骤2:2:2:2:打开打开打开打开Dreamweaver 8.0Dreamweaver 8.0Dreamweaver 8.0Dreamweaver 8.0，选择，选择，选择，选择“ “ “ “站点站点站点站点” ” ” ”菜单下的菜单下的菜单下的菜单下的“ “ “ “管管管管
11、理站点理站点理站点理站点” ” ” ”命令，或者选择文件面板中的命令，或者选择文件面板中的命令，或者选择文件面板中的命令，或者选择文件面板中的“ “ “ “管理站点管理站点管理站点管理站点” ” ” ”命令，命令，命令，命令， 打开打开打开打开 “ “ “ “管理站点管理站点管理站点管理站点” ” ” ”对话框。对话框。对话框。对话框。 19 步骤3:单击“管理站点”对话框中的“新建”按钮，在弹出菜单 中选择“站点”命令。 20 步骤4：单击“站点”命令后，系统会弹出窗口，这是一个定 义站点的向导，选择“基本”选项卡，给网站定义一个名 称，例如“数学与计算机系”。 21 步骤5：单击“下一步”
12、按钮，在窗口中设置网站是否使用服 务器技术，例如：ASP、PHP等。由于我们要制作的是基 本的静态网站，所以选择“否，我不想使用服务器技术”单 选按钮。 22 步骤6：单击“下一步”按钮，开始设置网页的存储方法和存 储路径。在上半部分的单选项中选择第一项“编辑我的计 算机上的本地副本，完成后再上传到服务器（推荐）”。 如果申请的网站空间支持在线编辑功能，那么可以选择 “使用本地网络直接在服务器上编辑”单选项。 23 24 步骤7：完成以上的设置后单击“下一步”按钮，在这里选择 连接服务器的方式，以及网页在服务器上的存储位置。 25 步骤8：单击“下一步”按钮。在这里选择是否使用“存回”和 “取
13、出”。选中“是，启用存回和取出”选项，可以多人共同 完成网站的维护工作。如果只需一个就能够完成网站的维 护工作，可以选择“否”。 26 步骤9：至此完成了对网站的基本定义。单击“下一步”按 钮，Dreamweaver 8.0会弹出对话框询问设置的信息是否 准确，单击“完成”按钮，本地站点就创建成功了。 27 1.2.2 1.2.2 1.2.2 1.2.2 管理站点管理站点管理站点管理站点 1.1.1.1.切换站点切换站点切换站点切换站点 Dreamweaver 8.0中可以同时存在多个站点，在文件面板左 边的下拉列表框中选中某个已创建的站点，就可切换到对 这个站点进行操作的状态。 28 1.2
14、.2 1.2.2 1.2.2 1.2.2 管理站点管理站点管理站点管理站点 2 2 2 2编辑站点编辑站点编辑站点编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选择 要编辑的站点，然后用鼠标单击“管理站点”对话框中的“编 辑”按钮，重新打开“站点定义”向导，根据需要一步一步修 改站点的属性即可。 29 1.2.2 1.2.2 1.2.2 1.2.2 管理站点管理站点管理站点管理站点 3 3 3 3删除站点删除站点删除站点删除站点 如果不需要某个站点时，可以将其从站点列表中删除。选择 “站点”菜单下的“管理站点”命令，打开“管理站点”对话框， 在该对话框中选择一个站点，单击“删除”
15、按钮，即可删除 一个站点，对某一个站点进行删除操作后，网站的文件仍 保存在硬盘原来的位置上，并没有从硬盘上删除。 30 1.2.31.2.31.2.31.2.3管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹 1 1 1 1创建文件夹和文件创建文件夹和文件创建文件夹和文件创建文件夹和文件 文件面板通常显示站点中的所有文件和文件夹，但新建的站 点中不包含任何文件或文件夹。所有的文件和文件夹都需 要新建，在文件面板中站点根目录上单击鼠标右键，然后 从弹出的快捷菜单中单击菜单项“新建文件夹”或“新建文 件”，接着给新的文件夹或文件命名。 31 1.2.
16、31.2.31.2.31.2.3管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹管理网站中的文件和文件夹 2 2 2 2重命名文件夹或文件重命名文件夹或文件重命名文件夹或文件重命名文件夹或文件 先选中需要重命名的文件夹或文件，然后单击右键，在弹出的快捷菜单 中单击“编辑”选项的下级菜单中的“重命名”命令或者按【F2】快捷 键，文件夹或文件的名称变为可编辑状态，重新输入新的名称，按 Enter键确认即可。 3 3 3 3移动和复制文件移动和复制文件移动和复制文件移动和复制文件 从“文件”面板的本地站点文件列表中，选中要移动或复制的文件夹或文 件，如果要进行移动操作，在弹出的快捷菜单中单击“编辑”选项的下 级菜单中的“剪切”命令；如果要进行复制操作，则执行“编辑”选项的 “拷贝”命令，然后执行“编辑”选项下的“粘贴”命令，将文件夹或文件移 动或复制到相应的文
