表格标记<table> <table border="1"> <tr><td>精品课程</td><td>单位</td><td>负责人
国内课件多是再现书本知识的呈现式学习， 学生足不出户就可以通过多媒体技术的声音、图 像、色彩，更直观地了解许多课文的知识。虽然 课堂容量大，精美的界面能吸引学生，但学生仍 然在被动地接受，教师的教育没有发挥其主观能 动性。 如果只是让技术帮助“灌输”，技术应用仅 仅停留在如何将课件制作得精美，过多的考虑技 术帮助自己教，而不把主要的心思转移到如何 “设计学”的重心上来，这样的技术升级是“不 可能带来教育的变革，最多是教学效率的提高” 而已。
_blank：在新的浏览器窗口中打开链接 _parent：在父级框架或者包含该链接的框架窗
口中打开链接 _self：默认，在当前窗口中或与链接相同的框 架中打开 _top：在整个浏览器窗口中打开，并移除所有框
图像链接和图像映射
图像链接比文本链接更加形象，导航更明
确。
图像映射：使用热区制作工具在图像上设
品质－速度与外观的取舍；比例－是否考虑纵横比
背景颜色：设置开始和结束时的背景
Flash文本对象/按钮操作
添加背景音乐
插入\媒体\插件
切换到代码窗口，在代码<body>和</body>
之间添加<embed>标记。
<embed src=“sword.mid” hidden=true
更改页面标题 设置背景图像或颜色
注：背景图像会覆盖背景颜色
设置文本或链接的颜色 设置页面边距
Hale Waihona Puke 使用表格排版内容数据存放
用来显示数据内容
页面内容排版
实现网页的精确排版和定位
使用表格
插入表格 选取表格 属性设置 格式化表格 编辑表格
插入表格
选择插入栏的表格按钮，或者选择菜单中的“插 入”→“表格”命令，均可打开建立表格的对话框。
文件和文件夹的命名 不能使用中文 最好使用小写字母 不能使用特殊字符，如~、！、@、#、%、^、 &、*等 不推荐使用拼音命名 合理使用下滑线
网站首页命名：index.htm
创建网页文档
新建页面 设置页面属性 保存页面 预览页面 打开文档
设置页面属性
菜单“修改”|“页面属性”或右键“页面 属性”
网站制作
页面布局, 插入内容
通过技术手段将一台服务器虚拟成许多份， 在一台服务器上同时安装多个网站。
改变超链接样式, 预览效果
网站测试与发布
网站测试, 注册域名
FTP：文件传输协议 客户端软件： CuteFTP,FlashFTP,Dreamweaver
申请虚拟主机, 利用FTP上传网页
4.1.1 Dreamweaver制作网页
熟悉Dreamweaver8环境
创建站点 创建网页文档 使用表格排版内容 多媒体网页的制作 超链接的创建 框架网页制作
功能菜单
代码、设计、 拆分视图
工具栏
功能面板
状态栏
创建站点
创建本地文件夹
定义本地站点
文件目录命名规范
常用的网页制作工具
图形图像制作工具：Photoshop、Fireworks、 Freehand、CorelDraw。 网页 网页编辑工具：记事本、Dreamweaver、 三剑客 FrontPage、Visual Interdev。 网页动画工具：Flash、Swish、Ulead Gif Animator。 网页开发语言：ASP（）、JSP、PHP、 XML、Perl、CGI、JavaScript、VBScript等。 网页上传工具：CuteFtp、LeapFtp、FlashFTP
多媒体网页的制作
插入图像 插入Flash动画 插入音频
插入视频
插入图像
浏览器支持的图片格式：JPEG、 GIF、PNG。
必须先将插入的图像文件拷贝到本地站点文
件夹内，或者在插入图像的过程中系统提示 将图像文件拷贝到本地站点文件夹内，否则 浏览器无法显示。 本地文件夹内的图像文件名避免使用中文， 否则浏览器无法显示。
页面中的文本
插入及编辑文本：采用直接输入或粘贴
插入特殊字符：
“插入”面板/ “HTML”/“特殊字符”分类
换行：【Shift+回车】（代码为“<br >”），
段落：【回车】（代码为“<p> 字符串</p>”）。
空格：
【Ctrl+Shift+Space】（对应代码为“ ”) 在确保输入法处于“全角”模式时输入空格
置多个热区，每个热区都能链接到不同的 页面，实现热区与页面的一一对应。
邮件链接
用于用户与站点管理员进行交流，反馈问
题。 创建文本邮件链接：用“插入”面板上的 “电子邮件链接”按钮，或者在“属性” 面板中的“链接”域中输入“mailto:电子 邮件地址。
锚点链接
利用锚点链接可以跳转到页面中的指定位
框架网页制作
创建框架集 保存框架集 编辑框架网页 设置导航链接
创建框架集
框架工具栏
编辑框架
修改框架的大小
拖动框架分界线来调整大小
编辑框架
拆分框架
保存框架
要保存框架集文件，在框架面板或文档窗口中选择框架集。 （1）要保存框架集文件，请选择“文件”→“保存框架页”。 （2）要将框架集文件另存为新文件，请选择“文件”→“框架集 另存为”命令。
框架中的链接
其中各项的含义如下： _blank，在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 _parent，在显示链接的框架的父框架集中打开链接的文档，同时替换整 个框架集。 _self，在当前框架中打开链接，同时替换该框架中的内容。 _top，在当前浏览器窗口中打开链接的文档，同时替换所有框架。 mainFrame、leftFrame、topright、topFrame，指定要在哪个框架窗口中 打开相应的网页。
置或其他页面的指定位置 在指定位置插入锚点－“插入”面板\“命 名锚记”按钮；命名锚记 链接锚点
页内跳转：拖动或者在“链接”域中输入“#
锚点名称” 页间跳转：拖动或者在“链接”域中输入 “URL#锚点名称”
修改链接样式
默认的链接样式：蓝色文本加下划线，点击后变为紫色文本。 选择菜单命令【修改】/【页面属性】或在【属性】面板单击 【页面属性】按钮，打开【页面属性】对话框，选择【链接】 分类选项。
<img src="images/snoopy.gif">
Html语言
超链接标记<a> <a href="url">……</a> <a href="link.htm">链接到超文本文件</a> <a href="">曲阜师范大学
</a> <a href="mailto:qfnu@">给我发信</a>
属性设置
表格属性
单元格属性
编辑表格
编辑表格命令
表格的其他操作
为表格插入内容
表格的其他操作
嵌套表格
练习：插入表格
表格行数4，列数1 表格宽度800 第一行单元格插入图片 第二行单元格插入嵌套表格
1行，10列，边框0，单元格间距0，单元格填充0 嵌套表格添加导航文本
第三行单元格插入文本
4.1网络教育的技术基础
4.1.1 4.1.2 4.1.3 4.1.4 4.1.5
网站设计基础 动态网页技术 流媒体技术及应用 虚拟现实技术及应用
Web 2.0技术
网站设计流程
网站整体规划
用户需求分析:内容，功能，设计，技术 网站整体规划:栏目，功能，页面结构设计
搜集和准备素材
从开发平台、制作技术方面讲，我们与国外
教师之间的差距并不大。因为在信息技术，网 络技术如此便捷的今天，世界正变得越来越 ‘小’，不论是Microsoft还是Adobe等公司开 发的软件平台都是在全世界同步发行的，我们 的软件版本并不逊色他们，技术设备都不是决 定因素。这之间的最大的差距，也是最重要的 差距，就在于开发思想。
选择表格
选择对象是设置对象属性的前提 选择整个表格：先将插入点置于表格中，1.菜单 “修改”|“表格”|“选择表格”，2.单击标签栏中 <table>标签，3.单击表格边缘 选择行或列：把光标置于目标行的左边缘或目标列 的上边缘，单击黑箭头 选择单元格：先将光标置于单元格中，单击标签栏 中<td>标签或菜单“编辑”|“全选” 选择多个单元格：按住Shift键，选择多个相连的单 元格；按住Ctrl键，选择多个不相连单元格
练习：图片编辑
插入背景图片
插入页面图片
设置图片属性
改变图像大小：宽200，长200
设置图像与文字对齐方式：左对齐
图像边距：垂直边距20，水平边距20
插入Flash影片
先把Flash影片拷贝到站点目录下，然后插入 设置Flash影片属性
宽、高和重设大小
文件、源文件、编辑 循环、自动播放（否则IE中右键play）
HTML语言
HTML常用标记
背景颜色及背景图像
<body bgcolor="green" background="image/back.gif">
