网页设计_计算机软件及应用_IT计算机_专业资料.pptVIP

“Dreamweaver网页设计”是计算机网络技术专业和计算机信息管理专业（专科）的一门统设必修课。 课程教学总学时16学时，5学分。其中授课8学时，实训8学时。 考核形式 采用形成性考核与终结性考核相结合的方式。 实训内容与要求： 实训1? 基本网页设计 建立站点 ，进行网站栏目设计、版面设计 ，建设一个简单的网站首页。 实训2? 在网页中插入导航条 正确设置导航条 ，正确设置导航条的属性 ，进行普通网页的设计 实训3 在网页中插入多媒体内容 在网页中插入Flash动画，在页面中插入音频文件 ，在页面中插入视频文件 实训4利用表格进行网页排版 利用表格规划网页布局的方法 ，表格的嵌套 实训5 ?应用CSS样式表对网页进行排版 正确设置CSS样式表 实训6? 使用层进行网页的排版和布局 使用层进行网页排版，使用层进行网页布局 实训7? 在网页中应用模板并设计一个个人网站 网页中建立模板并使用模板，建立一个简单的个人网站 　 黎璐琳 联系方式 QQ 办 公 室： 十二楼1202办公室 要求： 1、在中央电大、新疆电大、巴州电大网站上进行自学挂课，每周不少于2小时； 2、在巴州电大网站论坛里发帖（每人不少于一个）； 3、本课程结束前以电子版形式上交实训作业。 本节课主要内容 网页设计软件介绍 Dreamweaver软件的操作界面 站点操作 Metal元素设置 简单文本页面介绍 图文混排页面介绍 一、网页设计软件： “插入”栏 包括对9类对象的控制： 常用、布局、表单、文本、HTML、应用程序、Flash元素、收藏夹、显示为制表符 “文档”工具栏 （1）单击“代码”按钮，当前窗口转变为“代码”视图方式，可以查看和编辑HTML源代码。 （2）单击“拆分”按钮，当前窗口转变为代码视图和设计视图共存方式，在窗口中同时显示源代码和页面效果。 （3）单击“设计”按钮，当前窗口转变为设计视图方式。 （4）单击“无标题文档”处，在该域中可修改当前文档的标题。 （6）单击“ ”按钮，可以对文件进行上传、下载等一系列操作。 （7）单击“ ”按钮，可以选择如下操作： 预览在iexplore：在浏览器中浏览当前文档。 编辑浏览器列表：选择此选项可打开“首选参数”对话框。通过它可以指定当前文档的浏览器。 首选参数”对话框 （8）单击“ ”按钮，可在站点窗口中刷新文件列表。 （9）单击“ ”视图选项按钮，可隐藏和显示网页中的元素，如标尺、网格等。 显示标尺和网格也可通过“查看”菜单来设置。 面板组 面板组 是分组在某个标题下面的相关面板的集合。若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边缘的手柄。 属性检查器 也就是属性面板，它用于查看和更改所选对象或文本的各种属性。 每种对象都具有不同的属性。当选择页面中的元素时，在文档窗口的下方出现该元素的属性面板，不同性质的元素会产生不同的属性面板。 如果没有出现属性面板，可从“窗口”菜单中选择“属性”将其打开。一般情况下，在属性面板中显示此元素的常规属性，点击面板右下角的小三角按钮，可打开扩展属性面板 。 “状态”栏 状态栏提供与正创建的文档有关的其它信息。 （1）标签选择器：显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。比如：单击 body 可以选择文档的整个正文。 （2）窗口大小：弹出菜单（仅在“设计”视图中可见）用来将“文档”窗口的大小调整到预定义或自定义的尺寸 “文件”面板 可以管理文件和文件夹，无论它们是 Dreamweaver 站点的一部分还是在远程服务器上。使用“文件”面板还可以访问本地磁盘上的全部文件，非常类似于 Windows 资源管理器 。 Dreamweaver 提供了多种此处未说明的其他面板、检查器和窗口，例如“CSS 样式”面板和“标记检查器”。若要打开 Dreamweaver 面板、检查器和窗口，请使用“窗口”菜单。 三.站点操作 建立站点是网站设计的第一步。 设计网页时，首先应在本地文件夹中建立本地端站点，以方便对文件的操作与管理，确保网站设计有条不紊地进行： 1. 创建站点 2. 管理本地站点 3. 发布站点 1.建立站点 首先在本地磁盘上制作网站，上后上传到Internet的