网页设计理论

网页制作理论考试题及答案一、选择题（每题2分，共20分）1. HTML是用于描述网页文档的一种语言，它的全称是（）。

A. Hyper Text Markup LanguageB. Hyper Text Transfer ProtocolC. Hyper Text Transport LanguageD. Hyper Text Transfer Language答案：A2. 在HTML中，用于定义最重要的标题的标签是（）。

A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. CSS中的选择器`body`用于选择（）。

A. 所有的HTML元素B. 所有的HTML属性C. 文档的整个身体部分D. 所有的HTML标签答案：C4. 在HTML中，用于创建无序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 下面哪个属性用于设置HTML元素的宽度和高度（）。

A. `height` 和 `width`B. `size` 和 `length`C. `dimension` 和 `measure`D. `span` 和 `scope`答案：A6. 在HTML中，用于创建有序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：B7. 在CSS中，`display`属性的值`none`表示（）。

A. 元素可见，但是不占据空间B. 元素不可见，且不占据空间C. 元素可见，且占据空间D. 元素不可见，但占据空间答案：B8. 在HTML中，用于创建定义列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<dl>`D. `<li>`答案：C9. 在HTML中，用于创建表格的标签是（）。

Dreamweaver⽹页设计题库全（有答案）⽹页设计复习试题（理论）⼀、选择题1、在⽹页中不能添加的元素是（ D ）A、⽂字、图像B、表格、动画C、声⾳视频D、纸张等实物2、下⾯不属于“页⾯属性”中可以设置的内容（ D）A、外观B、链接C、跟踪图像D、⾸选参数3、下列(B )⽅法⽆法添加⽹页标题A、在HTML代码中添加⽹页标题B、在⽂档窗⼝中添加⽹页标题C、在⽹页属性中添加⽹页标题D、在⽂档⼯具栏中添加⽹页标题4、下⾯哪个功能不是开始页能够完成的操作（D ）。

A、创建新⽹页B、创建新⽹站C、打开⽹页⽂档D、删除⽹页⽂档5、在下⾯的选项中哪种不属于⽹页设计的范围? （ C）A、页⾯内容设计B、⽹页架构设计C、服务器设计D、LOGO设计6、下⾯的哪⼀项不属于⽹页标准⾊的三⼤⾊系?（D ）A、蓝⾊B、黄/橙⾊C、⿊/灰/⽩D、绿B、index.jspC、index.htmlD、index.php8、下⾯选项中哪个不是单元格的⽔平对齐⽅式之⼀（A ）。

A、两端对齐B、默认C、居中对齐D、右对齐9、以下说法正确的是（ A ）A、如果要选择多个⾮连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可B、表格⼀旦创建，单元格就不能被合并和拆分了C、表格的列的宽度和⾏的⾼度不能重新设置D、以上都正确10、表格的⾏标记是（ A ）A、trB、tdC、tableD、tl11、表格的单元格标记是（ B ）A、trB、tdC、tableD、th12、不可以在插⼊表格时弹出对话框中设置的属性（ C）A、⾏数B、边框粗细C、边框⾼度D、列数13、下列关于表格颜⾊的设置说法正确的是（D ）A、只能给表格设置背景颜⾊不能设置背景图⽚B、不能对某⼀⾏设置背景颜⾊或背景图⽚C、不能对⼀个单元格设置背景颜⾊或背景图⽚D、可以对表格、⾏、单元格分别设置背景颜⾊或背景图⽚14、下列不能创建表格的是( D )B、单击常⽤⾯板中的"表格"按钮C、直接按ctrl+alt+tD、单击[⽂件]菜单,选择[表格]命令15、下⾯哪些操作不可以在“⽂件”⾯板中完成（ D ）。

网页设计的名词解释在当今信息时代，互联网已经成为人们获取信息、交流与互动的重要渠道。

而网页作为互联网的基本构建单元，其设计的优劣直接影响着用户的体验和信息传递效果。

网页设计是指通过合理的布局、视觉设计和交互设计等手段，使网页内容更具吸引力、易于理解和使用的过程。

1. 用户界面设计（User Interface Design）用户界面设计是网页设计中的重要环节之一，它关注的是网页与用户之间的交互方式。

理想的用户界面设计应该让用户感到舒适、方便和愉悦。

其中，用户界面设计需要考虑的要素包括：导航栏设计、按钮设计、图标设计等。

2. 响应式设计（Responsive Design）随着移动设备的普及，网页设计必须兼顾不同设备屏幕尺寸的需求。

响应式设计是一种灵活的布局方式，能够根据设备的屏幕尺寸自动适应，并为用户提供优良的浏览体验。

3. 视觉设计（Visual Design）视觉设计是指通过色彩、排版、图像和图标等视觉元素的运用，来打造适合网页主题的视觉效果。

优秀的视觉设计能够吸引用户的眼球、触发他们的兴趣，并将复杂的信息通过直观的视觉效果传达出来。

4. 信息架构（Information Architecture）信息架构是为了保证网页上的信息能够被用户迅速理解和获取而进行的结构设计。

良好的信息架构能够使用户轻松找到所需信息，并且提供清晰的导航路径。

5. 用户体验（User Experience）用户体验是指用户在使用网页时的主观感受和情感反应。

良好的用户体验应该让用户感到舒适、便捷和满意。

用户体验包括易用性、可访问性、效率等多个方面。

6. 无障碍性设计（Accessibility Design）无障碍性设计是指为了让视力受限、听力受限和身体障碍等用户群体能够方便地访问和使用网页而进行的设计。

无障碍性设计能够提高网页的可访问性，为所有用户提供平等的使用体验。

7. 网页加载速度（Page Load Speed）网页加载速度是指网页在浏览器中显示所需要的时间。

第1篇一、引言随着互联网技术的飞速发展，网页设计已经成为计算机科学与技术领域的一个重要分支。

为了提高学生的实际操作能力和综合素质，我国高校纷纷开设了网页设计相关课程。

本文将结合本人参与的一次网页设计实践教学，总结实践经验，分析存在的问题，并提出改进建议。

二、实践教学内容本次实践教学主要围绕以下内容展开：1. 网页设计的基本理论介绍了网页设计的基本概念、设计原则、色彩搭配、版式布局等方面的知识，使学生对网页设计有了初步的认识。

2. 网页设计工具的使用教授了Dreamweaver、Photoshop等常用网页设计工具的使用方法，让学生能够熟练掌握这些工具的基本操作。

3. 网页布局与排版讲解了网页布局的基本方法，如表格布局、框架布局、浮动布局等，以及排版技巧，使学生能够根据需求设计出美观、实用的网页。

4. 网页特效制作介绍了网页特效的制作方法，如CSS3动画、JavaScript脚本等，使学生在网页设计中能够运用各种特效，提升网页的互动性和美观度。

5. 网页优化与SEO讲解了网页优化的方法，如页面加载速度优化、代码优化等，以及搜索引擎优化（SEO）的基本策略，使学生在设计网页时能够考虑搜索引擎的收录和排名。

6. 实战项目通过一个实际项目，让学生运用所学知识进行网页设计，培养学生的实践能力和团队合作精神。

三、实践教学过程1. 理论教学首先，教师对网页设计的基本理论进行讲解，使学生了解网页设计的背景、发展历程和设计原则。

2. 工具教学接着，教师介绍常用的网页设计工具，如Dreamweaver、Photoshop等，并演示这些工具的基本操作。

3. 实战演练在掌握基本理论和技术后，教师引导学生进行实战演练，让学生在实践中巩固所学知识。

4. 项目实施教师布置一个实际项目，让学生以小组形式进行分工合作，完成网页设计任务。

5. 评价与总结在项目完成后，教师组织学生进行评价和总结，指出学生的优点和不足，并提出改进建议。

设计的基础理论知识一：基础理论用美和技术两方面衡量生活的合理性。

网页界面设计是将技术性与艺术性融为一体的创造性活动。

在网页出现的早期，和设计发展的早期阶段一样，网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。

以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。

我国对网页界面设计这一课题的系统研究还略显薄弱，特别是载艺术设计领域中对网页界面设计的探讨尤显不足。

版式设计对设计人员的综合能力与文化素养要求比较高，往往不如文字编排和图形设计那样容易把握。

从艺术领域来看，色彩本身及其有无，并不意味者艺术作品的艺术性的高低，但在网页界面设计领域，彩色的网页总是要胜于单色的网页。

一般情况下使用256色就可以将图片的色彩基本还原出来。

网络信息的受传者存在着职业、文化、修养、兴趣、生活经验以及消费水平等方面的明显差异，因此在网页界面中出现的视觉形象要适应大多数浏览者的口味，越明确，越通俗，越具体越好。

在这样一个内容丰富、信息繁杂的巨大网络世界里，网页界面设计必须以其强有力的视觉冲击效果来吸引浏览者的注意，进而使特定的信息得以准确迅速地传播。

这就要求网页界面设计的形式应力求删繁就简，“以少胜多”，一切分散浏览者注意力的图形、线条、可有可无的“装饰”都应摒弃，使参与形式构成的诸元素均与欲传播的内容直接相关。

“简洁”是各种艺术形式都必须遵循的普遍原则，正所谓“无声胜有声”，网页界面设计尤其要做到这一点。

在社会文化高度发达的现代社会，人们因文化素质的提高和价值观念的变化，生活情趣和审美趣味更趋向简洁、单纯。

简洁的图形，醒目的文字，大的色块更符合形式美的要求和当今人们的欣赏趣味，给人以悦目、舒适、现代的感觉以及美的享受，令人百看不厌，并能回味无穷，联想丰富。

网页界面可以依据其传达信息内容的特点来进行类型的划分，主要可分为6种形式：（1）信息查询类：以实用功能为主，注重视觉元素的均衡排布，较少装饰性的元素，如Yahoo!。

《网页设计与制作》笔记第一章：网页设计基础1.1网页设计的定义与重要性1.2网页设计的历史与发展1.3设计原则与最佳实践1.4用户体验的基本概念第二章：网页设计工具与技术2.1设计软件介绍（如Photoshop、Sketch）2.2前端开发工具（如HTML、CSS、JavaScript）2.3响应式设计与框架（如Bootstrap、Foundation）2.4版本控制与协作工具（如Git、GitHub）第三章：网页布局与结构3.1网页布局的基本概念3.2网格系统与布局设计3.3导航设计与信息架构3.4模块化设计与组件化开发第四章：色彩与字体选择4.1色彩理论与配色技巧4.2字体的选择与排版4.3色彩与品牌形象4.4可访问性与色彩使用第五章：网页内容与互动5.1内容策略与信息呈现5.2图像与多媒体的使用5.3互动设计与用户反馈5.4SEO基础与内容优化第六章：网页测试与上线6.1测试类型与测试工具6.2性能优化与加载速度6.3上线流程与维护建议6.4数据分析与用户行为追踪第1章：网页设计基础网页设计的定义与重要性网页设计是指为网站创建和布局视觉内容的过程。

这包括网页的整体外观、结构和交互功能。

网页设计不仅涉及视觉元素的排版和配色，还包括用户如何与网页互动。

一个好的网页设计能够提升用户的体验，增加网站的访问量和转化率。

重要性：1.吸引用户：优秀的网页设计能够第一时间吸引用户的注意，提高用户的留存率。

2.增加可用性：良好的设计帮助用户更容易找到他们所需的信息，减少用户的挫败感。

3.提升品牌形象：专业的网页设计能够增强品牌的可信度和专业形象。

4.搜索引擎优化：设计良好的网页更容易被搜索引擎抓取，从而提升网站在搜索结果中的排名。

考试要点：网页设计的定义及其组成部分网页设计对用户体验和品牌形象的影响网页设计在市场营销中的作用网页设计的历史与发展网页设计的起源可以追溯到20世纪90年代初。

当时网页主要是以文本为主，简单的超链接连接不同的信息。

网页设计绪论总结归纳论文在当今数字时代，网页已成为人们获取信息、展示产品和服务的重要媒介。

网页设计的质量直接影响着用户的体验和对网站的印象。

为了满足用户的需求，设计师需要掌握一定的理论和技术知识，以确保网页设计的效果达到预期。

本文将从前期调研、用户体验、视觉设计和交互设计等方面对网页设计进行总结归纳。

一、前期调研网页设计的前期调研是确保设计成功的关键步骤。

在进行设计之前，设计师应该了解用户的需求和期望，以确定网页的功能和目标。

此外，还需要考虑到目标用户的特征，包括年龄、性别、教育背景等，从而决定网页的整体风格和布局。

此外，设计师还应该对竞争对手进行分析，了解行业趋势和设计潮流，以确保自己的设计与市场需求相符。

二、用户体验用户体验是网页设计的核心目标之一。

用户体验好坏直接影响用户的使用体验和满意度。

在设计过程中，设计师需要考虑到用户的心理和行为习惯，确保用户可以轻松地找到目标信息，并以简洁直观的方式进行交互。

此外，设计师还应该关注网页的加载速度和响应时间，优化用户体验，减少用户的等待时间。

通过有效的用户体验设计，可以提高用户对网页的满意度，增加网站的转化率。

三、视觉设计在网页设计中，视觉设计起着至关重要的作用。

视觉设计不仅仅包括色彩、字体和布局等方面的选择，还包括网页元素的排列和呈现方式。

设计师需要关注网页的整体美感和视觉冲击力，确保设计能够吸引用户的注意力。

同时，设计师还应该注意色彩的运用和配色的搭配，以及字体的选择和排版的合理性。

通过良好的视觉设计，可以提高用户对网页的吸引力和留存率。

四、交互设计交互设计是网页设计中不可忽视的一部分。

良好的交互设计可以让用户更好地理解和使用网页，提高用户的满意度和忠诚度。

在进行交互设计时，设计师需要关注页面元素的布局和组织方式，确保用户可以轻松地进行操作和导航。

此外，设计师还应该考虑到网页在不同设备上的响应式设计，以适应不同屏幕尺寸和操作方式。

通过合理的交互设计，可以增加用户对网页的互动和参与度。

以用户体验为中心的网页交互设计理论探索作者：伊卓君来源：《现代装饰·理论》2011年第08期摘要网页设计的原则是要将信息完整和直观的传达给用户。

随着信息技术飞速发展，网络开始面对各种类型的人群，仅仅传达信息已远远不能满足用户的需求，所以越来越多的设计师们开始关于如何使网页界面适合各类人群并与之产生互动。

因此现今网页设计已渐渐同交互设计相结合，并产生了新的目标，就是要在兼顾传递信息和视觉体验的同时让信息和用户完美地进行交流。

网页交互设计能够使网页浏览者在传递信息时更加直观地获得互动感受，实现人性化的用户体验。

关键词网页设计；交互设计；用户体验；界面设计1.何谓网页交互设计首先交互设计的本质是要通过设计出的产品和服务来促进人机之间的沟通，而最终结果是要促进人与人之间的沟通。

交互设计与其它多数设计最大不同在于，它关注的是从人与物到人与人之间的交流行为，能够让用户与产品进行交流沟通甚至进行某种创造。

一个有效和优秀的交互设计要求能够预见整个互动过程，它可以将界面美化，甚至艺术化，但不能够破坏其产品和服务的交互行为。

在融合了交互设计的网页设计中，作为设计师的职责是要将用户体验的概念引入设计中来，考虑如何根据网站内容完成以用户体验为中心的交互设计，而不仅仅是为了简单的传达信息和美化页面，而这种融合了交互概念的网页设计形式，我们称它为网页交互设计。

2.用户体验目标在《交互设计——超越人机设计》一书中，作者提出了用户体验目标这一概念。

所谓用户体验目标是需要使产品能够满足用户的情感指标，譬如满意度、娱乐和有趣、有用性、有启发性、有美感、创意性、成就感。

让页面有趣，富有美感，令人愉快是一种关注用户感受的设计行为。

用户体验关心的是用户如何体验产品，而不是考虑操作和内容的有效性，强调的是一种主观感受。

它是人们在操作过程中获得的视觉听觉和触觉等感官体验，需要考虑到其反馈是要符合用户的生活经验、常识和习惯，否则会使用户产生挫败和沮丧感。

教学网页设计的相关理论及运用摘要：教学网页是开展网络教学的重要工具，合理的教学网页能够提高学习者的学习效率。

在设计教学网页时，不仅需要考虑技术方面的问题，还应当考虑学习需求、内容传播等教学方面的问题。

因此，在设计教学网页时，遵循相关的学习理论是非常必要的。

关键词：教学网页；设计；学习理论中图分类号：tp393.092-4 文献标识码：a 文章编号：1007-9599 （2012） 17-0000-021 教学网页设计概述一般而言，教学网页可以分成五大类。

一是，资料工作型教学网页，这种教学网页的内容主要构成元素是图片和文字，主要用于教学资源与教学信息的传递。

二是，操作型教学网页，这种教学网页主要用于网上测试考察，检测教学效果，从学生那里获取及时的教学反馈信息。

三是，个别化系统交互学习型教学网页，这种教学网页的表现形式为聊天室、留言板等，用于师生间的在线答疑、在线讨论等实时交流，能够提高教学的交互性。

四是，模拟实验型教学网页，这种教学网页也被成为网上实验室，能够利用网页虚拟实验环境，能够提高实验效率，不过此类网页对技术要求也相对较高。

五是，综合型教学网页，即具备以上两种或两种以上教学网页功能的教学网页。

在实际教学中，教师如果能够灵活运用教学网页中的影像、图形、声音以及文字等内容，为课堂教学注入活力，提高教学的直观性，激发学生学习的积极性，就能够取得不错的教学效果。

优化教学网页设计，利用教学网页开展教学活动，通过网页链接切换注解、图表等解释信息内容，有效地处理教材中的重点与难点，促进学生深度理解知识点，从而提高授课效果。

2 教学网页设计相关理论2.1 格式塔学习理论与运用格式塔学习理论将思维看作有意义的、整体的知觉，认为学习是构成完形的过程，是一种顿悟。

格式塔学习理论的主要代表任务有考夫卡、苛勒、韦特墨等。

格式塔学习理论认为学习后头脑中会有记忆痕迹留下，这些记忆痕迹是有组织的整体，而不是孤立的要素。

学习的作用是不断地减去旧痕迹，加深新痕迹，新经验可以改变完形。

web网页设计期末试题及答案一、理论题1. 请简述什么是Web网页设计。

Web网页设计是指通过使用HTML、CSS、JavaScript等技术手段，将文本、图像、音视频等多种媒体元素以可视化的方式呈现在网页上，并通过合理的布局、配色和交互设计，使用户能够方便地获取和理解网页内容，提供良好的用户体验。

2. 请列举你认为Web网页设计需要考虑的主要因素。

- 用户体验：包括导航易用性、页面加载速度、响应式设计等。

- 可访问性：确保网页内容对于各种用户、特别是残障人群也能轻松获取和使用。

- 视觉设计：包括布局、配色、图像等的美观和协调性。

- 内容管理：合理组织、分类和管理网页内容，确保信息的准确性和易读性。

- SEO优化：通过合理的标签和关键词应用，提升网页在搜索引擎中的排名。

- 浏览器兼容性：确保网页在不同的浏览器和设备上都能正常展示和使用。

3. 请简述响应式设计的概念及实现方式。

响应式设计是指根据用户的设备和屏幕尺寸，自动调整网页布局和样式，以提供最佳的用户体验。

其实现方式主要有以下几种：- 使用CSS的媒体查询：通过设置不同的CSS样式规则，根据屏幕尺寸应用不同的布局和样式。

- 弹性网格布局：使用相对单位（如百分比）定义布局，以适应不同尺寸的屏幕。

- 图像适应性：使用CSS样式或JavaScript等技术，根据屏幕尺寸加载适合的图像大小。

- 断点设计：根据常见设备的屏幕尺寸，设置断点（breakpoint），在不同断点上应用不同的样式。

二、实践题1. 编写一个HTML文件，包含以下内容：```html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Web网页设计期末试题及答案</title></head><body><h1>Web网页设计期末试题及答案</h1><p>这是一篇关于Web网页设计期末试题及答案的文章。

网页设计理论测试题4.11理论试题一、单选题1.按钮type属性值不包括如下哪些：A resetB textC submitD button2.关于ID选择器下列正确的是：A .box{} B box{} C ？box{} D #box{}3.以下属于类别选择器的是：A A;link B .header C ul D #nav4.关于首行缩进属性的设置，下列说法正确的是：A 设置段落缩进2个字符的代码是text-indent:2emB 段落缩进作用和padding-left完全相同，都让文字首行缩进C 段落缩进的属性text-indent的属性值的单位不能是像素D 设置段落缩进2个字符的代码是text-indent:36px5.以下不属于css文字属性的有：A font-weight B margin C font-family D font-size6.设置段落文本水平居中，text-align属性的值为：A top B left C center D Right7.list-style-type定义列表前面的项目符号是空心圆的是：：A circle B none C square D Disc8.以下css中设置文字颜色属性color的写法错误的是A h1{color：red;}B red{font-color：0066ff;}C #green{color：green;}D body{color:#666;}9.css中，用于设置背景重复的属性是A Background-colorB Background-imageC Background-repeatD Background-option10.c ss文字属性中用于设置文字大小的属性的是A font-familyB font-sizeC text-indentD color11.能够将网页中的文本设置为加粗的是A Font-size:boldB Font-weight:boldC Font-width:900D Font-weigth:normal12.文本对于p标签中文本的显示效果描述正确的是A 文本显示为粗体,首行无缩进B 文本显示为加粗倾斜，宽度为200pxC 文本显示为普通正常字体,宽度为100pxD 文本显示为倾斜，首行无缩进13.以下代码能够将一段文本设置成首行缩进两个字并添加下划线的是A text-decoration：underline; text-indent：20;B text-indent：underline; text-decoration：20px;C text-decoration：underline; text-indent：2em;D text-decoration：underline; text-align:2em14.设置一个盒子的背景颜色为黑色，以下属性正确的是A background-color:#fffB background-color:#000C color:#000D color:black15.让一个盒子的背景图片不重复显示，应该用什么属性A background-repeat:no-repeatB background-color:no-repeatC background-repeat:repeatD background:repeat16.下列不属于背景属性的A bcakground-imageB backgroundC background-activeD background-color17.让一个盒子的背景图片只横向平铺A background:url(1.jpg) repeat-x;B background-color:repeat-x;C background:url(1.jpg) repeat-y;D background:repeat;18.背景图片的属性设置不包括A background-positionB background-imageC background-colorD background-weight19.设置段落文本缩进，以下属性正确的是：A text-alignB text-indentC line-heightD font-size20.、去掉列表项目符号的代码：A ul{list-style:disc;}B ul{list-style:none;}C ul{list-style:block;}D ul{list-style:inline;}21、提交按钮应该用下面哪个属性：：（）A submit B button C text D reset22、CSS类选择器的作用是：（）A修改class元素 B 通过元素中的class属性选择对应元素 C 创建class属性 D 通过元素的ID选择元素23、下列是class命名的是：（）ABCD24、里加CSS样式正确的是：（）A div{ color:red; width:100px; height:110px;}B ？div{ color:red; width:100px; height:110px;}C #div{ color:red; width:100px; height:110px;}D .div{ color:red; width:100px; height:110px;}25、能够将网页中的文本设置为加粗的是：（）A Font-size:boldB Font-weight:boldC Font-width:900D Font-weigth:normal26、下列不属于背景属性的：（） A background B background-color C bcakground-image D background-active27、文本对于p标签中文本的显示效果描述正确的是：（）A 文本显示为加粗倾斜，宽度为200pxB 文本显示为粗体,首行无缩进C 文本显示为倾斜，首行无缩进D 文本显示为普通正常字体,宽度为100px28、背景图片的属性设置不包括：（）A background-imageB background-colorC background-weightD background-position29、设置段落文本水平居中，text-align属性的值为：（）A Right B center C left D top二、多选题：1.下面属于CSS选择器的是：A a{width:20px; height:30px;}B a:hover{width:20px; height:30px;}C .css{}D id="a"{}2.下列关于文本装饰text-decoration代码书写正确的是：A p{ text-decoration:line-through; }B p{ text-decoration:none; }C p{ text-decoration:overline; }D p{ text-decoration:underline; }3.下列关于段落css属性代码书写不正确的是：A p{ line-height:24px; text-align:middle; text-decoration:underline;}B p{ line-height:24px; text-align:right; text-decoration:underline; }C p{ line-height:24px; align:100px; text-decoration:underline; }D p{ line-height:24px; align:center; text-decoration:overline;}4.font-weight的属性值有：：A none B normal C block D bold下列属于背景属性的：A background-colorB backgroundC bcakground-imageD background-active5.关于css中设置背景的属性background叙述正确的是A背景位置的设置可以用英语关键字，不可以用数字加单位。

web网页设计知识点总结Web网页设计是指将各种元素与技术应用于制作页面，使其具有良好的用户体验和视觉效果。

在网页设计过程中，有许多重要的知识点需要掌握。

本文将对一些常用的Web网页设计知识点进行总结，以帮助读者更好地理解和应用这些知识。

一、网页设计基础知识1. 色彩理论：了解颜色的基本概念，掌握色彩搭配原则，如互补色、类似色等。

同时要考虑色彩对用户心理的影响和传达信息的效果。

2. 网页布局：学习网页布局的基本原则和常用的布局方式，如单栏、双栏、三栏等。

合理的网页布局可以提高用户的浏览体验。

3. 图像处理：熟悉图像的格式、压缩和优化方法，以确保网页的加载速度和图像质量的平衡。

4. 字体选择：了解不同字体在网页上的呈现效果和可读性，选择适合的字体，提高页面的可读性和美观度。

二、网页设计工具1. Adobe Photoshop：掌握基本的Photoshop操作技巧，如图片处理、图层叠加、色彩调整等，用于网页的设计和图像编辑。

2. Adobe Illustrator：熟悉Illustrator的基本操作，用于绘制矢量图形和Logo设计，提高页面的可伸缩性和清晰度。

3. Sketch：了解Sketch的使用方法，它是一种常用的设计工具，特别适用于界面设计和移动端设计。

4. Axure RP：掌握Axure RP的基本原理和使用方法，用于设计网页的交互效果和原型展示。

三、网页交互设计1. 导航设计：合理设计网页导航，使用户能够轻松地找到所需内容。

采用常见的导航结构，如水平导航和垂直导航，并使用合适的字体和图标进行补充。

2. 响应式设计：学习响应式设计原则，使网页能够在不同终端上自适应地展示，提高用户体验和访问适用性。

3. 用户界面设计：关注用户的使用习惯和心理，设计直观、简洁的用户界面，使用户在网页上的操作更加便捷。

4. 交互效果：运用JavaScript和CSS等技术，设计交互效果，如动态导航、轮播图等，增强页面的互动性和吸引力。

"网页制作"理论试题及答案一、单项选择题1.当测览器不能正常显示图像时，会在图像的位置显示的容__A__。

A.替代B.目标C.地图D.低品质源2.将超的目标网页在当前窗口中翻开的方式是__D___。

A.parentB._blankC._topD._self3.当网页既设置了背景图像又设置了背风光，那么__A__。

A.以背景图像为主B.以背风光为主C.产生--种混合效果D.冲突，不能同时设置4.在页面属性对话框中，我们不能设置__C___。

A.网页的背风光B.网页文本的颜色C.网页文本的大小D.网页的边界5.在文本的属性面板中，不能设置___D__ 。

A.文字的大小和颜色B.加粗或倾斜风格C.文字的超D.矩形热区6.以下路径中属于绝对路径的是___A___ 。

A. .souhu./index.htmB./xuesheng/chengji/mingci.htmC. address.htmD. staff/telephone.htm7.DreamweaverMX可以导入的表格式数据的格式是___C___。

A.Excel格式B.Word格式C.文本格式D.任意格式8.要一次选择整个行，在标签检查器中选择___B___ 标签。

A.tableB.trC.tdD.tp9.指定表格单元格之间的间隙大小，需要设置表格属性面板中的___B___。

10.如果层中的图片太大，要设置超出局部照样显示，那么"溢出"选项中应选择__A___ 。

A.visibIeB.hiddenC.scrolID.auto11.不管层中的容是否超出，都显示滚动条，那么"溢出"选项中应选择___C____ 。

A.visibleB.hiddenC.scrollD.auto12.利用键盘方向键移动层时，一次按键只能移动___A___ px。

A.lB.2C.3D.413.层的对齐万式"设成宽度一样"的含义是__B___ 。

网站设计的基础理论网站设计的基础理论2010-07-19 10：16一.试着去了解用户网页设计师在进行网站的外观设计之前，不妨先去思考几个问题·谁是你的目标用户?·目标用户具有什么特点?·你的网站运营目标是什么?·如何让你的设计真正为传递网站内容和产品价值而服务?·你的设计能否给目标用户带来更好的体验?网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用户习惯的方式呈现。

同时网站的外观设计还要通过对用户行为的引导服务于网站的运营目标。

时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观设计而忽略了最根本的企业的行业属性，过于注重视觉效果，网站美观有余实用不足。

设计师面对两类用户：一是企业客户本身，一是企业客户所面对的客户，即网站的访问者。

如何满足这两类用户的需求，则需要通过以下方法来达成：1、加强与企业客户的沟通，了解客户建立网站的商业目标；2、站在网站访问者的角度考虑问题，把注意力集中在潜在客户需求和目标上，而不是依靠企业管理者的凭空想象来进行设计。

二、网站整体风格和品牌形象网站的整体风格是网站外观设计的指导思想。

视觉元素、CSS、布局方式、浏览器兼容性等视觉表现形式都要服从于网站的整体风格。

确立网站整体风格有助于品牌形象的塑造，而网站的品牌理念对网站的整体风格也有着重要的影响。

网站的品牌形象不仅是现有的品牌在网上的延伸，还能给用户带来更多的符合期望的品牌体验。

总体上，网站风格设计要契合以下几方面：2.1风格要突出企业/产品的个性气质企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，比如套用模板程序做出来的网站通常就难以体现个性气质。

很多创意类的工作室或者广告公司的网站常常喜欢采用红黑，黑白这样对比强烈的颜色。

以此来体现网站的品牌气质，使网站整体显得个性张扬，饱满精致。