把一张图片设成整个网页背景
网页设计前端页面规范要求和注意事项
网页设计前端页面规范要求和注意事项网页设计前端页面规范要求和注意事项引导语:网页前端的设计是直接面向用户的,是用户所看得见的效果,以下是店铺整理的网页设计前端页面规范要求和注意事项,欢迎参考阅读!1.尽量把页面的背景图及小图标整合到一张图片,用CSS定位方法。
这样以减少http请求,从而降底网站的下载的速度。
2.尊从内容与页面样式的脱离,如需要,同样也要做到布局与COLOR的脱离。
什么样的图片属于内容:从数据库里取出来的图片。
凡是不属于内容的图片请都用背景。
1)页面代码,做到精简,逻辑性清楚;公用部位可以引入进来,比如头部,脚部。
2)CSS逻辑清析,精简。
可在不改变功能的前提内,做到能更换页面布局及换色。
CSS样式每个页面引入不超过两个文件,一个是COMMON:它包含整个站点都需用到的公用部分,如整体布局,头部,脚部,框,按扭等。
另一个是当前页的CSS。
CSS文件引入在2个之内,减少http请求避免CSS的表达式。
3.将脚本放在底部。
这样页面就可以逐步呈现,而且页面中的可视组件可以尽早下裁。
配合程序开发人员我们需要注意的(xhtml):1.了解用户可编辑上传修改的“图片”,“文字”区域的需求。
根据需求来定位控制,以保证页面的稳定显示。
如图片,需了解:1)宽度是否是固定大小,2)宽度最大限度,3)大小不一样时的居中显示如文字,需了解:1) 文字的最大长度。
及加“…”省略号区域,2) 在测试中经常也会碰到英文无空格情况,得用overflow:hidden的方法隐藏溢出部分。
2.每个页面加上正确显示的TITLE。
3.在页面中尽量完成每步交互效果,包括既时响应的。
4.提交程序员的'DEMO必须是连贯的,交互效里齐全,而且经过自已在IE6.0,IE7.0,FIREFOX一次以上的整体测试。
设计师需要注意的几点:1.尽量考虑为元素命名其本身的作用或”用意”,达到语义化。
不要使用表面形式的命名。
如:red/left/big等。
模拟卷操作题
第三章模拟试卷操作题第一节A卷注意:做模拟题操作题部分前,请先将光盘(或U盘)【模拟试题】文件夹中试卷(如A卷)文件夹中的【KS】、【样张】和【素材】文件夹复制到C盘上。
三、操作题所有的样张都在“C:\样张”文件夹中,考试系统中【样张】按钮可直接打开此文件夹。
(一)Windows操作(共6分)1.在C:\KS文件夹下创建两个文件夹:newa、newb;在C:\KS文件夹中建立名为npd 的快捷方式,指向Windows 7的系统文件夹中的应用程序notepad.exe。
2.在C:\KS文件夹下创建一个文本文件,文件名为testA.txt,内容为“上海市计算机等级考试一级2012”,修改其属性为只读。
(二)Office操作(共20分)1.启动Excel,打开C:\素材\excel.xlsx文件,参考样张,对Sheet1中的表格按以下要求操作,将结果以原文件名另存在C:\KS文件夹中。
1.设置表格标题为:隶书、20磅、粗体、蓝色,在A1:I1区域中跨列居中;在B1:H1单元格设置“50% 灰色”图案。
2.用公式计算总分和录取意见,统计规则如下:总分不少于465分为“录取”,否则为“不录取”,并用条件格式设置语文、数学、英语、物理在100分以上的为红色。
(计算必须用公式,否则不计分)3.设置表格格式:五门考试科目C列至G列列宽为6,按样张设置表格的边框线,表格数据居中显示。
4.在A26:I40区域中生成柱形图图表,图表中图例文字大小设置为10磅。
2.启动PowerPoint 2010,打开C:\素材\Power.pptx文件,按下列要求操作,将结果以原文件名存入C:\KS文件夹。
(1)在幻灯片1上,对文本“树”应用“浮入”进入动画;在幻灯片5上,对背景应用“深色木质”纹理。
(2)将演示文稿的主题更改为“流畅”(提示:该主题为蓝色背景),然后将主题颜色更改为“新闻纸”,主题字体更改为“透视”;设置幻灯片切换方式,使每张幻灯片在3秒后自动切换。
项目5网页制作素材
项目五:汽车网页设计
一、制作公司 Logo
1.文件>新建:400*200px、分辨率:72、RGB模式、 2.选用文字工具,并设置文字的颜色为“C:100, M:98,Y:44,
K:0”;其中字母的大小为“60 点”,文字的大小为“48 点”、字体为“Rockwell Extra Bold”。
4.导航栏
• 导航栏是一 组超级链接, 用来方便地 浏览站点。 导航栏一般 由多个按钮 或者多个文 本超级链接 组成。
5.动画
• 动画是网页中最活跃的元素,创意出众、制作精致的动画 是吸引浏览者眼球的最有效方法之一。但是如果网页动画 太多,也会物极必反,使人眼花缭乱,进而产生视觉疲劳
6.表格
表格是HTML 语言中的一种 元素,主要用 于网页内容的 布局,组织整 个网页的外观, 通过表格可以 精确地控制各 网页元素在网 页中的位置。
网页布局基本元素
——网页由文本、图像、动画、超级链
接等基本元素构成
1.文本
• 一般情况下,网页中最多的内容是文本,可以根据需要对 其字体、大小、颜色、底纹、边框等属性进行设置。建议 用于网页正文的文字一般不要太大,也不要使用过多的字 体,中文文字一般可使用宋体,大小一般使用9磅或12像 素左右即可。
网页设计
网页又叫主页,是用一种 HTML的标志语言来表示 的,它将我们要表示的 信息用HTML语言表示出 来,这就形成了HTML代 码,浏览器的工作主要 是将这些标记语言“翻 译”过来,并照定义的 格式等显示出来,这就 是我们所真正看到的网 页。
网页设计
➢ 网页设计的建站包含:企业网站、集团网站、门户网站、 社区论坛、电子商务网站、网站优整版。主要以图像为诉求点,也可将部分 文字压置于图像之上。视觉传达效果直观而强烈。满版型 给人以舒展、大方的感觉。随着宽带的普及,这种版式在 网页设计中的运用越来越多。
怎么使用dreamweaver制作网页教程 dw建站设计网页
怎么使用dreamweaver制作网页教程 dw建站设计网页Dreamweaver是一款专业的网页制作软件,被广泛应用于网页设计师的日常工作中。
它是一款视觉化网页开发工具,可以轻松制作出跨越平台和浏览器限制的充满动感的网页。
在本文中,我们将为您介绍如何使用Dreamweaver制作网页。
一、定义站点1.在任意一个根目录下创建一个文件夹(例如E盘),并为其命名(例如MyWeb)。
2.打开Dreamweaver,选择“站点-新建站点”,在对话框中输入网站名称和本地根文件夹路径(E:web),然后确定。
此时再次打开Dreamweaver,会自动找到刚才设立的站点。
二、创建页面1.在本地文件夹E:\MyWeb下,右键点击空白处,选择“新建文件”,建立一个页面。
默认的文件名为untitled.htm,将其改名为index.htm。
2.双击index.htm进入该页面的编辑状态。
在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。
在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.在页面中添加文字,可用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。
4.如果需要选取字体,则选择字体中的最后一项“编辑字体列表”,在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
三、为页面添加图片在页面中添加图片,可用菜单“插入/图片”,选择本地图片路径,然后将其拖拽到页面中即可。
Dreamweaver是一款非常强大的网页制作软件,通过本文的教程,相信您可以轻松上手制作出精美的网页。
1、在本地文件夹E:\MyWeb下新建文件夹,用于存放图片,可更名为tu、pic或images。
2、打开对象面板,选择“插入图像”,在对话框中选择要插入的图片。
若出现对话框“是否将该文件复制到根文件夹中?”,需选择“是”,并保存到刚建立的文件夹中。
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题,每小题2分,共60分)1、目前在Internet上应用最为广泛的服务是()。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是()。
A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService3、主机域名由四个子域组成,其中()子域代表国别代码。
A、centerB、4A、GB码B、Unicode5、当标记的TYPE属性值为()A、TEXTB、6、为了标识一个HTMLA、<table>B、7A、javascriptB、8、在HTML中,标记的A、5B、6插入形式的是()。
C、嵌入式D、外部式()。
、GIF和BMPD、BMP和PSD 13URL开头是()。
C、SHTTPD、SSL().、<ahref=”@”>D、<ahref=”!”>()SMTPD、Gopher16、下列Web服务器上的目录权限级别中,最安全的权限级别是()A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时,需要的工具是()A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是()A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是()A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是()A、规划目录结构时,应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色,其实指的就是色相D、为了使站点目录明确,应该采用中文目录21、在Dreamweaver中,最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript22、在DreamweaverMX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习().A、代码简练性B、版面特色C25、在网页制作过程中,A、468*60B、26、客户机可向服务器按MINEA、SMTPB、27、在色彩的RGB系统中,32A、黑色B、红色28、FlashACB、保护数据安全D、硬件结构的稳定一、多项选择题(本大题共10小题,每小题2分,共20分。
Photoshop怎么页面切图
Photoshop怎么页面切图
网页设计在技术层面上,首先是美工做出网页效果图,其次就是网页前端进行网页切图,用Photoshop就可以把页面进行切图。
下面是店铺整理的Photoshop页面切图的方法,供您参考。
Photoshop页面切图的方法
第一步用PS打开网页效果图PSD文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。
第二步在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。
第三步隐藏其他图层,把背景图切出来。
如果背景图很大,可以考虑分段切出,这样可以加速网页加载。
第四步切出背景后,就从上到下,先把LOGO切出。
这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。
第五步导出图片可以选择文件——存储为web和设备所有格式第六步在保存切出图片的时候,选择保存HTML和图片,这样导出来的就会自动生成一个网页页面和切图图片
第五步在切像尾部版权部分的背景时候,发现这个是渐变图层,这样就可以只切出一个像素的长度。
然后在代码中设置repeat-x横轴填充
Photoshop页面切图的。
CSS背景属性Background详解
CSS背景属性Background详解本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性。
如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。
css2 中的背景(background)CSS2 中有5个主要的背景(background)属性,它们是:background-color:指定填充背景的颜色。
background-image:引用图片作为背景。
background-position:指定元素背景图片的位置。
background-repeat:决定是否重复背景图片。
background-attachment:决定背景图是否随页面滚动。
这些属性可以全部合并为一个缩写属性:background。
需要注意的一个要点是背景占据元素的所有内容区域,包括padding 和border,但是不包括元素的margin。
它在Firefox,Safari ,Opera 以及IE8 中工作正常,但是IE6 和IE7 中,background 没把border 计算在内。
基本属性背景色(background-color)代码background-color: #0000ff;background-color 也可被设置为透明(transparent),这会使得其下的元素可见。
背景图(background-image)background-image 属性允许指定一个图片展示在背景中。
可以和background-color 连用,因此如果图片不重复地话,图片覆盖不到地地方都会被背景色填充。
代码很简单,只需要记住,路径是相对于样式表的,因此以下的代码中,图片和样式表是在同一个目录中的。
background-image: url(image.jpg);但是如果图片在一个名为images 的子目录中,就应该是:background-image: url(images/image.jpg);背景平铺(background-repeat)设置背景图片时,默认把图片在水平和垂直方向平铺以铺满整个元素。
Dreamweaver复习题库
Dreamweaver复习题库一、单项选择题(每个题只有一个的答案是正确的)1、网站首页的名字通常是(D)A、Index.htmB、Index.htmlC、WWWD、A或B2、在站点中建立一个文件,他的扩展名应是(D)。
A、DOCB、PPTC、XLSD、HTM3、下列(C)是Dreamweaver中库文件的扩展名。
A、.dwtB、.htmC、.lbiD、.cop4、在Dreamweaver中,模板的扩展名为(B )A、.dotB、.dwtC、.xltD、.pot5、模板文件要保存在(D )中。
A、站点任意位置B、根目录下C、Templates文件夹中D、根目录下的Templates文件夹中6、关于网页中的换行,说法错误的是(D)。
A、可以使用<br>标签换行B、可以使用<p>标签换行C、使用<br>标签换行,行与行之间没有间隔;使用<p>标签换行,两行之间会空一行D、可以直接在HTML代码中按下回车键换行,网页中的内容也会换行7、如果要给水平线设置颜色,应选择( A )实现。
A、点击快速标签编辑器B、在属性面板中设置C、在设计视窗中设置D、打开浮动面板组进行设置8、利用a:link设置的样式属于( C )。
A、类样式 B. 标签样式 C. 高级样式 D. 层叠样式9、如果希望插入到网页中的视频是循环播放的,则在代码段中会有( A )代码。
A、param name="LOOP" value="true"B、width="750" height="110"C、quality="high"D、href=" "10、下列(C)可实现带有主题的邮件。
A、#B、mailto:baby@C、mailto:baby@?subject=给我们发个邮件D、11、以下(C)标记是插入到网页中的命名锚记。
网页设计师模拟题
问题: 下列关于CSS的描述那些是错误的?答案1:CSS是指层叠样式表答案2: 一套CSS可以应用于多个页面甚至整个站点答案3:更改公用的CSS可以自动更新多个被控页面中的样式答案4: CSS不能将格式和结构分离,但可以应用于当前的整个页面正确答案: 4问题:如果我们想要快速分辨出哪些文件是动态网页或静态网页,可以直接从文件名称的后缀中观察到。
那么下面哪一个不是动态网页的后缀名?答案1: 。
php答案2:.xml答案3:。
asp答案4:.jsp正确答案: 2问题:关于网站的叙述,下列哪一项不正确?答案1:网站是Internet上的一个信息集中点。
答案2:我们可以通过域名来访问网站.答案3: 不需要将网站存储到独立的服务器上就可以接受访问。
答案4:网站实际上就是在互联网上的一块固定的面向全世界发布消息的地方.正确答案: 3问题:通常我们在制作网页时,会将首页的名字命名为( )。
答案1:WWW答案2:index。
html答案3:main。
html答案4:first.html正确答案: 2问题:网页又被称为( )文件,是网站的重要组成部分。
答案1:Web答案2: HTML答案3:Tga答案4:HTTP正确答案: 2问题:在Dreamweaver的代码窗口中,用于放置网页内容的主体元素标签是( )。
试题图片:答案1: A答案2: B答案3: C答案4: D正确答案: 2问题:利用Dreamweaver创建新站点、站点文件夹与新网页时,以下说法错误的是答案1:当我们进行多个页面编辑时,可以在菜单栏上执行“文件>保存全部"命令,同时保存多个文件。
答案2:在对站点进行命名时,站点名字与其实际对应的文件夹名字必须相同。
答案3:对站点的命名最好遵循以英文或数字组合的原则,不过也可以使用中文来命名。
答案4: 我们在进行文件夹的命名时,要优先使用英文字母开头的英文或数字组合。
正确答案: 2问题:我们在Dreamweaver的代码窗口中编写代码时,那些不是关于表格的代码?试题图片:答案1: A答案2: B答案3: C答案4: D正确答案: 2问题: 万维网有3个基本的组成部分,以下选项中不属于它的组成部分的是哪一个?答案1:URL用于在Web上进入资源的统一方法和路径答案2:超文本置标语言HTML答案3:标准通常标注语言SGML答案4:超文本传输协议HTTP正确答案: 3问题:在网页中,可用的中文字体由( )来决定的。
DREAMWEAVER网页设计复习题--全版答案
DREAMWEAVER网页设计复习题--全版答案《Deamweaver8网页设计与制作》复习题一一、填空题1、在Dreamweaver编辑区中共有三种视图模式分别指的是代码视图、代码和设计视图和设计视图P92、deamweaver8默认的首页文件名是inde某.htm。
P163、搭建站点可以有两种方式,一是使用向导完成完成,二是利用高级设定完成。
P114、有两种设置deamweaver8站点的方法:一是使用向导完成,二是利用高级设定完成。
5、deamweaver8的标题栏会显示网页标题、所在位置及文件名称等。
P9.26、对多个网站进行管理是通过文件面板进行。
P18.47、初次启动Dreamweaver8时,会弹出“工作区设置”对话框,供用户选择的有设计器和编码器工作区布局。
在这里选择默认的“设计器”就可以了。
P310、头内容在浏览器中是不可见的,但却携带网页的重要信息,如关键字、描述文字等。
P2111、预览网页效果的快捷键是F12P22定义的。
14、网页中常用的图像格式有GIFJPGPNG,其中GIF格式支持动画格式。
(JPG与JPEG一样的,只需要写第一个即可。
)二、单项选择题1、创建完全空白的静态页面应选择(B)A.基本页类别中的“HTML模板”选项B.基本页类别中的“HTML”选项C.动态页类别中的选项D.入门页面中的选项2、下列(C)不能在网页的“页面属性”中进行设置。
(页面属性有背景图,但不能对它进行设置。
)A.文档编码B.背景颜色、文本颜色、链接颜色C.网页背景图及其透明度D.跟踪图像及其透明度3、关于在Dreamweaver中插入Flah文本,说法错误的是(A)A.可以设置Flah文本的动态效果,如淡入淡出等B.通过插入Flah文本,用户可以直接创建一个Flah文本对象的动画C.可以设置Flah文本的字体、字号、文本颜色、鼠标转滚颜色等属性D.可以为Flah文本设置链接4、使用Dreamweaver8创建网站的叙述,不正确的是(C)A.站点的命名最好用英文或英文和数字组合B.网页文件应按照分类分别存入不同文件夹C.必须首先创建站点,网页文件才能够创建D.静态文件的默认扩展名为.htm或.html5、在IE浏览器中预览网页的快捷键是(D)A.F9B.F10C.F11D.F126、对插入文件中的Flah动画,不能在属性面板中设置动画的(B)属性。
POWERPOINT基础题
Powerpoint基础题一、选择题1.在Powerpoint中,如果要让一个图片文件作为幻灯片的背景,应执行()。
A."插入"菜单中的"图片"B."格式"菜单中的"应用设计模板"C."格式"菜单中的"幻片片配色方案"D."格式"菜单中的"背景"正确答案:D2.按()键可以停止幻灯片播放A.(Enter)B.(Esc)C.ShiftD.(Ctrl)正确答案:B3.在PowerPoint的幻灯片浏览视图中,可进行的工作有()。
A.复制幻灯片B.幻灯片文本内容的编辑修改C.设置幻灯片的动画效果D.读入Word字处理软件的文稿内容正确答案:A4.在PowerPoint演示文稿中,将某张幻灯片版式更改为"垂直排列文本",应选择的菜单是()。
A.视图B.插入C.格式D.幻灯片放映正确答案:C5.在PowerPoint中有几种视图,其中显示文稿的文本部分的是()视图。
A.普通视图B.大纲视图C.幻灯片视图D.幻灯片浏览视图正确答案:B6.在PowerPoint中,可以为文本、图形等对象设置动画效果,以突出重点或增加演示文稿的趣味性。
设置动画效果可采用什么菜单的"预设动画"命令。
()A."格式"B."幻灯片放映"C."工具"D."视图"正确答案:B7.对已有的演示文稿编辑修改后,执行哪一个命令即可以保留编辑修改前的文稿,又可以得到修改后的文稿()。
A.用"文件"菜单中的"保存"命令B.用"文件"菜单中的"全部保存"命令C.用"文件"菜单中的"另存为"命令D.用"文件"菜单中"关闭"命令正确答案:C8.列说法正确的是()。
高二信息技术期中考试试题
则字符“H”的二进制ASCII码值是( )
A.1001111
B.1001000 C.1010001 D.1100111
11. .如右图所示是使用 IE 浏览器保存网页图片的对话框。下列有关该对话框的说法正确的
是( ) A.单击图中①按钮,可以新建一个文件 B.若选择 JPEG 保存类型,则图片将以“sport.JPEG”为文件名保存 C.单击图中②按钮,可以将当前打开的所有窗口最小化 D.通过改变“保存类型”,可以实现图片类型的转换
图像,并使用 OCR 软件对图像进行文字识别。
(2)在使用 OCR 软件识别时,可单击如第 18 题-1 图所示工具栏中的
(填:A/B/C/ D)按钮,
打开图像文件。在选定待识别的区域后,可单击如第 18 题-1 图所示工具栏中
(填:A/B/C/D)按钮,进行文字识别。
4
A
B
C
D
第 18 题-1 图
B.指定文件夹中没有“a.txt”文件
C.“a.txt”文件存储容量太大
D.“a.txt”文件内容是空的
11.在保持纵横比的情况下,将一幅1024×768像素的图像宽度调整为50%,则调整后图像的
宽度、高度的像素值分别为( )
A.512、768
B.1024、384
C.512、384
D.384、512
B.4.5MB
C.18MB
D.2.25MB
9.在Photoshop中,要将图中的米老鼠(不带背景色)选中,下列选项中最合适的是( )
8
A.裁切工具
B.切片工具
C.矩形选框工具
10.下图为调试某Flash作品时,弹出的错误提示窗口
D.磁性套索工具
江苏省东台市创新学校2021-2022学年高一10月月考信息技术试题 Word版含答案
2021-2022学年度第一学期2021级10月份信息检测试卷(考试时间:60分钟满分:100分)命题人:张春兰命题时间:2021.10.23单项选择题:本大题共100小题,每小题1分,共100分,在每题给出的四个选项中,只有一个选项是最符合题意的。
1、下列不属于网络信息沟通方式的是A、CDB、MSNC、QQD、Blog2、下列不能用“千千静听”软件播放的文件是A、back.midB、Happy new year.mp3C、让我们荡起双桨.wavD、青花瓷.rar3、下列选项中不宜公开发布的信息是A、台风警报B、个人隐私C、政府工作报告D、人大代表介绍4、用手机远程把握家中电器的开关及其运行状态,需要用到的技术是A多媒体技术 B物联网技术C云计算技术 D虚拟现实技术5、常用的搜寻引擎按其工作方式可以划分为A、名目索引类搜寻引擎和分类搜寻引擎B、关键字搜寻引擎和全文搜寻引擎C、名目索引类搜寻引擎和全文搜寻引擎D、分类搜寻引擎和分段搜寻引擎6、下列选项中哪一个不属于信息技术范畴?A、传感技术B、通信技术C、纳米技术D、电子计算机技术7、依据争辩性学习小组活动的支配,刘晖预备到森林公园猎取野生动物生存状况的信息,用以制作演示文稿。
他应选择的信息采集工具是A、数码相机、扫描仪B、数码相机、数码摄像机C、光学相机、视频采集卡D、光学相机、扫描仪8、“墨迹天气”是智能手机上一个常见的天气预报应用软件,它可以使用人声语音的形式播放实时天气状况,这个语音播报天气的功能主要运用了A、语音识别B、人工智能C、语音合成技术D、机器翻译9、下列关于信息的描述中,错误的是A、只有以书本的形式才能长期保存信息B、数字信号比模拟信号更简洁加工和保存C、计算机以数字化的方式对各种信息进行处理D、信息的模拟化技术已逐步被数字化技术所取代10、在下图所示的搜寻界面中,单击“百度一下”按钮后,消灭的页面中主要是:A、南京高校的全部信息B、南京高校相关信息及网页链接地址C、南京高校简介D、南京高校网站主页11、为了取消Word文档中如下图所示的灰色底纹。
什么是切图?
什么是切图?1、什么是切图?切图是指将设计稿切成便于制作成页⾯的图⽚,并完成html+css布局的静态页⾯,通俗来讲,把⼀张设计图利⽤到切⽚⼯具把⾃⼰所需的切成⼀张张⼩图,然后⽤DIV+CSS完成静态页⾯书写,完成CSS布局。
切图就是将 .psd 设计稿还原成 Web 页⾯的过程,这个过程包括两部分:切出素材编写代码实现2、为什么要切图?没有⼈可以直接把⼀整张图⽚引⽤页⾯,当作 Web 页⾯的。
切图的主要⽬的就是给⽹页提供图⽚素材,可以让你从 html 或者 css ⾥引⼊图⽚。
html: <img src="" alt="">css: backgroud-img:url(../images/sprite.png)3、如何切图?使⽤ PS ⼯具使⽤背景图图⽚合并⽅案浏览器兼容4、都需要切哪些图?修饰性,⽤在 css ⾥,icon、logo、有特殊效果的按钮和⽂字内容性,⽤在 html ⾥,Banner、⼴告图⽚、⽂章配图5、切出来的图⽚保存为哪种格式?修饰性的保存为 png24(⽀持半透明),png8。
内容性的保存为 jpg。
6、有哪些可以学习的切图教程建议可以参考⼀下慕客⽹和⽹易云课堂的前端切图部分。
7、为什么要切图,⽽不是整张图都放到html去呢?1,⼀次性加载⼀张⼤图,会⽐较慢,效果就是进去后看到⼀张图⼀点点加载2,切图后,⼀些横向和竖向的重复性图案,只需要⼀个像素宽的源图就⾏,节省不少资源。
如知乎头部和⽹易云⾳乐头部导航条,整个背景可以之⽤⼀个像素宽的竖条,然后css控制横向铺开就可以了,这⾥要⽤⼀个像素宽的竖条,⽽⾮⽤⼀个像素点切图是因为,有轻微纵向渐变。
3,对于⼀些设计稿中的元素,甚⾄不需要源图,只需要取⾊, 全部铺开就好了,那就更省了,如⽹易头部。
PowerPoint文件默认扩展名为()
1、PowerPoint文件默认扩展名为()。
A.docB. txtC.xlsD. ppt2、在制作PowerPoint演示文稿时可以使用设计模版,方法是单击()菜单,选中“应用设计模版”命令。
A. 编辑B. 格式C. 视图D. 工具3、在制作过程中如果对页面版式不满意,可以通过()菜单中的“幻灯片版式”来调整。
A. 格式B. 工具C. 文件D. 视图4、如果想在幻灯片中插入一张图片,可以选择()菜单。
A. 图片B. 插入C. 视图D. 工具5、插入到幻灯片的图片可以进行简单的编辑,方法是选择()菜单,在“工具栏”中单击()选项。
A. 视图、颜色B. 视图、图片C. 编辑、对象D. 格式、背景6在幻灯片放映时,每一张幻灯片切换时都可以设置切换效果,方法是单击()菜单,选择“幻灯片切换”命令,然后在对话框中进行选择。
A. 格式B. 工具C. 视图D. 幻灯片放映7、在PowerPoint中打开了一个演示文稿,对文稿作了修改,并进行了“关闭”操作以后()。
A. 文稿被关闭,并自动保存修改后的内容B. 文稿不能关闭,并提示出错C. 文稿被关闭,修改后的内容不能保存D. 弹出对话框,并询问是否保存对文稿的修改8、在一个演示文稿中选择了一张幻灯片,按下“Del”键,则()A. 这张幻灯片被删除,且不能恢复B. 这张幻灯片被删除,但能恢复C. 这张幻灯片被删除,但可以利用“回收站”恢复D. 这张幻灯片被移到回收站内9、在PowerPoint 2000中,如果希望在演示过程中终止幻灯片的放映,则随时可按( )键A. ESCB. Alt+F4C. Ctrl+CD. Delete10、如果想在幻灯片中的某段文字或是某个图片添加动画效果,可以单击“幻灯片放映”菜单的()命令.A. 动作设置B. 自定义动画C. 幻灯片切换D. 动作按钮11、在演示文稿中要添加一张新的幻灯片,应该单击()菜单中的“新幻灯片”命令。
A. 文件B. 编辑C. 插入D. 视图12、PowerPoint提供了几种视图方便用户进行操作,分别是普通视图、幻灯片浏览视图和()。
网页制作报告(关于周杰伦)
网页设计报告院系:专业:课程:网页设计班级:学号:姓名:指导老师:网页设计报告一、设计目的:通过网页设计进一步巩固,深化和拓展学生的理论知识与专业技能。
掌握规划网站的内容结构,目录结构,链接结构的方法,掌握网页制作软件Deamweaver和的基本操作和使用技能。
页面的整体控制和头部内容设置的方法。
掌握网页页面布局的各种方法。
掌握在网页中输入,设置标题和正文文字的方法。
熟练掌握在网页中插入图象,flash动画和背景音乐的方法。
熟练建立各种形式的超级链接的方法。
训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。
培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
二、网站规划:1、网站主题:周杰伦中文网;2、主题介绍:周杰伦中文网主要通过个人简介、Jay的音乐、影视和他的歌迷等情况全方位展现一个立体的周杰伦。
3、主要栏目:logo、banner、网站主色调、网站导航、子页、链接等4、在内容和结构上,具体如下:整个网站分为九个页面,分别为:首页、杰伦百科(个人简介)、杰式靓相(杰伦图片)、杰式音乐、杰式影视、杰迷汇(杰伦歌迷)、网站简介。
各个页面间都是相互连接的,方便读者更快捷地找到想了解的信息。
用表格表示如下:三、网站主要步骤:1、设置鼠标经过图片再插入图片的下拉菜单中有一项是“鼠标经过”,点击这一项,会弹出一个对话框,在对话框中可以设置鼠标经过前的图片和经过时的图片,选择“确定”即可2、设置链接选中图片或者文字,在下面的链接属性中选连接的网页。
使用链接为方便读者的查阅,在各页面底部都设置了页面链接。
3、运用Firework软件制作简单的动画。
使用Flash工具,只要是动态效果都可以用Flash 工具,音乐、闪动图片等。