网页设计中水平线 第1篇
1、网页基本元素不包括( )
A、文字 B、图片 C、界面 D、视频
2、在“页面属性”里不能设置的项是( )
A、设置页面颜色 B、设置背景图像 C、设置跟踪图像D设置段落
3、在“插入导航条”对话框设置图像状态时，( )是必须要指定的。 A、按下时鼠标经过图像 B、状态图像C、鼠标经过图像 D、按下图像
4、下列不能正确打开属性面板的是( )
A、单击窗口下方属性面板上的“u”按钮 B、使用组合键Ctrl+F3 C、单击“窗口”——>“属性”菜单命令 D、使用组合键Alt+F
5、要在文章首行插入两个空格，正确的操作方法是( ) A、直接输入两个全角空格 B、直接输入四个半角空格
C、在代码视图中的段首文字前输入四个 代码 D、按组合键Ctrl+pace
6、下列关于字号的说法正确的是( )
A、字号是绝对字号 B、字号是相对字号 C、默认是5号字 D、5号>+3号
7、下列不能在标准视图中插入的是( )布局 A、图像 B、表格 C、表格 D、层
8、为文字添加超链接的方法很多，以下说法错误的是( ) A、直接在属性面板的“链接”文本框内设置
B、利用文本属性面板上的“指向文件”按钮直接指向要链接的文件 C、按住Ctrl键，拖动所选文本到被链接的文件 D、右击所选文本，在快捷菜单中选择“创建链接”
9、关于创建“电子邮件”链接，下列说法错误的是( ) A、选中热区文本，单击“插入”——>“电子邮件”链接
网页设计中水平线 第2篇
2、在Dreamweaver MX中建立新站点，下列说法错误的是( ) A、可以选择某个文件夹作为站点保存位置 B、可以设置是否使用服务器技术 C、站点建好后就不能再修改
3、关于网站、网页、主页下列说法正确的是( ) A、网站是一个大的网页，它包含网页和主页 B、网站是网页的集合，它包含着网页和主页 C、网站包含主页，主页包含网页 D、三者无关系
4、若要在浏览器中把布局表格隐藏，可以将表格框线的宽度值改为( ) A、0 B、1 C、2 D、3
6、下列关于字号的表达式中正确的是( ) A、+1号>-1号>1号 B、-1号>1号>+1号 C、1号>+1号>-1号 D、+1号>1号>-1号
7、在使用FLASH按钮超链接时，FLASH按钮的名称 ( )
A、可以为中文 B、只能为中文 C、不能为中文 D、存放路径可以为中文
8、CSS选择器中“A:visited”表示鼠标在( )时的状态。 A、经过 B、激活 C、原始 D、访问过超链接后
9、下列正确表示电子邮件超链接的格式是 ( )
A、mail to://abc@ B、mail to: abc@ C、mail to:abc@ D、mailto:abc@
10、打开时间轴面板的快捷键是( )
A、F2 B、Alt+F9 C、Ctrl+F2 D、Ctrl+F3
11、关于层的使用，下列说法正确的是( )
A、层中只能插入文字 B、一个网页中只能插入一个层 C、表格中不能插入层 D、层的大小位置不可以更改
12、打开“站点管理器”的快捷键是( ) A、F2 B、F4 C、F6 D、F8
13、隐藏当前所有打开的浮动面板的快捷键是( ) A、F1 B、F4 C、F7 D、F10 14、
14、关于图片格式的说法，正确的是( ) A、 Gif文件最多支持25种颜色 B、Gif文件的颜色有限 C、Jpeg文件可以是动画
D、Gif因为体积太大，一般不能用于网页的背景
15、FLASH MX发布后的动画文件的扩展名是( ) A、FLA B、DOC C、SWF D、DWT
16、关于网页下列说法正确的是( ) A、网页中只能有文字，不能有声音、图象等 B、网页是通过超链接与其他网页相联系 C、网页只能用HTML语言来编写
D、网页中的超级链接只能是本网站内的相对链接
17、在设置页面属性时，关于跟踪图像的说法错误的是( ) A、网页排版的一种辅助手段 B、用来进行图象的定位 C、只有网页预览时才有效 D、对HTML文档不产生任何影响
18、模板文件的扩展名为( )
A、html B、tmp C、dwt D、tem
19、下列不属于LOGO的标准规格的是( )
A、88*31 B、90*60 C、120*60 D、120*90
网页设计中水平线 第3篇
1、在建立CSS样式时，CSS选择器中的“a:haver”表示鼠标 时的状态。
2、要在一幅图片上建立两个以上的超级链接，可以使用 的方法。
3、在Dreamweaver中的文本换行有 、按回车换行和按Shift+Enter三种方法。
4、在FLASH MX中保存的文件，扩展名是
5、时间轴在网页中获得的动态效果是利用 语言实现的。
6、层面板上显示的层名称列表是按 的顺序排列的，先创建的层默认出现在列表的下方。
7、要把HTML文件显示预览，应借助 菜单中的“在浏览器中预览” ——>“iexplore”命令
8、要创建一个允许Internet用户访问的站点，必须具有两个条件：一个是有一个存储内容的主机空间，一个是 。
9、上传网站的方法很多，一般采用 的方式上传。
网页设计中水平线 第4篇
五、Part 5: 画板尺寸选择 Frame
B 端项目在 PC 端的设计稿尺寸很多公司都不一样，据 Ant 统计，使用中台系统的用户的主流分辨率主要为 1920、1440 和 1366，个别系统还存在 1280 的显示设备。
根据工作的经验，直接说结论：
画板统一是必要的，就像移动端的统一是一个道理，这会大大减少团队的沟通和理解成本。
六、Part 6: 宽高比 Aspect Ratios
在调 Container 大小时，限制宽高比，这样做将增强产品之间的统一感。我们可以制定几个合适本产品的宽高比，然后制出表格，从表格中选择一个纵横比，然后根据需要乘以每个维度的基本单位以设置宽度和高度，保持纵向或横向的比例。
网页设计中水平线 第5篇
效率化分三个层面体现：
4. 栅格的类别
我们从 Figma 的 Layout Grid 可以看出，栅格的分类大致有四种：
网页设计中水平线 第6篇
Column 栏是栅格系统内容的容器，盛放文本、表格、图片等内容及元素。
页边距不是固定值的情况，列的宽度是固定的。如果是固定边距的情况，列的宽度不是固定的。UI设计中，我们一般会选取页边距固定，也就是设置Margin。
总之，列和页边距只有一个是固定值，另一方的值由运算得出。
具体运算公式：
Number of Column 和 Gutter 是我们自己定义的，Viewport Widt 使用栅格部分页面宽度也是固定的，那么只要变量只剩 Cloumn 和 Margin，给其中一个值定义，即可算出另一方的值。
另外，列数也可以通过定义 Break Point 改变， 在不同 Break Point 下的界面设置不同的列数。
例如，
Container 如果是卡片形式，可以设置 Padding 来让视觉更有秩序。在我们使用栅格系统做 B 端的 PC 端设计时，建议选用 24 栏设计或者 12 栏设计。需要注意的是，列和栏是有区别的，在 Ant Design 中 1列 = 1栏+1水槽。
网页设计中水平线 第7篇
1、规划网站的目录结构时，应该注意的问题是( )
A、 尽量用中文名来命名目录B、整个网站只需要一个images 目录 C、目录层次不要太深 D、使用长的名称来命名目录
2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是( )
A、_black B、_parent C、_self D、_top
3、DreamweaverMX通过( )面板管理站点。
A、 站点 B、文件 C、资源 D、结果
4、插入表格对话框中的“间距”表示( )。
A、表格的外框精细B、表格在页面中所占用的空间C、单元格之间的距离D、单元格大小
5、对于一个有N个框架的框架页，是由( )个单独的HTML文档组成的。
A、N B、N+1 C、N-1 D、N+2
6、HTML的颜色属性值中，蓝色的代码是( )。
A、#000000 B、#00FF00 C、#0000FF D、#FFFF00
7、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击( )在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项
A、查找一个 B、查找全部 C、替换 D、替换全部
8、下列关于DreamweaverMX的说法错误的是( )。
A、 从Word中直接复制粘贴的文字可以保留其原有格式
B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏
C、 在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。
D、拖动棉板的名称标签可以进行自由组合。
9、网页设计中，设置表格框线和背景颜色时，在( )属性面板中单击“边框颜色”和“背景颜色”拾色器，然后选择所需的颜色即可。
A、单元格 B、行 C、列 D、表格
10、在网页设计中，选择单元格的方法是( )。
网页设计中水平线 第8篇
1、HTML源代码包括 标记和 标记两大部分
2、若要设置页面属性，可以按 组合键打开对话框。
3、实现网页布局的方法主要有 、 和框架三种。
4、在用“调用Javascript”建立弹出信息对话框的行为时，要在对话框中输入 (“弹出的信息内容”)的方法来实现。
5、网络中，网页之间的链接是通过 来实现的。
6、创建网站首页时通常取文件名为
7、要退出DreamweaverMX程序可以单击“文件”菜单的 命令。
8、在表格右下角的单元格内敲回车键，产生的结果是系统将自动
9、对文字设置时，如果选择-2，表示
11、按照超链接建立的对象不同，可以分为文本超链接和 超链接。
12、如果时间轴只有两个关键帧，那么创建的动画只能做 运动。
13、建立空链接的方法是在属性面板的链接框内输入 。
网页设计中水平线 第9篇
1、在站点中建立一个动态网页，它的扩展名可以是( ) A、.doc B、.asp C、.xlm D、.htm
2、在“页面属性”中可以设置图像的( )属性。
A、宽度 B、高度 C、边框 D、边距
3、请选择在布局视图中没有的属性( ) A、背景颜色 B、自动伸展 C、间距 D、换行
4、下列图片格式中，Dreamweaver不支持的是( ) A、Jpeg B、Png C、Gif D、Bmp
5、应用定义站点的“高级”选项卡，可以设置本地站点、远程站点和备注等，若要启用或禁用遮盖，应选择“分类”中的( )选项。
A、遮盖 B、测试服务器 C、服务器端应用程序/客户端脚本D、Contribute
7、所谓网页下载时间是指( )
A、显示网页上的所有内容所需的时间 B、显示网页上的文字所需的时间
C、将网页保存到本地硬盘所需时间D、使用下载软件将网页保存到本地硬盘所需最少时间
网页设计中水平线 第10篇
水槽：是列之间的空间，可帮助分隔内容。
水槽的宽度是固定的，但是对于不同的端的设计，我们可以设置 Break Point， 在不同 Break Point 下的界面设置不同水槽宽度。在针对不同端口设计时，移动端常用的水槽宽度较小，PC 端的水槽宽度往往较大，响应式布局往往通过设置 Break Point 来定义不同端口在下水槽的宽度。
需要注意的是，水槽的宽度要小于列宽，避免出现设计留白过大的情况。
比如，在 Material Design 中，在移动设备上，0-599 dp 时 ，此布局网格使用 16dp 水槽；在平板电脑上，断点为 600-094 dp时 ，此布局网格使用 24dp 水槽。
网页设计中水平线 第11篇
在大部分情况下，前三种方式都是组合使用的，只不过我们经常不列出行式或者用辅助线来代替。
5. 栅格系统的构成
栅格由 栏 (Column)、水槽 (Gutter) 、 边距 (Margin) 、最小单位 (Mini Unit) 构，前文讲过最小单位，所以下面不赘述。
网页设计中水平线 第12篇
网格式的栅格系统使用范例是 2x Grid System ，这是 IBM 设计的基础。无论使用何种设备或媒介，2x Grid System 都能提供足够的结构和指导，让设计师可以专注于自己的创意。
2x Grid System 的基础固定单元是 8px 的小方格，通过组合这些小方格，组成了rows、column、container、card 和 components，以及 margin 和 padding。
有些情况，就是网格形式的栅格系统，利用最小单元格计算出的 padding 和 margin 形成水槽。下图是 2x Grid System 的示例：
网页设计中水平线 第13篇
用CSS先固定宽度，具体代码如下
这里是设置了网页的宽度为1000PX，高度为500PX，黑色边框。然后再用text-align:center对标题样式控制
这里是设置标题样式text-align:center，就是文字居中显示样式控制font-size:12px; 文字大小height:25px; 文字高度line-height:25px; 行高color:#000文字颜色最后完整代码如下：
网页设计中水平线 第14篇
页边距分两种，固定边距和非固定边距，值得注意的是，非固定边距的情况下，Margin还可以定义为相对值，比如 Margin = 10% screen width，也就是页边距等于10%的屏幕宽度。
在一个app界面设计中，可以有1-3种固定页面边距，这是根据页面呈现内容和你想呈现的视觉效果决定的。一般来说，页边距越大，相应定义的水槽也可以越大或者维持不变，这是为了让页面更清爽，留白更多，有时也是为了突出高级感，反之，如果页面内容过多，可以用小边距。需要注意的是，同一个页面只能使用一种边距。
在响应式布局时，也可以根据 Break Point 去设置页边距的值。
比如，在 Material Design 中，在页面宽度在小于等于600px的情况下，margin = 16px在页面宽度大于600px的情况下，marigin = 32px
四、Part 4: 断点 Breakpoint
断点是自定义屏幕的宽度范围，在不同范围下确定不同的布局规则，这是为了适应不同的设备和屏幕尺寸。
我们先来看一下如下几个 Design System 的断点规则：
我们先从 Break Point 个数来看，Sales Force 的断点个数最少，个人认为的原因是 Sales Force 的用户群体多用PC端，因为大多为后台操作，需要保证用户在单屏能尽量方便完成所有操作，所以 Break Point 较少。而其他三家都有自己的硬件设备，为了设计能更好的服务于全端的设备，所以断点个数较多。
我们再从 Break Point 的值来看，各个 Design System 的值都大相径庭，这是因为要适配独特的产品尺寸。下面，我们来看一下主流设计软件的默认设备画板尺寸：
我们可以得出下面结论：
（ps: 这是我个人常用的 Break Point 参数）
所以我们在定义 Break Point 前，需要看产品功能复杂度及该产品的用户常用设备。如果用户什么设备都用且所有功能都需要，那么恭喜你，全端适配响应，Break Point 规则会很多，人生很难。反之，我们用户常用设备少，我们可以减少断点。
在定义 Break Point 的大小和具体值后，我们还需要定义在该 Break Point 范围内的规则，常见的包括: Column number, Gutter, Margin，Column size 等，甚至在有些时候，为了更好的呈现效果，我们更改某些 Font Size, Padding 等。比如，我们在 PC 端使用了64号字作为 Huge-title，但是在移动端64号字可能会效果很差，我们就需要在移动端的断点范围缩小字号，也许它可以是28号字。
网页设计中水平线 第15篇
1、Flash中，快速打开元件库的组合键是 或F11
2、FLASH中层的相互独立性是指 。
3、在Flash中,测试动画的快捷键是 .
4、Flash中的帧包括 、空白关键帧、过渡帧三种。
5、任何彩色都有三个特征，即 、 和 6、一般 色常用于工业、高科技企业。
7、要上传整个站点，可按 组合键来选定整个站点文件。
8、付费空间一般有主机托管、主机租用和 三种形式。
9、一个创建好的模板分为 和 两个区域。