网页设计 第1章new.ppt

（4）创建页面 自顶向下的设计方法 自底向上的设计方法 螺旋线设计法 （5）测试站点 （6）发布站点 （7）维护、更新站点 网页设计软件 Dreamweaver是目前使用最多的网页设计软件。 图像处理软件 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。 动画制作软件 网页动画制作中最常用的软件非Flash莫属。 使用Dreamweaver 8制作网页之前，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。 1启动Dreamweaver 8 2新建空白HTML网页 3保存网页文档 4预览网页效果 5退出Dreamweaver 8 选择[开始] ?[所有程序] ?[Macromedia] ?[Macromedia Dreamweaver 8菜单命令 选择[文件] ?[新建]菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。 选择[文件]?[保存]菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。 选择[文件]? [在浏览器中预览]? [IExplore 6.0]菜单 命令在IE浏览器中 预览网页文档的效 果。 单击Dreamweaver 8窗口右上角的“关闭”按钮。 单击Dreamweaver 8窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。 在Dreamweaver 8窗口中选择[文件]?[退出]菜单命令。 在当前窗口为Dreamweaver 8工作界面时，按【Alt+F4】键退出Dreamweaver 8。 标题栏 菜单栏 文档工具栏 文档编辑区 网页标签 纵向扩展按钮 浮动面板 横向扩展按钮 标签选择器 属性面板 垂直标尺 水平标尺 插入栏包含用于创建和插入对象的按钮。该栏中有8个按钮组，单击某个按钮组中的按钮可在界面中插入相应的对象。 若要重新以菜单形式显示插入栏可单击标签形式的插入栏右上角的 按钮。 单击该按钮可切换到“代码”视图中。“代码”视图是用编写和编辑HTML、JavaScript、服务器语言代码如Microsoft Active Server Page(ASP)或ColdFusion标记语言以及任何其他类型代码的手工编码环境。 单击该按钮可切换到“设计和代码混合”视图中。在该窗口中可同时看到同一文档的“代码”视图和“设计”视图。 单击该按钮可切换到“设计”视图中。“设计”视图是用可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中显示文档的完全可编辑的可视化表示形式，类似于浏览器中查看页面时看到的内容。 单击该按钮，在弹出的菜单中选择“预览在IExplore6.0”命令或直接按［F12］即可在浏览器中查看当前设计网页的效果。 单击该按钮可以刷新当前网页，主要用于修改网页后预览效果的情况。 伞晓辉 信息技术学院网络工程教研室 sanxh065@ 课程总学时数：32学时 参考教材：中文版Dreamweaver 8网页设计培训教程 导向科技 编著 人民邮电出版社 1.1课堂讲解 1.2上机实战 1.1.1什么是网页和网站 1.1.2网页的分类 1.1.3网页中的常用术语 1.1.4网页设计的相关知识 1.1.5认识Dreamweaver 8 1.1.6Dreamweaver 8的基本操作 1.1.7Dreamweaver 8工作界面介绍 1什么是网页 2什么是网站 网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。 网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面 。 门户网站 一种包含很多功能的页面，能够满足用户所需的各方面网络资源。 职能网站 具有专门的功能。 专业网站 这类网站的专业性非常强，只涉及网上资源的某一领域。 个人网站 这类网站是用户以个人名义在Internet上建立的站点。 1按所处位置分类 2按表现形式分类 按网页在网站中所处的位置可将网页分为主页和子页两类。