zoukankan      html  css  js  c++  java
  • 网页制作基础及HTML教学模块安排

    01
    网页设计及HTML简介
    在制作网页前,需要了解互联网基础知识,熟悉网页和网站的基本概念及网页的工作原理,悉HTML的基本知识。了解网页制作相关技术,认识HTML、CSS、JavaScript三个层次的网页设计思路
    课时
    单元1-1 万维网概述(1课时)
    单元1-2 网页设计相关概念(1课时)
    单元1-3 网页制作相关技术(1课时)
    单元1-4 HTML文档的基本结构和基本语法(2课时)
    02
    创建与管理站点
    学会创建本地站点和管理本地站点;熟悉Dreamweaver CC的工作界面;熟悉浏览器窗口的基本组成和网页的基本组成元素;认识网页的基本布局结构
    课时
    单元2-1 认识DreamweaverCC的工作界面(1课时)
    单元2-2 创建与管理站点(2课时)
    03
    制作文本网页
    网页中的信息主要是通过文字来表达,文字是网页的主体和构成网页最基本的元素,它具有准确、快捷地传递信息、存储空间小、易复制、易保存、易打印等优点;其优势很难被其他元素所代替。
    课时
    单元3-1 文字与段落(1课时)
    单元3-2 网页的整体属性设置(1课时)
    单元3-3 制作包含列表的文本网页(2课时)
    04
    制作图文混排网页
    图像不但能美化网页,而且能够更直观地表达信息。网页中文字和图片具有一种相互补充的视觉关系。在页面中恰到好处地使用图像,能够使网页更加生动、形象和美观。
    课时
    单元4-1 制作图文混排网页 (4课时)
    05
    制作表格布局的网页
    表格能够有序地排列数据。此外,制作网页时经常借助表格进行布局,通过设置表格及单元格的属性,对页面的元素进行准确定位。灵活地使用表格的背景、边框等属性,可以得到更加美观的效果。
    课时
    单元5-1 表格的标签及属性(2课时)
    单元5-2 制作以表格布局的网页(4课时)
    06
    在网页中建立各种超链接
    通过超链接,把Internet上的众多的网站和网页联系起来构成一个有机整体。在Internet上浏览,实际上就是通过在页面上单击链接,从当前页面跳转到另一个页面。所以没有超链接,网络世界就不会如此精彩纷呈、四通八达。
    课时
    单元6-1 在网页中建立各种超链接(4课时)
    07
    制作表单网页
    表单(Forms)是web浏览器(即Web用户)和Web服务器之间实现信息交流和传递的桥梁。
    课时
    单元7-1 表单结构及表单对象(2课时)
    单元7-2 制作一个表单网页(2课时)
    单元7-3 实现表单网页的功能(2课时)
    08
    使用CSS布局与美化网页
    层叠样式表(cascading style sheet,CSS)是网页排版的精髓所在,几乎所有漂亮的网页都使用了CSS。
    课时
    单元8-1 网页页面的布局设计(1课时)
    单元8-2 创建网页整体布局样式(1课时)
    单元8-3 创建网页局部布局样式(1课时)
    单元8-4 使用DIV+CSS布局网页(1课时)
    单元8-5 使用CSS美化网页元素(1课时)
    单元8-6 各区块中添加网页元素(1课时)
    09
    使用模板和库制作网页
    利用模板和库,可以快速创建风格一致的网页,维护站点更轻松。
    课时
    单元9-1 创建库项目和网页模板(1课时)
    单元9-2 定义模板的的可编辑区域和可选区域(2课时)
    单元9-3 创建基于模板的网页(1课时)
    10
    综合网站制作案例
    综合应用前面学习的知识,设计制作一个完整的网站,并对该网站进行测试发布。
    课时
    单元10-1 班级网站的规划与设计(2课时)
    单元10-2 班级网页设计与制作(2课时)
    单元10-3 班级网站的测试与发布(2课时)
    参考资料

    1. 网页设计与开发——HTML、CSS、JavaScript实例教程(第3版),郑娅峰 张永强,清华大学出版社,2016。

    2. 网页设计与制作任务驱动式教程(第2版/第3版),陈承欢,高等教育出版社,2013/2017。

    3. 网页设计与制作实用教程(第3版),刘艳丽,高等教育出版社,2015。

    巴中市职业中学罗海老师
  • 相关阅读:
    HDU-Digital Roots(思维+大数字符串模拟)
    CodeForces
    ZOJ-Little Sub and Pascal's Triangle(思维规律)
    CodeForces
    POJ
    CodeForces
    Codeforces Beta Round #87 (Div. 2 Only)-Party(DFS找树的深度)
    vue中的一个 Echarts 和 点击事件
    vue中echarts引入中国地图
    跨域 同源 协议 端口 域名
  • 原文地址:https://www.cnblogs.com/bzluohai/p/13233794.html
Copyright © 2011-2022 走看看