1、考核时间:14天
2、考核方式:模拟一个网站(可以自创)
3、考核要求:
(1) 整个站点放在一个以自己组别+姓名命名的文件夹。如组别二组,姓名张三,则交送的主题站点需要放在名字为“二组_张三”的文件夹中。
(2) 命名规范:命名不能出现1,2,3等数字或者one,two等不规范命名。
(3) 网站首页文件统一命名为index.html。
(4) 网站所有网页使用HTML5。
(5) 使用DIV+CSS进行布局,要求网站内风格统一,CSS文件外置。
(6) 站点所包含页面不得少于8个HTML文件。
(7) 各页面中应包含有导航栏,可链接到各个页面;导航当前页高亮。
(8) 上述HTML页面应涉及文字、图片、超链接、CSS样式、音乐、视频等媒体资源。
(9) 网站中应使用HTML5表单元素。
(10) 导航样式单独拿出来。
(11) 合理使用JavaScript。
(12) 站点用到的图片应放置在单独的文件夹images内。其它资源如影音文件也应放在单独的文件夹内。
(13) 代码要加注释
4、必会基础知识:
(1)各种标签的使用,以及相关的css属性
(2)四种定位
(3)选择器的种类有哪些?每一种都是怎么用的?它们的优先级是怎样的?
(4)html的加载顺序
(5)css单位的种类和区别
(6)颜色的表示方法
(7)浮动,以及清楚浮动的几种方法
(8)a标签的target属性,知道锚链接
(9)盒子模型的使用
(10) 特殊字符的使用,例如空格( )、大于>(>)、小于<(<)、版权(©)等。
(11)块级元素和行级元素的区别
(12)有序列表和无序列表的使用
(13)css样式继承,css重置
(14)布局:flex,响应式,常见布局(单列,多列),居中方案
5、可以了解:
(1)媒体查询
(2)伪类、伪元素,以及它们的使用
6、参考学习网站:
(1)菜鸟教程:http://www.runoob.com/
(2)W3chool:http://www.w3school.com.cn/index.html
项目 |
细则 |
分值 |
合计 |
1.格式正确 |
(1)网站内容结构清晰完整; |
5 |
25 |
(2)首页命名符合要求(index.html),其他页面及媒体资源命名符合要求。 |
10 |
||
(3)页面数量不少于8个 |
5 |
||
(4)注释的完善情况 |
5 |
||
2.视觉设计 |
(1)页面的色彩设计及布局。 |
10 |
10 |
3.技术水平 |
(1)使用布局工具的水平; |
10 |
55 |
(2)CSS样式的综合水平; |
20 |
||
(3)超链接的应用水平; |
5 |
||
(4)其他设计技术的应用水平。 |
10 |
||
(5)表单的应用 |
5 |
||
(6)JavaScript应用水平 |
5 |
||
4.原创性 |
(1)所用媒体资源的原创程度; |
5 |
10 |
(2)所用设计技术的原创程度。 |
5 |