HTML第5章:CSS3美化网页元素:课后作业

1.制作图5.38所示的北大青鸟课程介绍页面。页面要求如下,
>使用
.

.等标签编辑页面,页面整体背景颜色使用线性渐变
(#ECECEC,#FFFFED).
课程特色字体颜色为绿色(#5C9815),设计理念字体颜色为橙色(#F26522).
>课程特色和设计理念每行开头带背景颜色的字体为白色,背景颜色从提供作业素材的页面
效果图中获取、使用结构伪类选择器元素。
>使用外部样式表创建页面样式。




    
    北大青鸟课程介绍页面
  /*内部样式*/
    


   

逆向课程设计: 以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致 模拟学员学习路线:模强调难点和复杂技能点的反复训练,力求学习效果和学习体验
互联网作为教学环境:学员的日常教学和训练均在互联网线上进行
学习挡板监控网上学习效果:每个学习阶段设置线上线下测试,严密监控学习效果
真实开发项目经验积累:采用专业互联网企业提供的真实项目作为模拟开发

【实用性】—— 以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术
【权威性】——与来自百度等知名企业的专家联合开发
【专业性】——引进业内资深人才和典型行业开发项目
【真实性】——在互联网真实环境下进行教学和训练
【易学性】——在线培训模式,24小时专家在线解答疑难问题
【完整性】——利用SNS虚拟社区:学习、人脉双丰收

2.制作席慕蓉的《初相遇》
页面总宽度为400px,整体背录颜色线性渐变(#CAEFFE#FFFED)
使用

标签排版文本标题,字体大小为18px,黑色文字阴影。
使用

标签排版文本正文,首行缩进为2em.行高为22px,
首段第一个“美”字,字体大小为180x,加相显示。黑色和白色文字阴影具体方向参考
素材效果图。第二段中的“胸怀中满溢…在我眼前”字体风格为倾斜。颜色为蓝色,字
体大小为16px,正文其余文字大小为12px.
最后一段文字带下划线。
使用外部样式表创建页面样式。
>页面中的字体颜色从提供作业素材的页面效果图中获取。




    
    初相遇——席慕蓉
      


   

初相遇   文/席慕容

丽的梦和美丽的诗一样,都是可遇而不可求的,常常在最没能料到的时刻里出现。

我喜欢那样的梦,在梦里,一切都可以重新开始,一切都可以慢慢解释,心里甚至还能感觉到,所有被浪费的时光竟然都能 重回时的狂喜与感激。胸怀中满溢着幸福,只因你就在我眼前,对我微笑,一如当年。

我喜欢那样的梦,明明知道你已为我跋涉千里,却又觉得芳草鲜美,落落英缤纷,好像你我才初相遇。

3.制作图5.40所示的淘宝女装分类页面、页面要求如下。
>使用无序列表等HTML标签有语义化的编辑页面。
>女装各分类名称前的图片使用背景图片的方式实现,标题字体大小为18px,加相显示。
分类内容字体大小为12px,超链接文本字体颜色为黑色,无下划线。当鼠标移至超链接文
本上时字体颜色为橙色(#F60),并且显示下划线。
>使用外部样式表创建页面样式。
>页面中其他的效果样式见提供的作业素材中的页面效果图。



    
    淘宝女装分类页面
    


     





你可能感兴趣的:(HTML5,基础)