dreamweaver第1次内容.docVIP

主要内容：学习超链和插入图像 网页设计 网页设计是一门综合性技术，包含许多方面程序设计、美术设计及其他媒体技术。WWW即World Wide Web的简称，也称万维网，它是由分布在互联网上的成千上万个网页组成的网络信息系统。WWW服务是通过网页形式的链接向用户提供信息。网页又通过超链接连接到其他资源。网页中包含文本、图像、声音和视频等多种形式的资源，因此也叫超媒体。用户可以通过浏览器把信息显示出来。超文本标记语言（Hyper Text Markup Language，HTML）是一种程序语言，它定义了一系列规则告诉浏览器如何显示HTML的元素。含有HTML元素集合的文件，也就是网页。创建HTML网页是一件很容易的事，可以把HTML标签写在记事本里，然后保存扩展名为.html或.htm文件。一般HTML网页是以html标签开始，以/html结束。head…/head之间是网页头部，用来描述网页的相关内容，如网页标题、网页语言和网页内容简述等。 2、认识Dreamweaver Dreamweaver是Adobe公司开发的一款可视化网页设计和网站管理软件。可视化编辑功能可以快速制作出精彩的网页，而不需要编写任何代码。而且，它能与其他图形编辑软件紧密结合，协同处理编辑图像，使用起来非常方便。我们主要介绍Dreamweaver CS3版。 2.1操作界面 Dreamweaver CS3有着强大的功能，它的操作界面集成了各功能的操作元素，功能面板浮动于应用程序的窗口内，可以非常方便进行网页或网站编辑。Dreamweaver CS3的操作界面是由标题栏、菜单栏、工具栏、状态栏、编辑栏，以及常用的浮动面板组等组成，如图2.1。 2.2创建站点 Dreamweaver CS3拥有优秀的站点管理功能。此功能使网页设计工作更轻松合理。用户可以更合理地规划网页设计素材，并把网站的各个网页有条理地组织起来，融合成一个整体。创建站点的具体步骤如下： 单击“站点”|“新建站点”命令，弹出如图2.2“编辑文件”对话框 ，可以为你的站点取个名字。单击“下一步”按钮，弹出如图2.3“编辑文件，第2部分” 选择“否，我不想使用服务器技术”单选按钮，然后单击“下一步”按钮，弹出如图2.4“编辑文件，第3部分”对话框。在“您如何连接到远程服务器”下拉列表框中，选择“无”选项，然后单击“下一步”按钮，如图2.5弹出“总结”对话框。 2.3创建页面 在Dreamweaver CS3中创建页面同其他应用程序一样简单，并且还提供了更多更方便的方式。主要有两种方式：一种是在菜单命令中创建，另一种是在Dreamweaver开启时出现在应用程序中的对话框中创建，如图2.6。其实两种方式都是一样的，第二种方式在开启应用程序时更快捷 新创建的文档有多种类型，包含空白内容文档、空白模板文档和基于范例文档。在创建时根据需要进行选择，单击启动对话框中的“新建”中的“更多…”，得到如图2.7，可以选择页面类型和布局类型。 3、网页主体 标签设置关系到网页的全局效果。网页背景为网页增添了一份色彩，文字颜色的正确设置为浏览者在浏览过程中提供了许多的方便。 3.1 背景颜色 单击“页面属性”按钮，弹出“页面属性”对话框 。单击“背景颜色”下三角按钮，弹出调色板。 3.2背景图像 单击“页面属性”按钮，弹出“页面属性”对话框 。单击“背景图像”右边的“浏览”按钮，弹出“选择图像源文件”对话框，选择“页面背景.jpg”。 3.3文字颜色 在“属性”面板可设置文字颜色 3.4 设置页面边距 单击“页面属性”按钮，弹出“页面属性”对话框 ，在边距处可输入页面边距值。 浏览网页选择“文件”菜单中的“在浏览器中预览”子菜单中的“IExplore”或者直接按F12键。 4、网页文字 文字外观和排放 大小、颜色、字体及样式；文字左对齐，居中对齐等设置方法如下图 5、插入图像 5.1、插入图像 单击“插入”工具栏上的“常用”选项卡中的“图像”工具， 或单击菜单栏中的“插入记录”菜单中“图像”。 在列表框中选择图像文件，并在“图像预览”区域进行预览，选择图片“前校门.jpg”，最后单击“确定”按钮。弹出“图像标签辅助功能属性”对话框，如右图。在“替换文本”文本框中可以输入图像简短的替换文本内容，如果描述说明内容较多，可以在“详细说明”文本框中输入该图像的详细说明文件的地址，然后单击“确定”按钮，完成图像插入。此时在“设计”视图中可以看到插入的图像。 5.2、图像修改 修改尺寸、修改对齐方式、设置图像边框和设置图像边距 图像尺寸的修改通常有两种方法：一种是代码修改的方法；另一种是参数设置修改的方法。参数设置对齐可以直接在“图像属性”面板中设置高宽度，同时还可以在“图像”属性面板修改对齐方式、设置图像