第1章 网页设计入

第1章网页设计入门主讲人:1.1关于网页设计1.1.1静态网页静态网页的概念是标准的HTML文件，其文件扩展名是.htm或.html。它可以包含HTML标记、文本、Jave小程序、客户端脚本、以及客户端ActiveX控件。静态网页的工作流程浏览器向Web服务器发送一个页面请求Web服务器获取适当的HTML文件Web服务器将HTML文件发送到客户端的浏览器1.1关于网页设计1.1.2动态网页动态网页的概念动态网页中包含的某些脚本只能在Web服务器上运行，当Web服务器接收到对动态网页的请求时，它将做出不同的反映.动态网页的工作流程浏览器向Web服务器发送一个页面请求Web服务器将该页面传递给相应的应用程序服务器服务器上执行该页面的脚本命令最终完成页面应用程序服务器将所生成的页面传递回Web服务器Web服务器将该页面发送到浏览器1.1关于网页设计1.1.3常见的网页格式HTML:是用于向网络浏览器解释网页内容的编码，是网页存储时所使用的文件格式ASP:动态服务器网页,有较高的安全性，控制和使用数据库更容易.JSP:用于生成动态网页CSS:层叠样式表（CascadingStylesheet）,用于规范和统一网页格式1.1关于网页设计1.1.4网页设计的基础知识文字、图片、符号是构成网页的信息要素

点、线、面、色彩是构成网页的设计要素网页的整体设计就是要综合考虑各设计要素对立或平衡，将各部分视觉要素在页面内进行合理规划1.2认识DreamweaverDreamweaver是由美国Macromedia公司开发的一款专业可视化网页开发工具。支持多种浏览器，可跨平台开发网页，实现了可视化动态HTML编程，具有使用简便，可扩充性强性的特点，是目前大多数的网页开发人员所使用的网页开发工具1.3认识工作区首次运行Dreamweaver会弹出“工作区设置”对话框，用于选择工作区布局的设置.1.3认识工作区1.3.1标题栏标题栏中显示了当前软件的名称，即“Dreamweaver”，同时显示了当前正在编辑的文件名称。与Windows其他应用程序一样，标题栏的右端有3个按钮，从左往右分别为：【最小化】按钮、【最大化】按钮和【关闭】按钮。1.3认识工作区1.3.2菜单栏菜单栏位于标题的下方，提供了全面的Dreamweaver命令包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助10组不同功能的指令菜单1.3认识工作区1.3.3“插入”工具栏“插入”工具栏中汇集了网页中插入元素时所需的对象按钮，可以很轻松地加入图像、声音、多媒体影片、表格、层、框、表单等网页元素1.3认识工作区1.3.4“文档”工具栏“文档”工具栏中汇集了各种常用的工具，如视图切换（如设计视图和代码视图）、各种查看选项和一些常用操作（如浏览器中预览）1.3认识工作区1.3.5文档窗口文档窗口中显示了当前正在编辑的文档内容，这是我们编辑和制作网页的主要的工作区域。Dreamweaver提供了三种视图方式来进行网页的查看，包括:设计视图代码视图拆分视图。1.3认识工作区1.3.6标签选择器显示当前选定内容的标签的层次结构。单击标签可以选择该标签及其全部内容。用于显示和选定文本或对象。简单地讲“标签选择器”用来提供便捷地选定HTML标签的方法。1.3认识工作区1.3.7“属性”面板“属性”面板可以用来检查和编辑当前选定的页面元素（如文本和插入的对象）的最常用属性。“属性”面板中的内容根据选定的元素不同而有所不同.1.折叠或展开“属性”面板2.显示或隐藏“属性”面板1.3认识工作区1.3.8面板组Dreamweaver8保留了许多重要的浮动控制面板功能，使用了更容易控制、更为方便的显