还剩10页未读，
继续阅读
所属成套资源：教科版信息技术八年级上册PPT课件全套
成套系列资料，整套一键下载
2021学年第三单元 主题网站的设计与制作第十三课 使用CSS样式美化网页集体备课ppt课件
展开
这是一份2021学年第三单元 主题网站的设计与制作第十三课 使用CSS样式美化网页集体备课ppt课件PPT课件主要包含了contents目录，预备工作创建站点，创建CSS样式，应用CSS样式，图片的CSS样式，提升拓展等内容，欢迎下载使用。
启动软件：菜单“站点—新建站点”，输入站点名“走进蝴蝶”，服务器技术：否
文件存储位置：桌面的文件夹“hudie”，是否连接远程服务器：无。
一星任务：制作“蝴蝶公园与博物馆”网页
打开网站中的网页“gngyuan.html”
打开“CSS样式”面板
新建CSS规则：选择器类型：类；名称：Fnt30；定义在：新建样式表文件
保存样式表文件：文件名为style
定义Fnt30样式的类型：字体：宋体；大小：26像素；粗细：粗体；样式：正常；颜色：#FF9900
新建CSS样式Fnt31：选择器类型：类定义在：style.css
定义Fnt31样式的类型：字体：新宋体；大小：20像素；粗细：正常；样式：正常；颜色：#313131；行高：27像素定义Fnt31样式的区块：文本对齐：左对齐；文字缩进：40像素
标题选择样式“Fnt30”
正文内容选择“Fnt31”
四个标题和正文内容都要应用样式。
保存网页文件：“文件”—“保存”
二星任务：制作“蝴蝶诗词”网页
打开网站中的网页“shici.html”
新建CSS规则：选择器类型：类；名称：image01；定义在：style.css中
二星任务：制作“蝴蝶诗词”网页
设置分类中的方框：浮动：左对齐；右：20像素；左：10像素
应用CSS样式：3张图像都应用图片样式类为“image01”
三星任务：美化“蝴蝶诗词”网页（加分）
有能力的同学，调整“蝴蝶诗词”网页中的文字样式，美化网页
启动软件：菜单“站点—新建站点”，输入站点名“走进蝴蝶”，服务器技术：否
文件存储位置：桌面的文件夹“hudie”，是否连接远程服务器：无。
一星任务：制作“蝴蝶公园与博物馆”网页
打开网站中的网页“gngyuan.html”
打开“CSS样式”面板
新建CSS规则：选择器类型：类；名称：Fnt30；定义在：新建样式表文件
保存样式表文件：文件名为style
定义Fnt30样式的类型：字体：宋体；大小：26像素；粗细：粗体；样式：正常；颜色：#FF9900
新建CSS样式Fnt31：选择器类型：类定义在：style.css
定义Fnt31样式的类型：字体：新宋体；大小：20像素；粗细：正常；样式：正常；颜色：#313131；行高：27像素定义Fnt31样式的区块：文本对齐：左对齐；文字缩进：40像素
标题选择样式“Fnt30”
正文内容选择“Fnt31”
四个标题和正文内容都要应用样式。
保存网页文件：“文件”—“保存”
二星任务：制作“蝴蝶诗词”网页
打开网站中的网页“shici.html”
新建CSS规则：选择器类型：类；名称：image01；定义在：style.css中
二星任务：制作“蝴蝶诗词”网页
设置分类中的方框：浮动：左对齐；右：20像素；左：10像素
应用CSS样式：3张图像都应用图片样式类为“image01”
三星任务：美化“蝴蝶诗词”网页（加分）
有能力的同学，调整“蝴蝶诗词”网页中的文字样式，美化网页
相关课件
初中信息技术冀教版八年级全册第八课 定义CSS样式教学演示ppt课件： 这是一份初中信息技术冀教版八年级全册<a href="/xx/tb_c4016917_t3/?tag_id=26" target="_blank">第八课 定义CSS样式教学演示ppt课件</a>，共16页。PPT课件主要包含了任务准备，导入站点等内容，欢迎下载使用。
初中信息技术冀教版八年级全册第八课 定义CSS样式精品ppt课件： 这是一份初中信息技术冀教版八年级全册第八课 定义CSS样式精品ppt课件，文件包含81定义CSS样式课件ppt、81定义CSS样式教案doc等2份课件配套教学资源，其中PPT共16页， 欢迎下载使用。
初中信息技术教科版八年级上册第十四课 使用超链接实现网页的跳转示范课课件ppt： 这是一份初中信息技术教科版八年级上册第十四课 使用超链接实现网页的跳转示范课课件ppt，共12页。PPT课件主要包含了建立网页超链接，建立锚点链接，建立锚点链接练习，拓展提升练习等内容，欢迎下载使用。
