本章学习重点本章学习重点 1. 我们需要了解 网页与网站网页与网站 特色功能特色功能 2. 我们需要了解 操作环境了解安装卸载操作环境了解安装卸载3. 我们需要学习 界面认识浏览网页的工具界面认识浏览网页的工具-浏览器浏览器4. 我们需要学习 认识网页的组成元素认识网页的组成元素5. 我们需要学习 空间和域名的管理空间和域名的管理举例演示：浏览一些网页作品 打开网页看看一些经典网页模板 ppt第一、第一、“网页三剑客网页三剑客”有谁知道？有谁知道？（Photoshop 或 Fireworks+Dreamweaver+flash）（大家知不知道？有那位同学能回答？）Dreamwearver 1.在互联网中的应用在互联网中的应用 *当前最流行、最方便的网页设计和网站开发工具软件。 提供了可自定义的、易于使用的所见即所得 HTML 编辑器 可以进行各种素材的集成和网络发布特色功能特色功能 具备可视化的设计界面，强大的网页设计功能和编辑功能还具备开发移动应用程序的功能，使制作跨平台兼容性内容变得轻而易举。 Dreamweaver CS6 的安装、卸载和启动1 系统要求系统要求以下硬件和软件是运行 Dreamweaver CS6 所必需的。对 Microsoft Windows 系统的要求如下。处理器：Intel Pentium 4 或 AMD Athlon 64(或兼容处理器)。操作系统：Windows XP SP2 或更高版本，Windows Vista Home Premium、Business、Enterprise 或 Ultimate(仅提供对 32 位版本的认证支持)。RAM：512 MB。硬盘：1.3 GB 以上可用空间。媒体：DVD-ROM 驱动器。Internet 连接(用于激活)。对 Macintosh 系统的要求如下。处理器：G4、G5 或基于 Intel 的 Mac。操作系统：Mac OS 10.6 或 10.7 版。RAM：512 MB。硬盘：1.8 GB 以上可用空间。媒体：DVD-ROM 驱动器。Internet 连接(用于激活)。2 安装安装 Dreamweaver CS6安装 Dreamweaver CS6 时，首先关闭系统中当前正在运行的所有应用程序，包括其他 Adobe 应用程序，然后执行下列操作之一。将安装光盘插入驱动器中，然后按照屏幕说明进行操作。注意：如果安装程序没有自动启动，请双击光盘根目录中的 Setup.exe 文件(Windows)或 Setup 文件(Mac OS)。如果用户是从网上下载的软件，请打开文件夹并双击 Setup.exe 文件(Windows) 或 Setup 文件(Mac OS)，然后按屏幕说明进行操作。下面是安装过程简介。(1)在“Adobe 软件许可协议“界面(见图 2-1)中单击“接受“按钮，进入安装位置界面。(2)在安装位置界面(见图 1-2)中单击“安装“按钮，进入“安装“界面，如图 2-3 所示。图 2-1 “Adobe 软件许可协议“界面 图 2-2 安装位置界面(3) 进入“安装完成“界面后，单击“关闭“按钮退出安装，如图 2-4 所示。图 2-3 “安装“界面 图 2-4 “安装完成“界面卸载卸载 Dreamweaver CS6若要卸载 Dreamweaver CS6 软件，首先关闭系统中当前正在运行的所有应用程序，包括其他 Adobe 应用程序，然后执行下列操作之一。在 Windows XP 系统中，打开 Windows“控制面板“窗口，然后双击“添加或删除程序“图标，打开“添加或删除程序“窗口。选择要卸载的产品，单击“更改/删除“按钮，然后按屏幕说明进行操作。在 Windows Vista 系统中，打开 Windows“控制面板“窗口，然后双击“程序和功能“图标，在弹出的界面中选择要卸载的产品，单击“更改/删除“按钮，然后按屏幕说明进行操作。在 Mac 系统中，请勿通过将应用程序拖入废纸篓的方式进行卸载，应安全卸载软件，即选择“应用程序“|“实用程序“|“Adobe 安装程序“命令中的产品安装程序，以管理员身份通过身份验证，选择“删除组件“命令，然后按屏幕说明进行操作。4 启动与退出启动与退出 Dreamweaver CS6Dreamweaver C6 的启动与退出方式有很多种，下面详细介绍。1. Dreamweaver CS6 的启动的启动Dreamweaver CS6 启动方式有许多种，但一般用得较多的是以下两种。1) 从“开始“菜单中启动单击 Windows 桌面左下角的“开始“按钮，在“程序“子菜单中选择 “Adobe Dreamweaver CS6“命令进行启动。2) 用快捷方式启动在桌面上单击 Dreamweaver CS6 的快捷启动图标，即可启动。Dreamweaver CS6 的启动界面如图 4-1 所示。图 4-1 启动界面 图 4-2 Dreamweaver CS6 主窗口界面首次启动 Dreamweaver CS6 后的主窗口界面如图 4-2 所示。如果不想每次启动时都显示该界面，则选中“不再显示“复选框即可。2. Dreamweaver CS6 的退出的退出退出 Dreamweaver CS6 的方式有很多种，但平时用得最多的不外乎如下几种。在 Dreamweaver CS6 主窗口中的“文件“菜单中选择“退出“命令。在 Dreamweaver CS6 被激活状态下，直接按 Alt+F4 组合键。单击 Dreamweaver CS6 主窗口左上角的控制菜单图标，从弹出的菜单中选择“关闭“命令，或者直接双击控制菜单图标。单击 Dreamweaver CS6 主窗口右上角的“关闭“按钮。操作环境操作环境*安装软件后，单击桌面快捷方式-或选择“开始”-程序-“Adobe”-“Adobe Dreamweaver CS6 ” 菜单项启动软件，打开“Adobe Dreamweaver CS6 ”程序界面 *如图：标题：标题：显示当前所编辑的文档名称， 菜单栏：菜单栏：所有的工作将通过菜单栏来完成，虽然利用浮动面板可以减少操作时间， 但有时候为了有更大的屏幕空间，会将浮动面板关闭，这样的话利用菜单就显得很 重要了。 文档窗口：文档窗口：文档窗口显示当前所创建和编辑的 html 文档内容 插入面板：插入面板：在插入面板上包含了很多不同类型的按钮，用于在文档中创建不同类型 的对象，如表格、图像、层、表单等 属性面板：属性面板：在属性，面板中显示文档窗口中选中对象（表格、文字、图像）的属性 并且可以对这些被选中对象的属性进行修改。 文件面板：文件面板：可以管理站点内的所有文件，包括站点上传，远程维护等功能。举例演示：经典网页模板还演示一些网页，或一些韩版网站 练习小结练习小结 安装与卸载。 安装后，界面操作，认识。 浏览网页的工具浏览网页的工具- -浏览器浏览器认识网页的组成元素认识网页的组成元素* 网站网站 logologo网站 logo，它是一个站点的象征，也是一个站点是否正规的标志之一。所以一个好的标志可以很好的树立公 司形象。而网站标志的位子一般放在网站的左上角上，这样别人就可以一眼就能看到它。* 网站网站 bannerbannerbanner 是一种网络广告形式，banner 广告一般是放在网页的顶部位置，在用户浏览网页信息的同时，吸 引用户对于广告信息的关注。* 导航栏导航栏 导航栏是网页设计中的重要部分，同时也是整个网站设计中一个比较独立的部分。一般来说网站中的导航条位 置在各个页面中出现的位置是比较固定的，风格也比较一致。所以导航栏在整个页面中起到举足轻重的作用。* 文本 文本不用说是人们相互间交流的工具，在网页中重要信息也是以文本为主。而且文本能准确的表达信息的 内容和含义。所以一个网站的文本信息要独特且吸引人。* 图像 图像在网页中具有提供信息，展示形象，美化网页，表达个人网站独特风格的重要作用。 *flash 动画 flash 动画已经成为当今网站必不可缺的重要部分，因为它能更加的吸引更多的浏览者。* 空间和域名（稍了解）空间和域名（稍了解）选择空间和域名的重要性： 1.1. 不定期收回服务器式不定期收回服务器式 无业游民，或者黑客，不是入侵到一台服务器就是租用了一台普通服务器，然后出售空间。比如以 1G 空间 100 元 1 年的价格出售双线双 IP，自然很多朋友会买。然后这类的空间很不稳定，也许这个月在下个月连站带服务器 全都消失了，这样是很痛苦的。 很多免费空间的服务器就是月租的，然后第一个月能赚回来就接着做，赚不回来就不做了。大家的网站也 就没有了。 2.2. 个人服务器无技术支持个人服务器无技术支持现在很多人都自己购买服务器，然后一个 320G 的盘自己也用不完，就拿出来卖。一是没有设置安全权限，导致黑客入侵同服务器的任意网站后就可以进入该服务器上的所有网站;二是没有技术支持，网站出现问题，如 PHP 环境错误、SQL 数据库错误等等得不到解决，导致网站崩溃;三是服务器经常无缘无故断电宕机，网站访问受限等等。我以前就因为空间商技术不够，数据库出现问题无法恢复，还不让我们处理，导致 10 万多数据全部丢失， 很惨痛的记忆。3.3. 无良空间商无良空间商 这类空间商基本都是黑客，先提供你一个免费空间，但是需要你的流量达到一定数量，然后要求挂一段代码。 很多时候这段代码就是木马代码。曾经我们发现过三例。所以大家多注意下。选择不好的空间服务商所带来的烦恼 1. 最直接的就是金钱部分，由于大家对选购空间不太了解，导致一些虚高的价格横行。 2. 对于网站来说，能否访问很重要。对于技术相对薄弱懵懂的新人来说，服务商的技术支持很重要的。尤 其是当发生突然状况后空间上的及时处理，有时候服务器上一个小的程序错误，导致网站无法访问都可能影响到 整个网站的收录和印象等。 3. 如果遇到不良服务商，网站遭到挂马是很危险的。一是大家不会再相信这个网站，二是对于百度和 GOOGLE 来说也会屏蔽了这个网站的。 那么我们如何来选择一个最适合自己的服务商呢?1. 根据自己目前的情况和要求来选择第一点， 你要管理方便毕竟网站前期是你要管理，要更新。所以速度对于你来说要快是一定的。否则自己都没有办法管理怎么能行? 可以通过 ping，你所要购买的服务器的 IP 来确定速度，ping 的 time 值越小，速度越快。我 ping 的是我们这里 北方网通的的核心机房。 而且管理起来要相对简单，比如必须支持 FTP 和 WEB 后台管理。其次最好有平台可以设置一些空间内的属 性，比如哪个文件夹可以支持 FSO，哪些不可以。管理平台的好处就是可以直观的看到空间使用情况，可 以更改空间运行状态，修改 FTP 密码，设置默认首页等。FTP 和 WEB 管理就不用我多说了吧。最基础最必须的管理方式。 第二点， 价格要适当，是你大致能承受的市场价格 价格适当是指不要在前期购买一些虚高的空间，导致自己的金钱完全流入到空间上，没有办法做其他的事。大致能成熟的市场价格是指没有偏离正常的市场价格的基础上你能承受的，不是有多便宜买多便宜。要选最适合的，不选最便宜的。比如现在的 1G空间市场价格 200 左右，双线的也是 200-300 左右而已。 第三点， 根据网站规模选择大小 目前来说并不太在意大小，一般都是一个 G 的了，虽然大家的网站没有那么大。以 ASP 网站为例，程序+数据库顶多 30M 左右。离 1000M 差很多呢，对于大家来说，以后的更新加起来，也需要很久才能达到 1G 的大小。所以可以放心使