电子商务网站建设与维护第二部分网页设计基础2.pptVIP

1 第二部分 网页设计基础 4.1 Dreamweaver MX简介 4.2 创建新站点 4.3 网页文件的基本操作 4.4 简单网页的制作实例 4.5 本站回顾 4.1 Dreamweaver MX简介 4.1.1 Dreamweaver MX的启动方式 Dreamweaver MX工作区的3种选择： Dreamweaver MX工作区 Dreamweaver 4工作区 HomeSite/代码编写者样式 4.1.2 Dreamweaver MX的工作环境 标题栏 菜单栏 文档工具栏 4. 网页文件编辑区 5. 状态栏 6. 浮动面板和浮动面板组 7.『插入』面板 8.『属性』面板 4.2 创建新站点 创建网站一般有以下几个步骤： 1. 规划站点 2. 创建站点的基本结构 3. 网页设计 4.2.1 创建本地站点 本地站点：即在本地计算机的硬盘上创建一个文件夹，并把这个文件夹设置为本地站点的根文件夹。 注意： 在网页设计中，不要用中文作为文件名或文件夹名； 网页文件命名时区分字母大、小写，例如INDEX.HTM和index.htm表示不同的文件； 每个网站都有而且只用一个首页，浏览者在访问该站点时首先访问这个文件，首页文件的名字一般可命名为index.htm； 首页文件index.htm应该放在站点的根文件夹下。 4.2.2 创建站点地图 Dreamweaver MX的站点地图是提供本地站点结构的高度可视化的表现形式，可用于管理站点内的文件和目录，对站点内的文件进行改名、编辑和删除等基本操作；也可用来完成添加、删除、更改站点内的超链接等操作。 4.2.3 站点中的文件操作 在本地站点中新建文件夹 在本地站点中新建文件 在站点中选择多个文件 在本地站点中间切、粘贴、复制、删除、重命名 4.3 网页文件的基本操作 4.3.1 创建、打开和保存网页文件 1. 创建HTML文档 2. 打开已建的HTML文档 3. 保存指定文件 4. 关闭文件 4.3.2 设置网页的页面属性 4.3.3 设置网页对象的颜色 4.3.4 网页文本的输入和属性设置 1. 网页中文本的输入 2. 设置汉字的字体列表 3. 输入网页中的空格 4. 文本换行 5. 文本的属性设置 6. 应用实例 4.3.5 网页图片的插入和属性设置 1. 网页图像格式简介 GIF（Graphics Interchange Format）图像交换格式 JPEG（Joint Photographic Experts Group）联合图像专家组 PNG（Portable Network Graphic）便携网络图像 2. 插入网页图像的方法 3. 图像的属性设置 4.4 简单网页的制作实例 * * 1 第4章 Dreamweaver MX介绍 1 1 1 1 1 1 1 1 1 * * *