网页设计与制作基础课件-参考.ppt

1、.网页设计与制作基础网页设计与制作基础 Dreamweaver MX窗口介绍窗口介绍 网页制作的一般流程网页制作的一般流程.概述 网页网页 也称为也称为Web页或网页文件页或网页文件 由超文本标记语言（由超文本标记语言（HTML）的文件格式来构造。）的文件格式来构造。包含了文本、图像、动画、声音以及其他信息包含了文本、图像、动画、声音以及其他信息 网页文件通常放在连接互联网的服务器上网页文件通常放在连接互联网的服务器上 采用超级连接的方式组织在一起采用超级连接的方式组织在一起.常用的所见即所得网页编辑制作工具：常用的所见即所得网页编辑制作工具：Adobe公司的公司的Go Live Allair

2、e公司的公司的Home Site SoftQuard公司的公司的Hometal Enova公司的公司的Namo Web Editor NetObjects公司的公司的NetObjects Fusion Trellix公司的公司的TrellixWeb 微软公司的微软公司的Frontpage Macromedia公司的公司的Dreamweaver MX 常用的办公自动化工具常用的办公自动化工具 Word、Excel、Powerpoint等等.新老版本的切换新老版本的切换【编辑编辑】【】【参数选项参数选项】【】【常规常规】【更改工作区更改工作区】.Dreamwear 4.0经典窗口经典窗口控制面板控

3、制面板（浮动面板）（浮动面板）.Dreamweaver MX 窗口窗口 标题栏 标题栏 菜单栏 插入面板 工具栏 面板组 网页文件编辑区 属性面板 状态栏 网页信息框 视窗设置框.1.2.1 站点内容的规划站点内容的规划 站点定位站点定位 考虑该站点的主要浏览对象的特点考虑该站点的主要浏览对象的特点 如性别、年龄、职业等；如性别、年龄、职业等；主要内容主要内容 如电脑、文学、科普等；如电脑、文学、科普等；可能用到的资料：可能用到的资料：文档、图片、声音、动画等文档、图片、声音、动画等.需要注意的问题：需要注意的问题：合理安排主页内容合理安排主页内容 应该简洁清晰、一目了然，重点突出，图文有序。

4、应该简洁清晰、一目了然，重点突出，图文有序。要善用图片，色彩协调，格调一致要善用图片，色彩协调，格调一致 图片不可过大，以免影响浏览时下载速度图片不可过大，以免影响浏览时下载速度 尽量减少链接级数尽量减少链接级数 尽快通过链接接触到实际内容尽快通过链接接触到实际内容 否则会使浏览者失去兴趣。否则会使浏览者失去兴趣。即要美观实用，又要有新颖的创意即要美观实用，又要有新颖的创意 要有一些与众不同的闪光点。要有一些与众不同的闪光点。.可以定义多个站点可以定义多个站点 但只有一个站点是当前站点但只有一个站点是当前站点定义站点定义站点 步骤：步骤：“站点站点”|“编辑站点编辑站点”|选中需要编辑的站点选

5、中需要编辑的站点“编辑编辑”|“高级高级”.输入或选中输入或选中【站点名称站点名称】、【本地根文件夹本地根文件夹】、【默认图像文件夹默认图像文件夹】.添加站点：添加站点：【编辑站点编辑站点】对话框对话框【新建新建】：输入站点名称和站点所在路径：输入站点名称和站点所在路径.选中需要编辑站点选中需要编辑站点 步骤步骤 菜单栏菜单栏【站点站点】【】【站点文件站点文件】或按或按F8.【站点站点】对话框对话框 从工具栏从工具栏【站点站点】下拉列表框中下拉列表框中 选中需要打开或编辑的站点选中需要打开或编辑的站点.站点中添加网页站点中添加网页 站点站点|站点文件站点文件|文件文件|新建文件新建文件 也可在

6、也可在【站点站点】对话框中用快捷方式对话框中用快捷方式 Ctrl+Shift+N通常通常Index.htm文件作为一个站点的主页文件作为一个站点的主页也有用：也有用：Default.htm 的的其它的网页和文件夹可以在网页制作中逐步添加其它的网页和文件夹可以在网页制作中逐步添加 添加文件夹添加文件夹 同上同上 注意：注意：起名时候不宜使用中文作为文件名。起名时候不宜使用中文作为文件名。.主窗口中网页的主窗口中网页的“新建新建”、“打开打开”与与“保保存存 新建新建【文件文件】【】【新建新建】或用快捷键或用快捷键 CtrlN.打开打开【文件文件】【】【打开打开】或用快捷键或用快捷键 CtrlO.选中需要打开编辑的网页选中需要打开编辑的网页.保存网页保存网页“文件文件”|“保存保存”或选或选“另存为另存为”也可用快捷方式：也可用快捷方式：CtrlS.新建命名为新建命名为Student的站点的站点.