资源简介

熟悉Dreamweaver CS5的界面布局和工作环境
掌握站点的创建和管理方法
会创建本地站点和远程站点
参数设置
一般设置的参数有常规参数、新建文档参数和站点参数，这些都是开始创建站点、设计网页前需要考虑的因素。
1．常规参数设置
2．新建文档参数设置
参数设置
3．站点参数设置
Dreamweaver CS4有一套专业的创建和管理站点的工具，实现站点的创建和管理非常方便。要制作一个能够被公众浏览的网站，首先要在本地磁盘上制作这个网站，然后把这个网站上传到WEB服务器上。放在本地磁盘上的网站文件夹称为本地站点，处于Internet 中WEB服务器上的网站文件夹称为远程站点。Dreamweaver CS4提供了管理本地站点和远程站点的强大的功能
图2-18 创建站点向导之一：填写网站名称
图2-19创建站点向导之一：确定是否使用服务器技术
图2-20 创建站点向导之三：设置编辑方式
图2-21创建站点向导之四：设置如何连接远程服务器
图2-22创建站点向导之五：完成设置，显示设置信息
图2-23 新创建的站点
建立站点后，Dreamweaver CS4可以对站点及站点文件进行管理。管理站点是对已经建立的本地站点或远程站点进行管理，在Dreamweaver CS4中，管理站点可以通过“管理站点”对话框进行管理，在“管理站点”对话框中，可以创建新站点、编辑站点、复制站点、删除站点以及导入或导出站点。
图2-30“管理站点”对话框
图2-32 创建文件和文件夹
文本
图片：Gif、JPEG、PNG、矢量格式
超链接：链接的对象是文本、图片、图片的某个区域、脚本程序
动画：Gif动画、Flash动画
声音和视频：MIDI、WAV、MP3、RM
导航栏：一组超链接，在网页的顶部或一侧
表格：控制网页各元素的布局
表单：接收用户输入，反馈给服务器
网页特效：弹出窗口、文字随鼠标移动等， JaVaScript、 VBScript
网页交互元素：聊天、购物、搜索，ADO结合ASP\JSP
网页文档的基本操作包括：
（1）新建网页文档；
（2）保存与另存网页文档；
（3）打开网页文档；
（4）关闭网页文档。
新建与保存网页
Dreamweaver CS4为创建新文档提供了若干选项，用户可以创建以下任意文档。
? 新的空白文档或模板；
? 基于Dreamweaver附带的预设计页面布局文档；
? 基于现有模板的文档。
1．创建新文档
2．保存新文档
制作简单网页
页面属性设置
2．设置网页外观
制作简单网页
页面属性设置
3．设置网页链接
制作简单网页
页面属性设置
4．设置网页跟踪图像
制作简单网页
网页的基本排版
在通常情况下，网页上一般都包含文本、日期、特殊符号及水平线等基本元素。
1．网页基本元素
2．页面的简单排版
（1）设置文本的大小
（2）设置文本的字体
（3）设置文本的颜色
（4）设置文本对齐方式
制作简单网页
插入图像
Web上常用的图像格式包括以下3种：GIF、JPEG和PNG。
Dreamweaver能够使用GIF、JPEG或PNG格式打开或预览任何图像。使用Dreamweaver将一个图像插入到网页中有3种方法：
? 在插入面板的“常用”分类中选择“图像”按钮；
? 执行“插入”→“图像”命令；
? 使用〈Ctrl〉+〈Alt〉+〈I〉组合键。
制作简单网页
案例一：创建学校概况页面
【案例综述】制作学校概况页面，通过简单的页面制作展示学校的基本情况。
【案例展示】本例中的素材包括4幅校园图片，实例效果如图3-42所示。
制作简单网页
练习：制作爱家美食网站“美食推荐”页面
【展示】本实训中的素材包括2幅图片，制作如图所示的爱家美食网站“美食推荐”页面。
制作简单网页
在网页制作过程中，要求为目录和文件命名时都应遵循相应的规范，名称应能代表文件的意义，以便进行查找、修改。下面从网站目录建立规范、文件命名规范、文件头代码规范三个方面，具体介绍网页制作的规范。
网站目录建立的原则是以最少的层次提供最清晰简便的访问结构。网站目录建立规范如图所示。
基本原则：以最少的字母达到最容易理解的意义。
所有文件名、文件夹使用小写英文字母、数字、下划线的组合，比如：news.html，unit1_1.html等。
不要使用汉字、空格和特殊字符。有些服务器无法识别这些字符，会导致文件链接出错。
尽量使用英文，最好有一定的意义，这样以后便于别人或自己修改。例如：名为“Login.html”的文件，一看名称，就知道是登录页面。
对于图像文件，在命名时要遵循以下几点：
名称分为头部和尾部两部分，用下划线分开，尽量用英文。
头部表示图片的大类性质，比如：广告（banner）、标志(logo)、菜单(menu)、按钮(button)、背景(bg)等。
尾部表示图片的具体含义。比如：banner_sohu.gif，menu_aboutus.gif，title_news.gif，logo_maths.jpg等。
文件头（head）里都是一些与网页整体有关、相对独立一些的属性，比如网站标题属性 网页标题

网页显示字符集（简体中文为Gb2312，繁体中文为big5，英文为iso-8859-1）
网页制作者信息
网站简介
搜索关键字
网页的css规范

展开更多......

收起↑