01《神舟十七号》新闻页制作—课业1.docxVIP

课程名称

Web前端开发基础

课程代码

230003006

课业名称

课业1:《神舟十七号》新闻页制作

布置时间

2023年11月08日

上交时间

2023年11月19日

任课教师

刘琳

审核教师

承诺：本人独立完成课业，不存在任何欺骗和剽窃行为，同时保证符合课业要求。如违反以上承诺，本人愿意承担由此引起的后果。

学生签名

专业班级

学号

学习成果

LO4熟练设计Web布局

1.1善于使用HTML5组织页面图文结构。

1.2善于使用CSS3设计文本排版界面。

评定标准

Pass（合格）

Merit（良好）

Distinction（优秀）

LO4熟练设计Web布局

P1.善用HTML5组织页面图文；

P2.善用CSS3实现文本排版效果；

M1.HTML文档结构合理，CSS样式命名规范，组织合理。

D1.主题明确，视觉效果好，可直接商用。

评分

分数

P1

P2

M1

D1

总分

教师评语:

签名：日期：

审核教师评阅:

最终分数

P1

P2

M1

D1

总分

签名：日期：

目标

本课业重点考察学生掌握页面HTML组织方式及CSS样式定义。依据项目设计流程，根据任务要求利用HTML5和CSS3实现新闻页的设计与制作。

背景

文本是数字媒体的重要组成部分，也是Web页面信息的主要载体。文本排版的本质是定义文字相关属性，包括字体、颜色、大小、风格、字间距、行宽、行间距（行高）、对齐、段落间距、缩进、对齐等。文本排版的关键是将文本属性与样式表相对应，版面符合大众的阅读习惯。

任务

从百度或者其它主流网站挑选有关“神舟十七号”的新闻页面，分析html结构、CSS样式，按建立项目、编写HTML文件、编写CSS样式和浏览器测试来实施，制作“神舟十七号”新闻页面，利用HTML5组织页面图文，利用CSS样式定义页面外观，界面美观，适应性好。

建议

确定页面主题。从网络上搜集“神舟十七号”新闻页面内容（同步处理相关信息和出处）；

确定界面风格。借鉴在线页面的界面效果，分析鉴别，选定拟借鉴的风格；

编写HTML和CSS，并测试；

要求每位同学独立完成以上任务，本课业须提交电子版课业报告文件1份和网页源代码一份，新建文件夹命名为“学号+姓名+课业1”，在文件夹中存放课业报告，命名规则：学号最后2位+姓名；建立Web源代码文件夹，内含“news.html”和“news.css”文件和img文件夹，参考原型如图。

课业1报告-《神舟十七号》新闻页

设计制作总结

说明设计制作过程、主要经验和教训

作品说明及效果图

阐述作品设计主题、理念并说明你的效果图，需要提供截图。

HTML代码

HTML代码，核心代码要有注释，直接复制过来，设置代码区域亮灰色背景，无需排版。

CSS代码

CSS代码，核心代码要有注释，直接复制过来，设置代码区域亮灰色背景，无需排版。