目录
项目一网页设计与制作基础知识
学习目标
案例一 指出当当网主页的构成元素——认识网页和网站
案例说明
相关知识
一、网页、网站和主页
二、网页的构成元素
三、网页的本质
案例实施
案例二 了解网页设计与制作岗位职责——网页设计基础
案例说明
相关知识
一、网页颜色的选择与搭配
二、网页版式设计
三、网页尺寸
案例实施
案例三 企业网站建设基本流程——网站建设基础
案例说明
相关知识
一、Internet, IP地址和域名
二、WWW, URL, HTTP 和浏览器
三、HTML与CSS简介
四、网站管理与网页制作相关软件
案例实施
项目总结
项目二 网站创建与管理
学习目标
案例一 调整 Dreamweaver CC 2017工作界面——初识
一、Dreamweaver CC 2017
案例说明
相关知识
一、启动 DreamweaverCC
二、认识 Dreamweaver CC 工作界面
案例实施
案例二 设置企业网站栏目结构和
目录结构
案例说明
相关知识
一、设计网站栏目结构
二、创建网站目录结构
案例实施
案例三 创建企业网站本地站点——站点基本操作
案例说明
相关知识
一、使用Dreamweaver创建和打开本地站点
二、使用 Dreamweaver 管理本地站点
案例实施
案例四 为企业网站制作欢迎页面——网页文档基本操作
案例说明
相关知识
一、网页文档基本操作
二、“文件”面板基本应用
案例实施
拓展知识
一、网页文档和文件夹命名规则
二、HTML的标签构成
三、HTML网页文档的基本结构
项目总结
课堂实训——创建鲜花导购网站本地站点
项目三 创建简单图文网页
学习目标
案例一 为企业网站新闻显示网页设置页面基本信息——设置网页基本信息
案例说明
相关知识
一、设置文档头信息
二、设置网页页面属性
案例实施
案例二 为企业网站新闻显示网页设置文本内容——设置
网页文本
案例说明
相关知识
一、添加普通文本
二、插入特殊符号
三、添加空格
四、添加与设置水平线
五、创建列表
案例实施
拓展知识
列表在HTML中的表示
案例三 为企业网站新闻显示网页设置图像——设置网页图像
案例说明
相关知识
一、插入与编辑图像
二、插入鼠标经过图像
案例实施
拓展知识
一、网页中可用的图像格式
二、图像在HTML中的表示
项目总结
课堂实训——为鲜花导购网页设置文字和图像内容
项目四 为网页设置音视频和超链接
学习目标
案例一 制作音视频在线播放页面——在网页中插入HTML 5 音视频
案例说明
相关知识
一、插入 HTML 5 Audio
二、插入 HTML 5 Video
三、插入并编辑插件
案例实施
拓展知识
—、HTML 5 Audio 和 Video 所支持的音频和视频格式
二、为网页设置背景音乐
案例二 为企业网站新闻显示网页设置超链接——设置超链接
案例说明
相关知识
一、超链接的含义和分类
二、设置常规超链接
三、设置热点链接
四、设置电子邮件链接
五、设置文件下载链接
六、设置图像链接
案例实施
项目总结
课堂实训一 为“鲜花导购网页”设置超链接
项目五 应用CSS设置网页样式
学习目标
案例一 为企业网站新闻显示网页设置整体样式——设置CSS样式(上)
案例说明
相关知识
一、CSS样式表简介
二、在页面中引入CSS样式表的几种方法
三、CSS中选择器的类型
四、设置布局样式
五、设置文本和段落样式
六、设置背景样式
七、 盒子模型的概念
案例实施
拓展知识
一、选择器的集体声明、嵌套与优先级
二、选择器的继承
案例二 为企业网站新闻显示网页设置页头样式——设置CSS样式(中)
案例说明
相关知识
一、设置边框样式
二、标准流的概念
案例实施
案例三 为企业网站新闻显示网页设置正文样式——设置CSS样式(下)
案例说明
相关知识
一、设置列表样式
二、margin使用注意事项
案例实施
项目总结
课堂实训——为“鲜花导购网页”设置CSS样式
·
·
·
·