设计制作响应式网站。 1、正确使用标签、选择器，布局合理（3分） 2、应用CSS样式，具有动画效果，页面美观大方（3分） 3、充分使用响应式技术（4分） 在提交窗口添加网站效果图（如果页面较大，尽量使用截屏工具截取完整的页面，有多个页面的话可以进行处理合成一张图片），并将整个站点文件夹打压缩包上传至附件。

网站首页CSS样式设计及应用。要求： （1）网页中采用嵌入式样式或链接式样式的应用方式。 （2）采用CSS布局属性实现元素定位（使用float、position属性进行元素定位，且以float定位为主，position定位为辅）。 （3）需要使用多种选择器定义样式，如标记、类、ID、伪类等选择器。 （4）主要内容的样式设置，包括导航栏、搜索栏、主要区文字内容及图文混排、页脚区内容等。 （5）页面布局美观，在1024×768下没有横向滚动条；站点文件夹大小≤20MB。 （6）作业提交方式：预览效果需要以截图图片形式上交；网站首页需要提交源文件。

考试要求见附件 网站实现如下内容：（共25分） （1）网站页面数量不少于3个。（2分） （2）采用HTML结构标记（或div标记）+CSS进行布局定位。（7分） （3）网站页面标题、创意设计制作的Logo图标符合网站主题。（2分） （4）网站首页栏目数量不少于3个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。（3分） （5）网站页面中应用表单（form）。（3分） （6）网站内容应具有原创性，内容充实。（2分） （7）网站结构层次清楚，目录结构清晰，文件及文件夹命名规范。（2分） （8）网站整体色系符合视觉习惯，布局合理美观。（4分）

网站首页CSS样式设计及应用。要求： （1）网页中采用嵌入式样式或链接式样式的应用方式。 （2）采用CSS布局属性实现元素定位（使用float、position属性进行元素定位，且以float定位为主，position定位为辅）。 （3）需要使用多种选择器定义样式，如标记、类、ID、伪类、交集、并集、通用、后代等选择器。 （4）主要内容的样式设置，包括导航栏、搜索栏、主要区文字内容及图文混排、页脚区内容等。 （5）页面布局美观，在1024×768下没有横向滚动条；站点文件夹大小≤20MB。 （6）作业提交方式：预览效果需要以截图图片形式上交；网站首页需要提交源文件。

网站首页CSS样式设计及应用。要求： （1）网页中采用嵌入式样式或链接式样式的应用方式。 （2）采用CSS布局属性实现元素定位（使用float、position属性进行元素定位，且以float定位为主，position定位为辅）。 （3）需要使用多种选择器定义样式，如标记、类、ID、伪类、交集、并集、通用、后代等选择器。 （4）主要内容的样式设置，包括导航栏、搜索栏、主要区文字内容及图文混排、页脚区内容等。 （5）页面布局美观，在1360×768下没有横向滚动条；站点文件夹大小≤20MB。 （6）作业提交方式：预览效果需要以截图图片形式上交；网站首页需要提交源文件。

网站首页CSS样式设计及应用。要求： （1）网页中采用嵌入式样式或链接式样式的应用方式。 （2）采用CSS布局属性实现元素定位（使用float、position属性进行元素定位，且以float定位为主，position定位为辅）。 （3）需要使用多种选择器定义样式，如标记、类、ID、伪类、交集、并集、通用、后代等选择器。 （4）主要内容的样式设置，包括导航栏、搜索栏、主要区文字内容及图文混排、页脚区内容等。 （5）页面布局美观，在1024×768下没有横向滚动条；站点文件夹大小≤20MB。 （6）作业提交方式：预览效果需要以截图图片形式上交；网站首页需要提交源文件。

1、网站首页CSS样式设计及应用。要求： （1）网页中采用嵌入式样式或链接式样式的应用方式。 （2）采用CSS布局属性实现元素定位（使用float、position属性进行元素定位，且以float定位为主，position定位为辅）。 （3）需要使用多种选择器定义样式，如标记、类、ID、伪类、交集、并集、通用、后代等选择器。 （4）主要内容的样式设置，包括导航栏、搜索栏、主要区文字内容及图文混排、页脚区内容等。 （5）页面布局美观，在1360×768下没有横向滚动条；站点文件夹大小≤20MB。 （6）作业提交方式：预览效果以截图图片形式上交；网站首页需要提交源文件（整个站点以压缩文件形式提交）。

制作新浪博客效果 案例描述 1、考核知识点 字体样式属性、文本外观属性 2、练习目标 Ø 掌握CSS行内式、CSS字体样式属性、CSS文本外观属性。 Ø 综合运用CSS行内式、CSS字体样式属性、CSS文本外观属性制作页面。 3、需求分析 在实际工作中，为了让页面更加美观，经常需要对字体和文本进行综合的控制来实现页面的效果。本案例通过综合使用CSS字体及文本样式属性，并结合CSS行内式制作一个新浪博客首页的展示效果。

明信片的设计，1设计细致精美5分，2布局合理3分，3色彩合理2分

期末大作业具体要求： （1）网站页面数量不少于5个。（15分） （2）采用div标记或HTML结构标记、CSS样式进行布局定位（如在1360×768下全屏显示无横向滚动条）。（10分） （3）网站页面标题、创意设计制作的Logo图标和Banner广告符合网站主题。（15分） （4）网站首页栏目数量不少于3个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。（10分） （5）网站首页中应用网页特效且运用合理。（10分） （6）网站内容具有原创性且内容充实。（10分） （7）网站页面中应用表单（form）、框架（iframe）。（10分） （8）网站整体色系符合视觉习惯，布局合理美观。（10分） （9）网站结构层次清楚，目录结构清晰，文件及文件夹命名规范。（10分）

要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。CSS样式采用要求样式完成。 网站实现如下内容： （1）包含3个网页。（3分） （2）第一个网页用内嵌样式实现：[网页内容自拟] （a)具有标题，标题居中，36px，宋体。（2分） （b)两个段落。段落字号14px，微软雅黑，段间距1.5倍，首行缩进两字符。（4分) （3）第二个网页，外部样式表方式实现同样内容和样式（3分） （4）第三个网页，行内方式实现同样内容和样式（3分）

使用DIV+CSS 实现如附件4-1.jpg所示的页面，分别写出页面div结构的HTML 文件和CSS外部样式表文件,具体要求如下： （1）写出页面DIV结构的HTML文件的（2分)，不完全正确的在0-1分之间酌情给分 （2）写出正确的CSS文件运行正确的（3分），不完全正确的根据运行效果，酌情给1-2分。（3分)