網页设计与制作大纲.docVIP

《网页设计与制作实训教程》大纲 一、课程的地位与性质 “网页设计与制作”是高职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 二、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配 章 课　　程　　内　　容 课 时 小计 讲授 实验 案例 其他 1 Intelnet和www 6 6 0 0 0 2 HTML基础 8 0 8 0 0 3 网页规划和网页设计 6 0 6 0 0 4 网页制作与编程工具 4 0 4 0 0 5 建立本地站点 4 0 4 0 0 6 制作第一个网页 4 0 4 0 0 7 表格及其应用 4 0 4 0 0 8 CSS基础及应用 4 0 4 9 框架基础及应用 4 0 4 10 行为及应用 2 0 2 11 层与动画 4 0 4 12 JavaScript编程基础 6 0 6 13 实例网站制作 4 0 4 14 复习 2 2 0 合　　计 62 8 54 四、教学内容 第一章 概述 6学时 教学目的： 掌握HTML的基本语法、学会用HTML编写简单网页。 教学重点与难点： HTML的基本语法、HTML的主要标记、表格标记及其属性、超级连接标记。 第一节 Internet简介 一、Internet的历史 二、Internet的网络结构 三、Internet的应用 第二节 Internet的IP地址与域名 一、IP地址及结构 二、IP地址分类 三、IP地址的特殊属性 四、域名系统 第三节 Web站点和网页 一、Web站点和网页 二、Web的运行机制 第二章 HTML基础 8学时 教学目的： 掌握HTML的基本语法、学会用HTML编写简单网页。 教学重点与难点： HTML的基本语法、HTML的主要标记、表格标记及其属性、超级连接标记。 第一节 HTML简介 一、HTML的特点 二、HTML的基本框架 第二节 HTML编程入门 一、HTML程序结构 二、编写一个简单网页 第三节 常用HTML标记 一、文本相关标记 二、图片的HTML标记 三、层的HTML标记 四、滚动标记 第四节 列表标记 一、无序列表 二、有序列表 三、定义列表 第五节 表格标记和属性 第六节 超级连接 一、程序编写步骤 二、程序清单 第七节 支持多媒体 一、插入音乐文件 二、插入视屏文件 第三章 网站规划和网页设计 6学时 教学目的： 掌握网页设计、网站规划的基本方法。 教学重点与难点： 网站规划、网站内容组织和导航、网页色彩设计、网页版面设计 第一节 网站规划 一、网站内容规划 二、题材的选择与定位 第二节 网站创意和风格 一、设计创意的获得 二、确定网站风格 三、网站内容组织 第三节 页面内容设计 一、页面整体视觉效果 二、页面内容编排 第四节 信息结构和导航设计 一、网站的信息结构 二、网站导航设计 第五节 网站首页设计 一、确定网站首页功能模块 二、设计首页的版面 第六节 网页色彩 一、色彩的视觉效果 二、页面色彩搭配 三、HTML的色彩属性值 第四章 网页制作与编程工具 4学时 教学目的： 掌握Dreamweaver MX工作区、菜单的基本使用方法。 教学重点与难点： Dreamweaver MX开发环境的界面布局与基本操作。 第一节 Dreamweaver MX网页开发环境 一、选择工作区 二、工作区窗口 三、面板组和属性检查器 四、编辑代码和视图切换 第二节 其他相关工具 第三节 图片处理基础 一、网页图像文件格式 二、图片的Web格式 第五章 建立本地站点 4学时 教学目的： 掌握在Dreamweaver中建立和维护站点的方法 教学重点与难点： 在Dreamweaver中建立站点并维护站点 第一节 网站文件结构 一、网站名称 二、设计站点结构 第二节 在Dreamwe