-
- 素材大小:
- 2 MB
- 素材授权:
- 免费下载
- 素材格式:
- .ppt
- 素材上传:
- lipeier
- 上传时间:
- 2020-02-15
- 素材编号:
- 251204
- 素材类别:
- 课件PPT
-
素材预览
这是网页元素ppt,包括了回顾与作业点评,预习检查,本章任务,本章目标,标签,字体样式,字体类型,文本颜色,使用CSS设置超链接等内容,欢迎点击下载。
网页元素ppt是由红软PPT免费下载网推荐的一款课件PPT类型的PowerPoint.
回顾与作业点评 描述CSS的基本语法结构,并举例说明其构成。 CSS选择器有哪几种,并举例说明。 CSS的复合选择器有哪几种,并说明各自的特点。 预习检查 在某一段文本中突出显示某几个字,以粗体、红色、大字号显示,通常使用( )标签。 在CSS中,设置文本行高使用( )属性。 在CSS中设置背景颜色为透明的值为( )。 本章任务 制作百度音乐标签页面 制作开心庄园页面 制作北大青鸟网站新闻信息展示页面 制作购物网站商品分类页面 制作畅销书排行榜页面 本章目标 会使用CSS设置字体样式 会使用CSS设置文本样式 会使用CSS设置图片对齐方式 会使用CSS设置超链接样式 会使用CSS设置鼠标外观 会使用CSS设置背景样式 会使用CSS设置列表样式 为什么使用CSS 有效的传递页面信息 使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户 可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 具有良好的用户体验 标签 标签 的作用 字体样式 字体类型 font-family属性 字体大小 字体风格 font-style属性 normal、italic和oblique 字体的粗细 font-weight属性 字体属性 font属性 字体属性的顺序:字体风格→字体粗细→字体大小→字体类型 文本样式 文本属性 文本颜色 color属性 十六进制方法表示颜色 排版文本段落 水平对齐方式 text-align属性 文本修饰和垂直对齐 文本装饰 text-decoration属性 垂直对齐方式 vertical-align属性:middle、top、bottom 学员操作—制作百度音乐标签页面 训练要点 使用Dreamweaver制作网页 使用字体属性设置字体风格、大小 使用文本属性设置字体颜色、行距 使用标签 需求说明 学员操作—制作开心庄园页面 需求说明 标题行距40px,加粗显示; 正文大小12px,行距20px;图片与文本居中对齐; 使用外部样式表创建页面样式。 学员操作—新闻信息展示页面 需求说明 制作北大青鸟网站新闻信息展示页面 使用外部样式表创建页面样式 共性问题集中讲解 常见问题及解决办法 代码规范问题 调试技巧 超链接伪类 使用CSS设置超链接 设置鼠标形状 CSS设置鼠标形状 背景样式
标签标签的用法 网页布局 排版网页内容 网页背景 背景颜色 background-color 背景图像 background-image 设置背景图像 背景图像 background-image属性 背景重复方式 background-repeat属性 背景定位 background-position属性 设置背景 背景属性 background属性 背景样式 列表样式2-1 list-style-type list-style-image list-style-position list-style 列表样式2-2 list-style-image list-style-position inside outside list-style 学员操作—家用电器商品分类页面 需求说明 电器分类无下划线,鼠标悬浮超链接时显示下划线。 分类内容超链无下划线,鼠标悬浮至超链接时字体颜色为棕红色(#F60),显示下划线。 学员操作—畅销书排行榜页面2-1 训练要点 设置页面的背景属性 使用CSS设置超链接样式 使用CSS设置列表样式 需求说明 使用无序列表制作畅销书排行榜页面 超链接无下划线,鼠标悬浮至超链接时显示下划线 学员操作—畅销书排行榜页面2-2 实现思路 使用list-style-type属性设置列表无标记符号。 使用背景属性设置列表的图标样式,列表内容向内缩进2个字符。 共性问题集中讲解 常见问题及解决办法 代码规范问题 调试技巧 总结 使用CSS设置字体的大小、类型、风格、粗细等。 使用CSS设置文本颜色、行距、首行缩进、对齐方式、文本装饰等。 使用CSS设置超链接在不同状态下的样式。 使用CSS设置页面背景颜色、背景图片,为列表设置列表自定义图标。 使用CSS设置列表项的类型、列表图像及列表符号显示位置。 作业 课后作业 教员备课时根据班级情况在此添加内容,应区分必做、选做内容,以满足不同层次学员的需求 预习作业 预习目标 了解什么是盒子模型 盒子模型的各个属性表示什么意思? 如何计算盒子模型的实际尺寸 预习下一章学生用书,完成预习作业ppt网页布局图片:这是ppt网页布局图片,包括了WEB站点建立的基本步骤,网站整体风格和创意设计,网站的目录结构和链接结构,版面布局与首页搭配,使用布局视图、框架、表格等进行页面布局,网站建设实例讲解等内容,欢迎点击下载。
学校网页介绍ppt:这是学校网页介绍ppt,包括了学校简介,师资力量,取得的成绩,全新的校园,丰富多彩的活动,先进的教学设备等内容,欢迎点击下载。
用网页做个自我介绍ppt模板:这是用网页做个自我介绍ppt模板,包括了个人信息,受教育经历,本学期重要工作表现,未来规划等内容,欢迎点击下载。