单元4 专题网站的设计制作

1、多媒体课件与专题网站的设计制作 现代传媒学院教育技术教研室专题学习网站的创建4.2 专题学习网站的创建1.主要内容预备知识动态网站与静态网站优秀网站赏析网页设计软件网页设计语言Dreamweaver工作环境专题网站建设一般流程框架网页制作2.教学方法：（1）自主学习（2）分组讨论，合作学习（5个人一组）3.教学资源：（1）教材（2）教学课件4.目标要求：可以通过回答以下问题来检测能否达到学习效果。（1）什么是专题学习网站？（2）专题学习网站的特点有什么？（3）专题学习网站有哪些类型？（4）专题学习网站由哪几部分构成？（5）用Dreamweaver制作专题学习网站的简单流程多媒体课件与专题网站的

2、设计制作 现代传媒学院教育技术教研室专题学习网站的创建教学PPT动态网页与静态网页什么是动态网页？动态网页与静态网页的区别？动态网页与静态网页的请求过程动态网页与静态网页优秀网站赏析公司类海尔集团 海尔集团 产品中心 海尔与奥运红太阳集团 / 旅游类携程旅行网体育类中国体育资讯网/教育培训类新东方教育集团 校园频道 考试频道购物网站当当购物网个人网站中国学生网 学生空间 日记 木叶之家专题网站建设流程确定网站主题主题明确，忌“杂货铺”个人特色，忌主题过大健康合法网站整体规划树状结构收集资料和素材文本动画自己拍摄制作设计网页图像网站标志、网站色彩、网站字体、网站宣传广告网站首页版面、色彩图像、动

3、画图标、Banner菜单版权说明网站建设一般流程制作网页结构：先大后小内容：先简单后复杂开发动态网站模块搜索功能留言板新闻信息发布系统在线购物网站建设一般流程申请域名短、意义简单常用稀有、不可替代申请服务器空间虚拟主机方式独立服务器发布与上传FTP工具Dreamweaver站点管理网站建设一般流程后期更新与维护更新网页目录管理外观及广告更新网站推广交换链接注册搜索引擎广告链网页设计软件与语言软件网页编辑排版软件Dreamweaver网页图像制作软件Photoshop网页动画制作软件FLASH语言超文本标记语言HTML网页脚本语言JavascriptDreamweaver工作环境起始页工作窗口三

4、种视图网页制作过程新建网页保存网页预览网页修改网页站点新建站点管理站点文件夹及文件使用框架布局网页：Why&When?网页中固定的部分：导航栏、标题等网页中经常更新的部分：正文如何减少重复工作？案例演示创建框架两种方法下拉菜单下拉菜单中文件新建框架集在右边选择框架结构插入面板选择插入面板中“框架”在弹出框架结构列表中选择添加内容光标置于框架内举例：光标置于顶部框架内插入表格设置表格大小与背景图片相同设置表格背景插入嵌套表格设置表格对齐方式为底部、左端插入文本保存框架框架组文件及一组框架文件 文件保存全部弹出“保存为”对话框根据阴影框判断保存的对象最好按照框架的位置来给文档命名选择框架及框架组选

5、择一个框架按下Alt，在欲选择的框架内单击鼠标左键窗口其他框架，在框架面板中选择选择框架组鼠标指针经过框架边框，出现上下箭头；单击整个框架组的边框“框架”面板（打开方法：窗口其他框架）中单击框架组的边框如何查看框架代码？代码视图选择框架组的同时，切换到代码视图代码分析框架属性属性框架名称：作为链接指向的目标（target=？）源文件：框架中页面文件来源边框其中，“默认”项由浏览器端的设置决定边框颜色框架属性不能调整大小在浏览器中是否可以手动改变大小边界高度边界宽度滚动自动:根据内容是否能完全显示而自行调整框架组属性框架组属性边框、边框宽度、边框颜色单位：行、列尺寸的单位像素（大小固定），浏览器优先分配百分比：所选框架大小在整个框架组的百分比，比“像素”后分配，比“相对”先分配相对，其余两种分配完毕的剩余空间编辑框架拆分框架光标置于框架内，选择插入面板框架光标置于框架内，修改框架页拆分上框架编辑并保存新框架设置框架和框架组的滚动条改变框架大小改变框架尺寸上下结构的框架组，行值左右结构的框架组，列值单位：像素、百分比、相对与框架有关的链接链接目标页内链接如何实现的？普通文档中的链接目标？链接目标指向某一框架查看框架名称可在高级布局框架中查看在链接目标出选择框架名称总结与作业学完本课：理解框架的用