网页设计与制作-全套PPT课件.pptx

第一章 网页设计与制作综述;第一章 网页设计与制作综述;1.1 学习任务：认识网页;1.1.1什么是网页;1.1.2 网页类型;1．静态网页;2．动态网页;1.2 学习任务：认识网站;1.2.2 网址与域名;1.2.3网页的基本构成元素;1.2.4网页制作常用软件和技术 ;1.3 学习任务：网站建设基本流程;1.3 学习任务：网站建设基本流程;1.4学习任务：HTML语言基础知识;1.4.1 HTML简介;1.4.2 常用文本标签;1．段标签p…/p;2．换行标签br ;3．预格式化标签pre…/pre;4．水平线标签hr;5．文字格式控制标签font…/font;6．特定文字样式标签;7．区块标签div…/div;8．特殊字符实体;9．标题标签hn…/hn;1.4.3 列表标签;1．无序列表标签ul…/ul;２．有序列表标签ol…/ol;3．li…/li;1.4.4 超链接标签;1．文件路径;2．链接标签 ;3．超级链接的种类;1.4.5图像标签;1.4.6 表格标签;1．table标签;2．tr标签;3．td标签;4．th标签;1.4.7 表单标签;1. form标签;2. 文本框;3. 密码框;4. 单选按钮;5. 复选框;6. 下拉菜单;7. 列表;8. 文件域;9. 隐藏域;10. 文本区域;11. 提交、重置、普通按钮;12. 图像按钮;1.4.8 框架标签;1. 主框架文档;2．noframes标签;3．iframe标签;1.4.9 其它标签;2．bgsound标签;3．marquee标签; 谢 谢！; 第二章 网页版式设计 与色彩搭配;第二章 网页版式设计与色彩搭配 ;2.1 案例分析：不同风格网页作品欣赏与解析;2．网页作品欣赏之二：某饰品网上商城主页;3．网页作品欣赏之三：某房地产公司售楼主页;4．网页作品欣赏之四：某学院管理与应用外语系主页;2.2 学习任务：网页版式设计;2.2.1版式设计概述;2.3 学习任务：色彩的基本理论及其视觉效果;2.2.2 网页版式的尺寸和构成要素;2.2.3网页版式设计原则;2.2.4 网页的版式设计风格;2.3 学习任务：色彩的基本理论及其视觉效果;2.3.1 色彩的基本理论;2.3.2 色彩的视觉效果;2.4 学习任务：网页中的色彩及配色 ;2.4.1 网页色彩;2.4.2 网页配色原理;2.4.3 网页配色技??;2.5 实训——浏览著名网站并归纳版式设计与色彩搭配技巧; 谢 谢！;第三章 Dreamweaver CS3入门 ;第三章 Dreamweaver CS3入门 ;3.1 学习任务：全面认识Dreamweaver CS3;3.1.1 Dreamweaver CS3的主要功能;3.2 学习任务：Dreamweaver CS3操作环境介绍 ;3.3 案例1 创建并保存简单HTML文档;3.4 学习任务：本地站点的规划与创建;3.4.1 站点的概念;3.4.2 规划站点;3.4.3 创建本地站点;3.4.3 管理站点; 谢 谢！;第四章　网页文本和图像 ;第四章　网页文本和图像 ;4.1 案例1 制作文本网页;操作步骤：;4.2 案例2 修饰文本网页;操作步骤：;4.3 学习任务：文本标签;4.3.1文本标签及源代码分析;设置标签的相关属性参数，除了可以在“代码”窗口中直接键入以外，还可以通过“标签检查器”面板设置 。;4.4 学习任务：网页图像与网页图像处理工具;4.4.1 网页中常见的图像格式;4.4.2 常用网页图像制作软件;4.4.2 常用网页图像制作软件;4.5 案例3 制作图像网页;操作步骤：;4.6 案例4 制作图文混排网页; 谢 谢！;第五章　网页超链接 ;第五章　网页超链接;5.1 案例1 为网页创建超链接;5.1.1 超链接概述;1．认识超链接;2．超链接路径;5.1.2 创建超链接;5.2 案例2 创建各类超链接;创建超链接的种类：;5.3 案例3 创建图像地图; 谢 谢！;第六章　表格;第六章　表格;6.1 案例1使用表格制作学生成绩单;操作步骤：;6.2 学习任务：表格标签;6.2.1使用表格标签制作网页表格;6.2.2在标签选择器中设置表格的属性;6.3 案例2 利用表格布局网站页面;操作步骤：;6.4 案例3 利用表格的布局模式实现复杂的页面布局;操作步骤：; 谢 谢！;第七章　框架;第七章　框架;7.1案例1 利用框架布局网页;7.1.1 认识框架与框架集;框架与框架集之间的关系 ;操作步骤：;7.2 案例2 制作复杂的框架网页;操作步骤：;7.3 学习任务：框架标签;拆分窗口 ;7.4 案例3 创建浮动框架网页; 谢 谢！;第八章　使用AP Div布局网页 ;