HTML网页设计实训教程 全册课件.ppt

HTML网页设计实训教程;实训一 制作诗词欣赏页面;主要内容;实训目标： 了解HTML网页基本语法和结构 了解HTML基本元素 掌握对网页中文字的格式化的方法 掌握对网页中段落的格式化的方法;实训内容;实训效果;常用工具介绍;常用浏览器简介;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务1：制作诗词欣赏页面;任务2：美化诗词欣赏页面;任务2：美化诗词欣赏页面;HTML网页设计实训教程;实训二 制作新闻列表页面;主要内容;实训目标： 掌握无序列表的应用 掌握有序列表的应用 掌握嵌套列表的应用;实训内容;实训效果;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务1：制作新闻列表页面;任务2：美化新闻列表页面;任务2：美化新闻列表页面;HTML网页设计实训教程;实训三 制作导航菜单;主要内容;实训目标： 掌握超链接的使用 理解链接路径的相关概念 掌握下载链接和邮件链接的使用 掌握CSS样式的定义和使用 掌握CSS样式对文字、链接、列表样式控制的属性;实训内容;实训效果;任务1：编辑导航菜单;任务1：编辑导航菜单;任务1：编辑导航菜单;任务1：编辑导航菜单;任务1：编辑导航菜单;任务1：编辑导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;任务2：美化导航菜单;HTML网页设计实训教程;实训四 制作个人相册;主要内容;实训目标： 掌握img标记 了解bgsound标记及属性 理解盒子模型的概念;实训内容;实训效果;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务1：编辑个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;任务2：美化个人相册;HTML网页设计实训教程;实训五 制作成绩登记表;主要内容;实训目标： 掌握表格的各种标记及其属性 掌握表格行标记的属性 掌握表格单元格的属性 能灵活利用表格显示网页上的数据;实训内容;实训效果;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务1：制作成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;任务2：美化成绩登记表;HTML网页设计实训教程;实训六 制作网站管理中心系统;主要内容;实训目标： 掌握建立水平或垂直的框架分割窗口 掌握用嵌套框架分割窗口 掌握对滚动条进行控制 掌握在空白窗口显示网页;实训内容;实训效果;任务1：制作框架结构;任务1：制作框架结构;任务1：制作框架结构;任务1：制作框架结构;任务1：制作