网络课程设计与开发 网页设计与制作教程（第3版） 教学课件.pptVIP

二、网络课程开发通用工具 图形图像制作工具：Photoshop、Fireworks、Freehand、CorelDraw。 网页编辑工具：记事本、Dreamweaver、FrontPage。 网页动画工具：Flash、Swish、Ulead Gif Animator。 网页开发语言：ASP（ASP.NET）、JSP、PHP、XML、Perl、CGI、JavaScript、VBScript等。 网页上传工具：CuteFtp、LeapFtp、FlashFTP 三、Dreamweaver基本操作 Macromedia公司，1999年推出网页三剑客：Flash、Firework、Dreamweaver，2003年推出界面友好的MX版。 2006年推出了Dreamweaver 8。目前为Adboe Dreamweaver 9.0 Dreamweaver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 三种工作方式：手写代码方式、所见即所得的页面编辑方式、二者结合 1.编辑环境 工作界面 标题栏 菜单栏 插入工具栏 文档窗口：代码、拆分、设计 属性面板 操作面板区 2.站点的创建 新建站点方法： 菜单：站点新建 或 站点站点管理新建 站点名称 技术设定：不使用动态程序 设定文件存储位置，如d:\myweb 连接远程服务器：无 完成 3.创建新文档 创建新文档：文件新建 HTML页面：选择“HTML”、“基本页” 从范例创建：选择“入门页面”，选择一种范例 保存：.html 或 .htm 4.页面属性的设置 方法： 修改属性 属性面板“页面属性”按钮 页面标题 背景图片或颜色 页面边距 背景音乐 5.文本的输入与编辑 （1）直接输入文字 回车：Enter p/p 换行：Shift+Enter br （2）使用剪贴板 复制粘贴：Ctrl+C、Ctrl+V （3）空格的输入：输入法切换到全角 （4）编辑： 字体格式 字号 字体颜色 字体类型 6.插入水平线 插入的两种方法： 插入|HTML|水平线 插入工具栏HTML类别插入水平线按钮 修改水平线的属性 宽度、高度、对齐方式、阴影 颜色：切换到代码视图手动设置 hr color=“green” 7.设置滚动字幕 代码视图手动书写代码marquee……/marquee 如： marquee欢迎您光临《现代教育技术》课程网站/marquee 8.使用表格进行内容排版 创建表格： 插入工具栏【常用表格】 菜单【插入表格】 表格属性： 行数、列数、表格宽度： 单元格边距、间距： 背景颜色、背景图片 表格嵌套 合并与拆分单元格 9.图像的插入与编辑 插入图像的方法： 菜单【插入图像】 插入工具栏【常用图像】 图像属性 宽和高： 源文件： 链接： 对齐： 替代： 垂直边距与水平边距： 目标 边框 10.超链接的创建 文字链接 图片链接 本地链接：网页文件、图片文件、其他文件 外部链接：网址 其他链接：email 目标： _blank：表示新开一个窗口打开链接文件。 _parent：表示在当前窗口的父窗口打开链接文件。 _self：默认值，表示在当前窗口打开链接文件。 _top：表示在整页窗口打开链接文件，在框架网页中使用。 设置超链接的样式： “修改页面属性链接” 设置内容： 链接颜色：表示未访问过的超链接颜色 已访问链接：表示访问过后的超链接颜色 变换图像链接：表示鼠标移动超链接上方时的颜色 活动链接：表示超链接被激活 下划线样式： 11.命名锚记 命名锚记：页面内的超级链接，Anchor，锚，命名锚记 创建方法： 定义命名锚记 插入超链接 链接到另一页面的命名锚记：文件名#命名锚记名称 12.图像映射 图像映射：把一图像划分为几部分，定义不同的超连接，或称为热区 创建热点工具：矩形、圆形、多边形热点 13. FLASH动画的插入 Flash文件 Flash文本对象 Flash按钮 14.音频和视频的插入 插件：mp3、asf、rm ActiveX控件：rm、avi、asf ActiveX控件播放rm文件 视频窗口： Src：文件地址 Controls：imagewindow Autostart：true或-1 自动播放 false或0 不自动播放 Console：clip1，同步参数 Loop：-1 循环播放 0 不循环 播放器面板： Src：文件地址 Controls：controlpannel Autostart：true Console：clip1 15.鼠标经过图像和导航条 鼠标经过图像 导航条 16.表单页面 (1)插入方法： 插入表单