网站外观设计与内容编辑详述.ppt

通过本章的学****主要掌握以下知识点:Dreamweaver简介站点的规划与设计站点的管理网页编辑与超连接网页定位技术层叠样式、模板与库表单与应用2020/3/、代码开发、网站创建和管理于一体的软件。DreamweaverMX不仅可以轻松设计网站前台的页面,而且也可以方便地实现网站后台的各种复杂功能。2020/3/272启动DreamweaverMX后,屏幕显示的是工作区窗口,此时系统打开一个名为Untitled的空白文档,在网页文件编辑区中,设计者可以完成网页的设计。工作区窗口各部分功能如下所述。DreamweaverMX的工作环境2020/3/273标题栏菜单栏文档工具栏网页文件编辑区状态栏浮动面板和浮动面板组【插入】面板【属性】面板2020/3/:(1)规划站点:了解建站的目的,收集各种有关的资料。确定站点的主题、风格、网站要提供的服务和网页要表达的主要内容。(2)创建站点的基本结构:在计算机中创建本地站点的根文件夹以及存放各种资料的子文件夹,配置好所有系统的参数和站点测试路径。(3)网页设计:充分利用收集到的数据资料,合理地运用DreamweaverMX提供的技术,最完美地设计出能表达网站中心思想的Web页面。2020/3/276规划站点“Dreamweaver站点”和“web站点”不完全相同。“Dreamweaver站点”是在Dreamweaver制作网页的过程中所使用的术语,是定义一个站点名称、存放文件的文件夹、使用的Web服务器和应用服务器技术等。“Web站点”的web服务器上供用户浏览,即运行系统的web服务器上的站点。Web站点的过程。2020/3/277有两种:一是使用“站点定义向导”,这可以根据提示逐步完成设置过程;二是使用“高级”设置,可以根据需要分别设置本地、远程和测试文件夹。设置Dreamweaver站点的方法2020/3/“站点”-〉“编辑站点”,出现“站点管理”对话框,在对话框中可以定义多个站点。新建站点操作如下:1)单击“新建”-〉“站点”,出现站点定义对话框2)单击“基本”选项卡以使用站点定义向导,或者单击“高级”选项卡以使用“高级”设置。2020/3/279建站过程中要注意一点:所有站点名称和素材名称只能用英文,不能用中文,因为DreamweaverMX对中文的解析不是很好,如果用中文会出现解析问题。2020/3/2710