第1.2章网页设计基础及基本操作

《第1.2章网页设计基础及基本操作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、章节名称第1、2章网页设计基础及基本操作章节分析本次课重点介绍了在Dreamweaver8.0中创建站点及进行站点管理的方法，在网页中如何插入文本、图像，如何设置图文混排，如何设置页面属性，如何设置首选参数等内容。第一讲一、网页设计基础（一）初识Dreamweaver8.0MacromediaDreamweaver8.0是构建网站和应用程序的专业化产品。它提供可视布局工具、应用程序开发功能、代码编辑支持的强大组合，使各个技术级别的开发者和设计者都能够快速创建可视化、吸引人的基于标准的站点和应用程序。从基于CSS设计的领先支持到手工

2、编写的代码功能，Dreamweaver提供在集成的、无缝的环境中所需的专业工具。Dreamweaver支持所有主要服务器技术，如ColdFusion、PHP、ASP、ASP.NET以及JSP等，开发者可以选择将Dreamweaver与服务器技术结合使用，构建强大的Internet应用程序，该应用程序将用户连接到数据库、实时数据服务和原有系统。1.Dreamweaver8.0的启动“开始”｜“Macromedia”｜”Dreamweaver8”2.Dreamweaver8的工作环境l文档窗口l状态栏l插入栏l属性检查器l面板组（二）

3、站点管理1．Dreamweaver站点概述Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。在Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，必须要建立站点文档的本地存储位置。Dreamweaver站点最多由三部分组成，即本地文件夹、远程文件夹和动态页文件夹，具体取决于所用的计算机环境和所开发的Web站点的类型。2.定义本地站点⑴为要定义的本地站点指定一个站点名，该站点名允许使用中文名称。⑵在本地磁盘建立存储站点文件的根文件夹，并

4、在该文件夹中建立子文件夹，用于存放各类不同的文件。子文件夹的个数没有限制，但必须指定一个专门用于存储图像文件的文件夹。在命名文件夹时，不能使用中文名称。⑶使用Dreamweaver的站点管理功能定义站点。Dreamweaver8.0菜单栏的“站点”命令和文件面板的“站点”命令都可以定义本地站点。3.管理本地站点（1）新建站点通过“站点定义向导”创建通过“高级”设置对话框创建（2）复制和编辑站点l在菜单栏中选择【站点】／【管理站点】命令，打开【管理站点】对话框。l在列表框中选中站点“renwu2”，然后单击复制按钮。l确认站点“re

5、nwu2复制”处于被选中状态，然后单击编辑按钮，打开【renwu2-1的站点定义为】对话框。第5页共5页l切换到【高级】选项卡，把【站点名称】修改为“renwu2-1”，【本地根文件夹】修改为“F:xiangmuji1”，【默认图像文件夹】修改为“F:xiangmuji1image1”l其他参数设置保持不变，最后单击确定按钮，返回【管理站点】对话框。（3）导出、删除和导入站点l在【管理站点】对话框中选中站点“renwu2-1”，单击导出按钮，打开【导出站点】对话框，设置导出站点文件的路径和文件名称l单击保存按钮，保存导出的

6、站点文件。l在【管理站点】对话框中仍然选中站点“renwu2-1”，然后单击删除按钮，这时将弹出提示对话框，单击是按钮将删除该站点。l在【管理站点】对话框中单击导入按钮，打开【导入站点】对话框，选中要导入的站点文件，单击打开按钮即可导入站点。l最后单击完成按钮或标题栏中的x图标，关闭【管理站点】对话框。（4）在站点中选择多个文件（5）在本地站点中剪切、粘帖、复制、删除、重命名文件或文件夹（6）创建文件或文件夹（7）站点地图视图(三)网页文件的基本操作1.创建HTML文档l文件→新建→新建文档→常规→类别→基本页l在文件面板中→右击

7、→新建文件→双击2.打开已建的HTML文档l文件→打开l在文件面板中→双击该文档3.保存指定文件l文件→保存（或Ctrl+S)l文件→另存为l文件→保存全部关于文档保存的说明l文档的保存文件名在“文件名”对话框中指定，文档的默认文件名为Untitled-x.html，其中“x”是一个整数值，如1、2、3等。lHTML文档的默认扩展名，通常为“html”或“htm”，也可以使其他形式的扩展名，具体由Dreamweave的首选参数的设定值确定。l不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。关于文档默认扩展名的说

8、明l选择“编辑/首选参数”，打开“首选参数”对话框。l在左侧的类别列表中单击“新建文档”，打开新建文档对话框。l在“默认文档类型”中选择“HTML”。l在“默认扩展名”文本框中，指定Dreamweaver中新建HTML档的扩展名。在重新设置以前，该