项目一  网页制作基础知识

项目描述

学习目标

项目分析

任务一  了解网页制作基础知识

任务描述

知识讲解

一、网站开发基础

二、认识网站和网页

三、网页配色基础知识

四、网站开发流程

五、网站管理与网页制作相关软件

任务实施——欣赏优秀网站

任务二  创建“石市科干院”站点及欢迎首页

任务描述

知识讲解

一、Dreamweaver CS6简介

二、启动Dreamweaver CS6

三、Dreamweaver CS6工作环境简介

四、网站站点相关操作

五、网页文档基本操作

任务实施

一、创建“石市科干院”网站站点

二、制作“石市科干院”网站欢迎首页

项目总结

项目考核

拓展训练

项目二  网站的规划与创建——制作“石市科干院”网站规划书并建立站点

项目描述

学习目标

项目分析

任务一  制作网站规划书

任务描述

知识讲解

任务实施——制作“石市科干院”网站规划书

实战演练

任务二  制作网站栏目结构

任务描述

知识讲解

任务实施——制作“石市科干院”网站栏目结构

经验技巧

任务三  制作网站目录结构

任务描述

知识讲解

任务实施——制作“石市科干院”网站目录结构

任务四  创建本地站点并管理

任务描述

知识讲解

任务实施——为“石市科干院”网站创建本地站点

经验技巧

任务五  利用“文件”面板创建文件夹和网页文档

任务描述

任务实施

一、为“石市科干院”网站创建文件夹

二、为“石市科干院”网站创建主页

经验技巧

项目总结

项目考核

拓展训练

项目三  添加网页对象——制作贸易公司网站网页

项目描述

学习目标

项目分析

任务一  制作“公司简介”“人才招聘”等子页——设置网页文本

任务描述

知识讲解

一、设置网页页面属性

二、设置网页“关键字”

三、添加普通文本

四、添加特殊符号

五、添加空格

六、添加与设置水平线

七、创建列表

任务实施

一、制作“公司简介”网页

二、制作“人才招聘”网页

实战演练

一、制作“公司动态”网页

二、制作“联系我们”网页

经验技巧

一、网页中文本的使用原则

二、网页中水平线颜色的设置

任务二  制作“产品中心”“招商加盟”子页——添加网页图像

任务描述

知识讲解

一、添加图像

二、设置图像属性

三、图像占位符

四、鼠标经过图像

任务实施

一、新建站点

二、新建“cpzx.html”网页文档

三、在页面中插入表格

四、插入公司Logo

五、插入导航图像

六、插入产品广告图像及分隔图像

七、插入“服务项目”图像及背景图像

八、插入“公司优势”图像及背景图像

九、插入“产品中心”图像

十、制作“系列产品”部分

十一、制作“名牌产品”部分

十二、制作页脚部分

十三、设置文字CSS样式

实战演练——制作“招商加盟”网页

一、网页中图像路径的选择

二、插入图像的快捷方法

三、图像素材命名

四、使用代码为单元格设置背景图像

任务三  制作贸易公司网站首页

任务描述

知识讲解

一、插入Flash动画

二、添加Flash FLV

三、添加插件

四、添加背景音乐

五、添加JavaScript特效

任务实施

一、准备工作

二、在Dreamweaver中创建站点

三、新建“index.html”网页文档

四、设置“index.html”网页页面属性

五、在页面中插入文本和图像

六、在网站“首页”中添加Flash动画

七、在网站“首页”添加图片无缝滚动效果

实战演练

任务四  完善贸易公司网站

任务描述

知识讲解

一、超链接的含义

二、超链接的分类

三、设置链接属性

四、设置文本超链接

五、设置图像超链接

六、快速创建站点内部超链接

七、设置超链接“目标”选项

八、设置锚点链接

九、设置电子邮件链接

十、文件下载链接

十一、设置空链接

任务实施

一、完善公司网站首页

二、为“人才招聘”网页添加文件下载链接

三、为“产品中心”网页添加锚点链接

四、为“联系我们”网页添加电子邮件链接

实战演练

一、制作“公司简介”等网页的站内链接

二、制作“公司简介”等网页的站外链接

项目总结

项目考核

拓展训练——制作个人博客网站

项目描述

网页设计

项目四  网页布局——制作企业宣传型网站

项目描述

学习目标

项目分析

任务一  使用表格布局网站首页

任务描述

知识讲解

一、网页布局基础知识

二、表格

任务实施

实战演练

经验技巧

任务二  使用CSS样式美化“时政要闻”页面

任务描述

知识讲解

一、CSS样式概述

二、CSS的基本语法

三、CSS样式表的操作

四、CSS属性

任务实施

一、为“时政要闻”页面设置标签样式

二、为“时政要闻”页面设置类样式

三、为“时政要闻”页面设置ID样式

四、为“时政要闻”页面设置复合样式

五、为“时政要闻”页面设置图像样式

实战演练

任务三  使用Div+CSS布局“物业服务”网页

任务描述

知识讲解

一、Div概述

二、Div+CSS布局

三、AP Div

课堂小制作

一、制作要求

二、制作分析

三、制作流程

四、制作步骤

任务实施

一、使用Div标签构建“物业服务”页面的主体结构

二、为“物业服务”页面添加CSS样式

实战演练

经验技巧

项目总结

项目考核

拓展训练

项目五  模板和库的应用——制作教育网站

项目描述

学习目标

项目分析

任务一  设计页面模板

任务描述

知识讲解

一、模板

二、使用模板创建网页

三、修改模板与更新页面

任务实施

一、创建“关于我们”页面并生成模板页

二、基于模板创建“联系我们”等页面

任务二  制作“博尔乐早教”网的“访客留言”页面

任务描述

知识讲解

一、表单基础知识

二、插入表单

任务实施

任务三  “行为”添彩“早教课程”页面

任务描述

知识讲解

一、行为的概念

二、对象、事件、动作和行为的区别

三、常见行为的应用

任务实施

一、添加弹出信息

二、添加“交换图像”行为

任务四  上传并发布“博尔乐早教”网站

任务描述

知识讲解

一、网站的测试

二、站点的上传

三、维护与推广

任务实施

项目总结

项目考核

项目六  综合实训——学院精品课网站设计与制作

项目描述

学习目标

项目分析

任务一  网站策划

任务描述

任务实施

一、了解需求

二、学习相关资料

三、写出网站策划书

任务二  制作首页及二级页面效果图

任务描述

任务实施

任务三  网站制作

任务描述

任务实施

一、创建站点

二、制作网站首页

三、制作二级页面

任务四  网站测试

任务描述

任务实施

一、浏览器兼容性测试

二、网页链接测试

任务五  网站发布

任务描述

任务实施

一、申请域名

二、申请空间

项目总结

拓展训练

一、规划要求

二、设计要求

三、页面要求