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”
三星任务：美化“蝴蝶诗词”网页（加分）
有能力的同学，调整“蝴蝶诗词”网页中的文字样式，美化网页