网页设计与制作基础ppt课件

第1章网页设计与制作基础,2020/4/27,.,2,本章学习目标,网页设计与制作基础DreamweaverMX窗口介绍网页制作的一般流程,2020/4/27,.,3,1.1网页设计与制作基础,概述网页也称为Web页或网页文件由超文本标记语言（HTML）的文件格式来构造。包含了文本、图像、动画、声音以及其他信息网页文件通常放在连接互联网的服务器上采用超级连接的方式组织在一起,2020/4/27,.,4,1.1.1网页制作软件,常用的所见即所得网页编辑制作工具：Adobe公司的GoLiveAllaire公司的HomeSiteSoftQuard公司的HometalEnova公司的NamoWebEditorNetObjects公司的NetObjectsFusionTrellix公司的TrellixWeb微软公司的FrontpageMacromedia公司的DreamweaverMX常用的办公自动化工具Word、Excel、Powerpoint等,2020/4/27,.,5,1.2.2DreamweaverMX窗口介绍,新老版本的切换【编辑】【参数选项】【常规】【更改工作区】,2020/4/27,.,6,2020/4/27,.,7,2020/4/27,.,8,2020/4/27,.,9,Dreamwear4.0经典窗口,控制面板（浮动面板）,2020/4/27,.,10,DreamweaverMX窗口,2020/4/27,.,11,1.2网页制作的一般流程,1.2.1站点内容的规划站点定位考虑该站点的主要浏览对象的特点如性别、年龄、职业等；主要内容如电脑、文学、科普等；可能用到的资料：文档、图片、声音、动画等,2020/4/27,.,12,需要注意的问题：合理安排主页内容应该简洁清晰、一目了然，重点突出，图文有序。要善用图片，色彩协调，格调一致图片不可过大，以免影响浏览时下载速度尽量减少链接级数尽快通过链接接触到实际内容否则会使浏览者失去兴趣。即要美观实用，又要有新颖的创意要有一些与众不同的闪光点。,2020/4/27,.,13,1.2.2站点的定义,可以定义多个站点但只有一个站点是当前站点定义站点步骤：“站点”|“编辑站点”|选中需要编辑的站点“编辑”|“高级”,2020/4/27,.,14,2020/4/27,.,15,输入或选中【站点名称】、【本地根文件夹】、【默认图像文件夹】,2020/4/27,.,16,添加站点：【编辑站点】对话框【新建】：输入站点名称和站点所在路径,2020/4/27,.,17,选中需要编辑站点步骤菜单栏【站点】【站点文件】或按F8,2020/4/27,.,18,【站点】对话框从工具栏【站点】下拉列表框中选中需要打开或编辑的站点,2020/4/27,.,19,1.2.3在站点中定义网页或文件夹,站点中添加网页站点|站点文件|文件|新建文件也可在【站点】对话框中用快捷方式Ctrl+Shift+N通常Index.htm文件作为一个站点的主页也有用：Default.htm的其它的网页和文件夹可以在网页制作中逐步添加添加文件夹同上注意：起名时候不宜使用中文作为文件名。,2020/4/27,.,20,2020/4/27,.,21,2020/4/27,.,22,主窗口中网页的“新建”、“打开”与“保存新建【文件】【新建】或用快捷键CtrlN,2020/4/27,.,23,2020/4/27,.,24,打开【文件】【打开】或用快捷键CtrlO,2020/4/27,.,25,选中需要打开编辑的网页,2020/4/27,.,26,保存网页“文件