完整版《网页设计与制作》课程教学大纲Word文档格式.docx
- 文档编号:22356380
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:16
- 大小:18.68KB
完整版《网页设计与制作》课程教学大纲Word文档格式.docx
《完整版《网页设计与制作》课程教学大纲Word文档格式.docx》由会员分享,可在线阅读,更多相关《完整版《网页设计与制作》课程教学大纲Word文档格式.docx(16页珍藏版)》请在冰豆网上搜索。
课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。
二·
课程教学目的与要求
以Dreamweaver的使用为主线,介绍网页制作的相关技术.使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;
掌握网页制作和站点的基本知识;
掌握站点的创建和网页的编辑;
掌握超链接、图像、CSS样式的使用;
掌握表格、框架、表单、多媒体对象的使用;
理解行为、模板、库、CSS布局的概念和使用;
理解HTML语言、网站的测试与的发布;
要求:
教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先"
的教学思路,教学内容应结合当前WEB技术的发展趋势,把握未来企业级WEB页面开发的发展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。
三、课程学时分配
章节
教学内容
理论教学学时
实践教学学时
其他(习题、大作业)学时
小计
实验
项目一
网页设计与制作基础知识
2
4
6
项目二
网站创建与管理
项目三
创建简单图文网页
10
项目四
为网页设置音视频和超链接
项目五
应用CSS设置网页样式
项目六
构建网页布局
项目七
在网页中应用表格
项目八
模板和库的应用
项目九
应用表单和行为
项目十
测试和发布网站
项目十一
创建移动设备网页
项目十二
综合应用——制作酒店网站
12
合计
36
72
四·
课程教学中应注意的问题
理论课讲解WEB页面开发的原理及方法,并在多媒体教师机上进行演示操作;
实验课在专业机房协助学生解决课上遗留问题,并安排学生进行实践操作巩固学习效果;
考核方法:
期终考试占40%,实验成绩20%,平时成绩和作业占40%.
五·
课程教学内容
项目一
学习目标
案例一
指出当当网主页的构成元素—-认识网页和网站
案例说明
相关知识
一、网页、网站和主页
二、网页的构成元素
三、网页的本质
案例实施
案例二
了解网页设计与制作岗位职责-—网页设计基础
一、网页颜色的选择与搭配
二、网页版式设计
三、网页尺寸
案例三
企业网站建设基本流程-—网站建设基础
一、Internet,IP地址和域名
二、WWW,URL,HTTP和浏览器
三、HTML与CSS简介
四、网站管理与网页制作相关软件
项目总结
项目二
调整DreamweaverCC2017工作界面——初识DreamweaverCC2017
一、启动DreamweaverCC
二、认识DreamweaverCC工作界面
设置企业网站栏目结构和目录结构
一、设计网站栏目结构
二、创建网站目录结构
创建企业网站本地站点-—站点基本操作
一、使用Dreamweaver创建和打开本地站点
二、使用Dreamweaver管理本地站点
案例四
为企业网站制作欢迎页面—-网页文档基本操作
一、网页文档基本操作
二、“文件”面板基本应用
拓展知识
一、网页文档和文件夹命名规则
二、HTML的标签构成
三、HTML网页文档的基本结构
课堂实训——创建鲜花导购网站本地站点
项目三
为企业网站新闻显示网页设置页面基本信息——设置网页基本信息
一、设置文档头信息
二、设置网页页面属性
为企业网站新闻显示网页设置文本内容——设置网页文本
一、添加普通文本
二、插入特殊符号
三、添加空格
四、添加与设置水平线
五、创建列表
列表在HTML中的表示
为企业网站新闻显示网页设置图像--设置网页图像
一、插入与编辑图像
二、插入鼠标经过图像
一、网页中可用的图像格式
二、图像在HTML中的表示
课堂实训——为鲜花导购网页设置文字和图像内容
项目四
制作音视频在线播放页面—-在网页中插入HTML5音视频
一、插入HTML5Audio
二、插入HTML5Video
三、插入并编辑插件
一、HTML5Audio和Video所支持的音频和视频格式
二、为网页设置背景音乐
为企业网站新闻显示网页设置超链接——设置超链接
一、超链接的含义和分类
二、设置常规超链接
三、设置热点链接
四、设置电子邮件链接
五、设置文件下载链接
六、设置图像链接
课堂实训——为“鲜花导购网页”设置超链接
项目五
为企业网站新闻显示网页设置整体样式——设置CSS样式(上)
一、CSS样式表简介
二、在页面中引入CSS样式表的几种方法
三、CSS中选择器的类型
四、设置布局样式
五、设置文本和段落样式
六、设置背景样式
七、盒子模型的概念
一、选择器的集体声明、嵌套与优先级
二、选择器的继承
为企业网站新闻显示网页设置页头样式—-设置CSS样式(中)
一、设置边框样式
二、标准流的概念
为企业网站新闻显示网页设置正文样式——设置CSS样式(下)
一、设置列表样式
二、margin使用注意事项
课堂实训-—为“鲜花导购网页”设置CSS样式
项目六
构建企业网站新闻列表网页整体布局-—浮动布局
一、Div基础
二、HTML5结构元素
三、float和clear属性
四、浮动布局的原理
五、常用的浮动布局方法
六、清除浮动对布局的不良影响
七、浮动布局应用技巧
一、构建HTML结构
二、设置CSS样式
制作企业网站新闻列表网页的页头部分
制作企业网站新闻列表网页的新闻中心栏目
制作企业网站新闻列表网页的集团要闻栏目
课堂实训——制作博客网站首页
项目七
创建2018世界杯亚洲区预选赛40强分组表—-构建和美化表格
一、创建表格
二、表格的HTML标签
三、使用CSS设置表格和单元格属性
制作化学实验分组表-—编辑表格
一、拆分与合并单元格
二、在表格中添加或删除行与列
三、使用CSS设置表格内边距和外边距
四、使用CSS合并表格边框
课堂实训--制作月历
项目八
创建并应用模板制作新闻显示页面——模板基本操作
一、创建模板
二、编辑模板
三、应用模板
四、管理模板
二、应用模板
创建并应用库项目制作新闻显示页面——库的基本操作
一、创建库项目
二、应用库项目
三、编辑库项目
二、应用库项目制作网页
项目九
应用表单制作“欢乐购”注册页面——应用表单和表单对象
一、表单基础知识
二、插入表单
三、插入表单元素
应用行为为学校网页添加弹出框-—应用行为
一、认识行为
二、“行为”面板
三、应用行为
四、编辑行为
项目十
检查和测试企业网站-—测试网站
一、检查网页链接
二、修复网页链接
申请域名和虚拟空间——域名和虚拟空间
一、域名
二、虚拟空间
发布企业网站——发布网站
一、连接服务器
二、上传网站
三、下载网站
四、使用扩展“文件"
面板管理文件上传和取回
项目十一
案例
创建“不一样的北京”移动设备网页—-使用jQueryMobile
一、初识jQueryMobile
二、创建jQueryMobile页面
三、jQueryMobile页面结构
四、使用jQueryMobile组件
五、使用jQueryMobile主题
一、新建文档
二、制作主界面
三、制作子页面
项目十二
综合应用-—制作酒店网站
站点规划和创建
制作网站首页
一、搭建页面整体框架
二、制作网页头部
三、制作“会员登录”模块
四、制作“客房预订"
模块
五、制作“酒店新闻”模块
六、制作网站信息区
制作网站子页
撰写人:
审核人:
学院院长:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 完整版 网页 设计 制作 课程 教学大纲