网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版）课件案例5：新闻详情网页.pptx

下载文档

0
0
约小于1千字
约 9页
2024-01-17 发布于山东
举报
版权申诉
保障服务

网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版）课件案例5：新闻详情网页.pptx

1、本文档共9页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

我们毕业啦其实是答辩的标题地方案例5新闻详情网页

案例分析案例实现案例小结案例描述利用HTML5标记搭建页面结构，并使用CSS3设置内容样式，制作新闻详情网页，浏览效果如图5-1所示。图5-1第一个HTML5网页

案例分析案例实现案例小结案例描述要求如下：（1）正文标题采用二级标题，颜色为#FF9600，字体采用方正剪纸字体，且文字带有阴影效果，在浏览器中居中显示。（2）作者等信息采用微软雅黑字体，大小为12px，颜色为灰色（#666），在浏览器中居中显示。（3）段落文字采用微软雅黑字体，大小为14px，文字颜色为黑色，行高为25px，首行缩进2个字符。（4）图像在浏览器中居中显示。

案例分析案例实现案例小结案例分析案例描述标题副标题段落图像标题使用<h2>标记定义，副标题使用<h4>标记定义，段落使用<p>标记，图片使用<img>标记定义。构建页面结构后，再使用CSS3内部样式表美化网页。

案例实现案例小结案例分析案例描述1.新建项目2.在项目中创建网页文件在project05中新建HTML文件，设置文件名为example.html。在HBuilderX中新建项目：project05，设置项目存放位置为：E:/网页设计/源代码，选择模板类型为“基本HTML项目”，单击“创建”按钮。将素材图片复制、粘贴到images目录中。另外，在项目中再创建一个存放字体文件的目录font，将字体文件复制、粘贴到该目录中。

案例实现案例小结案例分析案例描述根据案例分析，使用相应的HTML标记来构建网页结构，代码如下。3.搭建页面结构注意:将图像放入<p>内是为了便于设置图像的样式。

案例实现案例小结案例分析案例描述在<head>标记内添加内部样式表，样式表代码如下。4.定义CSS样式5.保存并浏览网页

案例实现案例小结案例分析案例描述本案例创建了一个新闻详情网页，网页中使用了标题标记（h2、h4）、段落标记（p）和图像标记（img），同时了解了CSS3设置内容样式的方法。关于CSS的基础知识我们将在后面进行详细地学习。

我们毕业啦其实是答辩的标题地方感谢观看

您可能关注的文档

文档评论（0）

balala11 + 关注: 实名认证

内容提供者

该用户很懒，什么也没介绍

咨询Ta 进入空间

1亿VIP精品文档

更多 >

网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版）课件案例5：新闻详情网页.pptx