“项目实训6”的版本间的差异

来自CloudWiki
跳转至： 导航， 搜索
 
（未显示同一用户的6个中间版本）
第1行： 第1行：
  
−
*根据个人情况，你可从以下任务中任选其一来完成
+
==本周知识点==
−
*如果你觉得基础不牢，就做任务一（课堂上部分同学已做过）
+
*盒子的属性：[[盒子的基本属性]]、[[盒子的"炫酷"属性]]、[[盒子的背景设置]]
−
*如果你觉得任务一没问题了，就做任务二。（编写工具：Dreamveavor或Notepad++）
+
*文本及图片属性：[[CSS常用属性（二）]]、[[图像样式]]、[[图文混排]]
 +
*超链接：[[超链接标记及属性]]、[[超链接的伪类]]、[[基于图片的链接]]
  
−
== 任务一 快速复习 ==
+
==任务==
 +
1.实践一下，本周这些知识点哪些能添到上周的网页中 ？
  
−
*'''复习开学至今所学所有知识点'''
+
2.以小组为单位，继续为你的网站新建两个网页，然后和上周已有的网页一起，打包交上。
−
*快速构建一个创意
 
−
*基于这个创意制作一个最简单的网页，保存为6-1.html；
 
−
*在此基础上制作一个带有CSS内嵌样式的网页6-2.html，样式自选,。
 
−
*在此基础上，将网页改为类似如下盒子结构(6-3.html)；
 
−
*[[文件:w2-46.png]]
 
−
*在此基础上，将网页改为类似如下盒子结构(6-4.html)；
 
−
*[[文件:w2-47.png]]
 
−
*完成之后， 将以上4个网页，上传到码云的'''学院项目'''中。
 
  
−
== 任务二  完善你的代码==
 
−
 
−
*'''复习开学至今所学所有知识点'''
 
−
*参考[[项目实训4_答案]]，修改你的实训4的代码（学校项目or小组项目）
 
−
*[[文件:w2-42.png|500px]]
 
−
*想一想，参考代码和你的代码哪些地方不一样？哪种写法你认为更好？
 
−
*参考本周所学[[外部样式表]]，将修改后的实训4的代码，改为html与css分离的写法。
 
−
*完成之后，将你的网页另存为6-5.html，上传到码云的'''学院项目'''或'''小组项目'''中
 
  
−
返回 [[网页设计与开发]]
+
==案例：QQ音乐==
 +
*主页面;
 +
 
 +
[[文件:web3-5.png|600px]]
 +
 
 +
*分页面：
 +
 
 +
[[文件:web3-6.png|600px]]
 +
 
 +
*详情页
 +
 
 +
[[文件:web3-4.png|600px]]

2019年11月16日 (六) 02:48的最新版本

本周知识点

任务

1.实践一下，本周这些知识点哪些能添到上周的网页中 ？

2.以小组为单位，继续为你的网站新建两个网页，然后和上周已有的网页一起，打包交上。


案例：QQ音乐

  • 主页面;

Web3-5.png

  • 分页面：

Web3-6.png

  • 详情页

Web3-4.png

取自“http://www.openbrains.net/mediawiki/index.php?title=项目实训6&oldid=14909”