设计制作响应式网站。 1、正确使用标签、选择器，布局合理（3分） 2、应用CSS样式，具有动画效果，页面美观大方（3分） 3、充分使用响应式技术（4分） 在提交窗口添加网站效果图（如果页面较大，尽量使用截屏工具截取完整的页面，有多个页面的话可以进行处理合成一张图片），并将整个站点文件夹打压缩包上传至附件。
设计制作响应式网站。 1、正确使用标签、选择器，布局合理（3分） 2、应用CSS样式，具有动画效果，页面美观大方（3分） 3、充分使用响应式技术（4分） 在提交窗口添加网站效果图（如果页面较大，尽量使用截屏工具截取完整的页面，有多个页面的话可以进行处理合成一张图片），并将整个站点文件夹打压缩包上传至附件。
参考答案和解析
(Responsive Web design)的理念是:
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
相关考题：
使用 DIV＋CSS 技术就是把页面的结构和表现分离,即把网页的内容都制作在CSS 文件中,而把所有的样式都写在外部的 XHTML 页面中,一个网站中的多个网页都可以调用同一个样式表文件。( ) 此题为判断题(对，错)。
所有的网站分析工具都可以追踪缓存页面？（）A、是的，所有追踪方式都能识别出缓存页面B、不，缓存页面无法被分析工具识别C、缓存页面需要使用日志分析方式进行追踪D、缓存页面需要使用页面插码方式进行追踪
从SEO角度考虑，关于网站代码优化以下正确的选项是：（）A、页面布局采用DIV+CSS样式B、CSS样式标记在HTML代码中，减少CSS外部调用C、页面减少使用JS，避免搜索引擎无法抓取该内容D、页面代码编写严格遵守W3C标准，利于搜索引擎友好
下列各项中不是CSS样式表优点的是（）A、CSS对于设计者来说是一种简单，灵活，易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容B、CSS可以用来在浏览器的客户端进行程序编制，从而控制浏览器等对象操作，创建出丰富的动态效果C、一个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性D、使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量
阅读以下说明，回答问题1至问题3，将解答填入答题纸的对应栏内。【说明】某公司要开发一个网站。网页上包含有声音、图片、Flash动画等多媒体信息，采用Audition、Photoshop、Flash等软件完成网页素材的制作，采用Dreamweaver进行网页制作和系统集成。该网站的多个网页中均使用了层叠样式表（Css）进行页面格式设置。使用层叠样式表进行页面格式设置有什么优点？通常层叠样式表的使用方法有哪两种？它们各有什么特点？
以下哪一个不是学习页面构成的原因（）。A、只有清楚页面的构成元素，才能保证页面设计的完整性B、网站布局是衡量网站用户体验好坏的重要指标C、清晰的网站布局可以帮助用户快速获取所需的信息D、页面的构成不是特别重要
不是学习页面构成的原因（）。A、只有清楚页面的构成元素，才能保证页面设计的完整性B、网站布局是衡量网站用户体验好坏的重要指标C、清晰的网站布局可以帮助用户快速获取所需的信息D、页面的构成不是特别重要
下列关于CSS的描述哪些是错误的？（）A、css是指层叠样式表B、一套CSS可以应用于多个页面甚至整个站点C、更改公用的CSS可以自动更新多个被控页面中的样式D、CSS不能将格式和结构分离但可以应用于当前的整个页面。
下列各项中不是CSS样式表优点的是（）A、 CSS对于设计者来说是一种简单、灵活、易学的工具， 能使任何浏览器都听从指令，知道该如何显示元素及其内容B、 CSS可以用来在浏览器的客户端进行程序编制，从而控 制浏览器等对象操作，创建出丰富的动态效果C、 一个样式表可以用于多个页面，甚至整个站点，因此具 有更好的易用性和扩展性D、 使用CSS样式表定义整个站点，可以大大简化网站建设， 减少设计者的工作量
当多个页面文件具有相同的样式时，可以将CSS样式保存为独立的文件，所有页面文件可共享该样式文件。这种应用CSS样式的方式称为（）。A、应用外部样式文件B、应用嵌入式样式C、应用内联式样式D、应用独立样式
制作移动端页面哪个布局方式不适合？（）A、响应式Responsive（使用@media媒体查询，给不同尺寸和介质的设备切换不同的样式）B、伸缩Flexbox（使用CSS3 Flex系列属性进行相对布局）C、固定Fixed（使用px和pt这样的绝对单位进行固定布局）D、流动Fluid（使用%百分比进行相对布局）
单选题制作移动端页面哪个布局方式不适合？（）A响应式Responsive（使用@media媒体查询，给不同尺寸和介质的设备切换不同的样式）B伸缩Flexbox（使用CSS3 Flex系列属性进行相对布局）C固定Fixed（使用px和pt这样的绝对单位进行固定布局）D流动Fluid（使用%百分比进行相对布局）
判断题使用DIV+CSS技术就是把页面的结构和表现分离，即把网页的内容都制作在CSS文件中，而把所有的样式都写在外部的XHTML页面中，一个网站中的多个网页都可以调用同一个样式表文件。（ ）A对B错
单选题下列关于CSS的描述哪些是错误的？（）Acss是指层叠样式表B一套CSS可以应用于多个页面甚至整个站点C更改公用的CSS可以自动更新多个被控页面中的样式DCSS不能将格式和结构分离但可以应用于当前的整个页面。
单选题如果想让页面具有相同的页面布局，那么最好使用哪种技术（）A库B模板C库或模板均可D每个页面单独设计