当前位置:文档之家› 网页设计

网页设计

网页设计
网页设计

1.网页的基本宽度我们一般要怎样设置?

2.网页设计时文本设计一般有什么样的原则和规范?

3.举例说出网页的几种基本版面设计类型。

4.论述网页配色的有关原则。

5.解释矢量图和位图的区别。

6.解释Flash中,舞台、帧、关键帧、元件的概念。

7.解释Flash逐帧动画的原理。

8.说明JPG,gif,png三种图像格式的异同?

9.在fireworks中,怎样将矢量图转变成位图?

10.简述http和https的区别?

1、网页的宽度主要分为两种:

固定宽度:内容区域宽度固定

自适应:内容区域宽度随浏览器更改

一般来说我们在给客户做网站的时候整体宽度会把握在2000px,因为现在市面主流显示器的宽度在1980以内,所以2000的像素足够让所有显示器显示比较全。

但是主主体的宽地我们会控制在1200范围以内,因为最小的分辨率为1240,即使在最小的浏览器上,我们设计的网页也会完整的显示出来。

2、长文本使用标准字号、主动留白、友好的行高、行间距字间距的设置

3、(1)骨骼型

骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。

(2)满版型

版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉,是商品广告常用的形式。

(3)上下分割型

把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。配置有

图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

(4)左右分割型

把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,

则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

(5)中轴型

将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

(6)曲线型

图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

(7)倾斜型

版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

(8)对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以相对对称居多。

(9)中心型

重心有三种概念。1、直接以独立而轮廓分明的形象占据版面中心。2、向心:视觉元素向版

面中心聚拢的运动。3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。重

心型版式产生视觉焦点,使强烈而突出。

(10)三角形

在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

(11)并置形

将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。

(12)自由型

自由型结构是无规律的、随意的编排构成,有活泼、轻快之感。

(13)十三、四角型

指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规

范的感觉。

4、(1)色彩搭配的合理性。

每一种颜色都有自己的含义,如:红色:热情、奔放、喜悦、庄严等等,这可以向浏览者准

确快速地传递出设计者想要表达的主题。

(2)色彩的鲜明性。

页面的”视觉焦点区”一般是首屏的区域,在这区域中使用鲜明的色彩可以给浏览者留下深刻

的印象并带来第二次访问。

(3)色彩的独特性。

如何在众多同类型的页面中脱颖而出,这就需要独特的配色方案。

5、(1)先从概念说起:矢量图是根据几何特性来绘制图形,是用线段和曲线描述图像,矢

量可以是一个点或一条线,矢量图只能靠软件生成,矢量图文件占用内在空间较小,因为这

种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合;

位图图像也称为点阵图像,位图使用我们称为像素的一格一格的小点来描述图像。

(2)最大的区别,矢量图形与分辨率无关,可以将它缩放到任意大小和以任意分辨率在输

出设备上打印出来,都不会影响清晰度,而位图是由一个一个像素点产生,当放大图像时,

像素点也放大了,但每个像素点表示的颜色是单一的,所以在位图放大后就会出现咱们平时

所见到的马赛克状。

(3)位图表现的色彩比较丰富,可以表现出色彩丰富的图象,可逼真表现自然界各类实物;而矢量图形色彩不丰富,无法表现逼真的实物,矢量图常常用来表示标识、图标、Logo等简

单直接的图像。

(4)位图的文件类型很多,如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.psd等;

矢量图形格式也很多,如AdobeIllustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr等。

(5)由于位图表现的色彩比较丰富,所以占用的空间会很大,颜色信息越多,占用空间越大,图像越清晰,占用空间越大;由于矢量图形表现的图像颜色比较单一,所以所占用的空

间会很小。

(6)经过软件矢量图可以很轻松的转化为位图,而位图要想转换为矢量图必须经过复杂而

庞大的数据处理,而且生成的矢量图质量也会有很大的出入。

6、舞台一一用来放置声音和符号的地方

帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢

的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素

材和其他多种对象.

关键帧——顾名思义,有关键内容的帧.用来定义动画变化、更改状态的帧,即编辑舞台上存在

实例对象并可对其进行编辑的帧.

元件—元件也叫符号,元件将自绘的图形、导入的某段Flash剪辑、视频、音乐、动画或图片……等作为一个整体存放在元件库中,元件可以看着是被封装起来的“控件”,是群组化的

对象,一经制作成元件被包装后,就具有群组的特性。元件有三种:电影剪辑、按钮和图形,它们在Flash动画中有着不同的作用。

7、逐帧动画是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画

动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画. 因为逐帧动画的

帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画.例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以

及精致的3D效果等等.

8、GIF图片格式:1987年诞生,常用于网页动画,使用无损压缩,支持256种颜色(一般叫8 bit彩色),支持单一透明色;JPEG图片(简称jpg):1992年出世,照片一般都用这个格式,有损压缩,24 bit真彩色(224=17万种颜色),不支持动画,不支持透明色;

PNG图片格式:1996年问世,无损压缩,最常见的使用格式是256索引色(PNG-8)和24 bit真彩色(PNG-24)(当然PNG支持的颜色格式远不止此),支持full alpha通道(256

级可调半透明色),不支持动画。

三种图片格式简单比较:

JPEG与PNG格式图片对比:JPEG在照片压缩方面拥有巨大的优势,这方面无可替代,但是JPEG是有损压缩,图片质量会有损失。另外,一般屏幕截屏用PNG格式,其不但比JPEG质量高而且文件大小还更小。

GIF与PNG格式图片对比:GIF只在简单动画领域有优势(其实,GIF 256色限制以及

无损压缩机制导致高质量的动画的发布一般都使用Flash等格式),只要没有动画,PNG完

全可以取代GIF。总的来说,GIF分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩

位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是

GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,所以归根到底GIF

仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样,这是一种在网络上非常流

行的图形文件格式。所以一般我们在网页中看到的动态图片一般都是GIF格式的。

9、(1)是用flash 8(flash mx也可以)转

方法将ps里的图存为位图格式(jpg,gif,png),在flash里导入放在舞台上,在修改里的位图选项里

有位图转为矢量图这个选项

(2)是用专业的矢量软件coreldraw转

将位图导入coreldraw,在位图子菜单里有个跟踪位图,这个就可以了,效果很逼真的!

(3)把图片导入到Adobe Illustractor中,再保存成矢量图格式

10、概念:

1、超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网

络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发

布和接收HTML页面的方法。

2、HTTPS(全称:Hyper Text Transfer Protocol over Secure Socket Layer),是以安全为目标

的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。它是一个URI scheme(抽象标识符体系),句法类

同http:体系。用于安全的HTTP数据传输。

区别:

1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。

2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。

3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。

4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。

HTTPS解决的问题:

1、信任主机的问题。采用https 的server 必须从CA 申请一个用于证明服务器用途类型的证书。

改证书只有用于对应的server 的时候,客户度才信任次主机。所以目前所有的银行系统网站,关键部分应用都是https 的。客户通过信任该证书,从而信任了该主机。其实这样做效率很低,但是银行更侧重安全。这一点对我们没有任何意义,我们的server,采用的证书不管自

己issue 还是从公众的地方issue,客户端都是自己人,所以我们也就肯定信任该server。

2、通讯过程中的数据的泄密和被窜改。

1)一般意义上的https,就是 server 有一个证书。

a) 主要目的是保证server 就是他声称的server。这个跟第一点一样。

b) 服务端和客户端之间的所有通讯,都是加密的。

i、具体讲,是客户端产生一个对称的密钥,通过server 的证书来交换密钥。一般意义上的握手过程。

ii、加下来所有的信息往来就都是加密的。第三方即使截获,也没有任何意义。因为他没有

密钥。当然窜改也就没有什么意义了。

2)少许对客户端有要求的情况下,会要求客户端也必须有一个证书。

a) 这里客户端证书,其实就类似表示个人信息的时候,除了用户名/密码,还有一个CA 认证过的身份。应为个人证书一般来说上别人无法模拟的,所有这样能够更深的确认自己的身份。

b) 目前少数个人银行的专业版是这种做法,具体证书可能是拿U盘作为一个备份的载体。像

我用的交通银行的网上银行就是采取的这种方式。 HTTPS 一定是繁琐的。

a) 本来简单的http协议,一个get一个response。由于https 要还密钥和确认加密算法的需要。单握手就需要6/7 个往返。

i、任何应用中,过多的round trip 肯定影响性能。

b) 接下来才是具体的http协议,每一次响应或者请求,都要求客户端和服务端对会话的内容

做加密/解密。

i、尽管对称加密/解密效率比较高,可是仍然要消耗过多的CPU,为此有专门的SSL 芯片。

如果CPU 信能比较低的话,肯定会降低性能,从而不能serve 更多的请求。

HTTPS的工作原理:

1、客户端发起HTTPS请求

用户在浏览器里输入一个https网址,然后连接到server的443端口。

2、服务端的配置

采用HTTPS协议的服务器必须要有一套数字证书,可以自己制作,也可以向组织申请,区

别就是自己颁发的证书需要客户端验证通过,才可以继续访问,而使用受信任的公司申请的

证书则不会弹出提示页面(startssl就是个不错的选择,有1年的免费服务)。

3、传送证书

这个证书其实就是公钥,只是包含了很多信息,如证书的颁发机构,过期时间等等。

4、客户端解析证书

这部分工作是有客户端的TLS来完成的,首先会验证公钥是否有效,比如颁发机构,过期时

间等等,如果发现异常,则会弹出一个警告框,提示证书存在问题。

如果证书没有问题,那么就生成一个随机值,然后用证书对该随机值进行加密,就好像上面

说的,把随机值用锁头锁起来,这样除非有钥匙,不然看不到被锁住的内容。

5、传送加密信息

这部分传送的是用证书加密后的随机值,目的就是让服务端得到这个随机值,以后客户端和服务端的通信就可以通过这个随机值来进行加密解密了。

6、服务段解密信息

服务端用私钥解密后,得到了客户端传过来的随机值(私钥),然后把内容通过该值进行对称加密,所谓对称加密就是,将信息和私钥通过某种算法混合在一起,这样除非知道私钥,不然无法获取内容,而正好客户端和服务端都知道这个私钥,所以只要加密算法够彪悍,私钥够复杂,数据就够安全。

7、传输加密后的信息

这部分信息是服务段用私钥加密后的信息,可以在客户端被还原。

8、客户端解密信息

客户端用之前生成的私钥解密服务段传过来的信息,于是获取了解密后的内容,整个过程第三方即使监听到了数据,也束手无策。

网页设计

《网页设计与制作》复习资料 一、单项选择题 1. 下列文件属于静态网页的是( C ) A.Index.asp B.index.jsp C.index.html D.index.php 2. 在网页中常用的图像格式是( D ) A. .bmp和.jpg B..gif和.bmp C. .png和.bmp D..gif和.jpg 3. 保存网页文档,可以按( B )组合键 A. Ctrl+A B . Ctrl+S C. Ctrl+W D.Ctrl+N 4. 定义站点时,存放网页的默认文件夹为( D ) A. C 盘根目录 B. D盘根目录 C. 我的文档 D. 用户指定 5.要打开“页面属性”对话框,可以按( B )快捷键 A.Ctrl+K B. Ctrl+J C. Ctrl+M D.Ctrl+F 6. 在Dreamweaver 中,调整图像属性按下什么键,拖动图像右 下方的控制点,可以按比例调整图像大小( A ) A.Shift B. Ctrl C. Alt D. Shift+Alt 7.下列属于网页制作工具的是( C ) A.Photoshop B.Flash C.Dreamweaver D.CuteFTP 8.在Dream weaverCS4中设计表单时,要求用户名能超过14个字符应设置文本域是( B )A.将文本域的字符宽度设置为14 B. 将文本域的最大字符宽度设置为14 C. 将文本域的初始值设置为14个字符 D.将文本域的名称设置为14个字符 9. 模板文件的扩展名为( C ) A .lbi B .html C .dwt D .aspx 10.要指定表格单元中的内容与表格单元边框之间的空间大小,需要设置表格“属性”面板中的( A ) A.单元格填充 B. 单元格间距 C 宽度 D 边框

《HTML5+CSS3网站设计基础教程》_教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5

第二章HTML5页面元素及属性

第四章CSS3选择器

e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用

414网页制作工具的选择

第四章网站的开发 1.在建立网站站点的过程中,下列行为恰当的是(A)。 A、建立自己的主题站点,首先需要创建一个WEB站点,用子保存和调试创建的网页 B、制作网页之前,不需要对版面进行设计 C、图片总是比文字更多地受浏览者的欢迎,因此网页中图片越多越好 D、建立站点,就是制作一个个网页,不需要先创建一个站点 情况下,一个网站可以包括的主页数是( C )一般2.A、 2个 B、 3个 C、 1个 D、无数个 3.下列关于网站制作的评价指标中,你认为哪些是必要的(ABCD)。 A、各种媒体处理和运用恰当 B、界面友好,结构清晰 C、链接正确,各主要页面能相互返回 D、主题明确,内容有意义 4.图片在网页中起到美化网页的作用,在网页中常用的几种图像格式是( BD) A、MP3 B、GIF C、DOC D、JPEG

5.以下扩展名中不表示网页文件的是(AB)? A、 .doc B、 .txt C、 .html D、 .htm 6.以下可以代表WWW页面文件的类型的是(BC)。 A、 wav B、 htm C、 html gif 、D. 7.在制作网页中的表格时,如果要想在浏览时看不到表格的边框,则应将(C )调整为0。 A、单元格的间距 B、宽度与茼度 C、边框的粗细 D、单元格的边框 8.下列关于网页制作中收集索材的描述,正确的是(CD)? A、收集来的索材无需分类,集中在一个文件夹中存放较好 B、收集来的索材因为是准备制作网页给大家看的,所以不存在版权的问题 C、收集来的索材应该分类,不同类索材最好用不同的文件突_

D、收集来的索材文件名要易懂易记,便于调用 9.下列关于网站的说法中,正确的有(ABC )? A、网站的起始网页称为主页 B、一个网站通常包含多个网页 C、网站是由一些互相关联的网页构成的一个整体 D、网贡一定是动态网页 10.一个网站的起始网页被称为( B ) A、文档 B、主页 C、网站 D、网页 11.在Frontpage中,用来控制网页布局的工具是(D) A、书签 B、超链接 C、图片 D、表格 12.网页制作时,为了增强页面的整体吸引力,以下观点恰当的有(ABC) A、合理地使用滚动的字幕、变换的选择框以及持续的动画,为用户创造一种平和安静的坏境 B、力求精简,不要使用太多的动画 C、过度的闪烁让人头痛,一般页面中最多不能有三处闪烁 动态效果越多越好、D.

兰大《网页与网站设计》17春平时作业3

2017秋春兰大《网页与网站设计》17春平时作业3 一、单选题(共10 道试题,共40 分。) 1. 在标记中控制链接的颜色的属性是( )。 A. bgcolor B. 1ink C. vlink D. text 正确答案: 2. 在网络配置管理的功能描述中,下列哪种说法是错误的?() A. 识别网络中的各种设备,记录并维护设备参数表 B. 用适当的软件设置参数值和配置设备 C. 初始化、启动和关闭网络或网络设备 D. 自动检测网络硬件和软件中的故障并通知用户 正确答案: 3. 下面哪种不是CSS的嵌人形式( )。 A. 内联式样式单 B. 嵌入式样式单 C. 外部式样式单 D. 索引式样式单 正确答案: 4. 下面哪个说法是正确的( )。 A. 站点内所有的文件都应该放在一个目录下 B. 在制作站点时采用的颜色越多越好 C. 在站点的三级结构中,二级页面之间、三级页面之间应保持风格一致 D. 为了使目录名明确,应该采用中文目录名 正确答案: 5. 在因特网的域名体系中,域名缩写.edu是指()。 A. 教育机构 B. 商业机构 C. 政府部门 D. 军事部门 正确答案: 6. 在Flash MX中主要用来观察制作的影片预览效果的工具栏是()? A. 状态栏 B. 绘图工具栏 C. 主要栏

D. 控制栏 正确答案: 7. 在浏览器中图像出现抖动是因为浏览器只能够显示( )种色彩的原因而造成的。 A. 256 B. 216 C. 16 D. 16M 正确答案: 8. 在下列任务中,哪些是网络操作系统的基本任务?()①屏蔽本地资源与网络资源之间的差异②为用户提供基本的网络服务功能③管理网络系统的共享资源④提供网络系统的安全服务 A. ①② B. ①③ C. ①②③ D. ①②③④ 正确答案: 9. 调制解调器的功能是实现()。 A. 数字信号的编码 B. 数字信号的整形 C. 模拟信号的放大 D. 数字信号与模拟信号的转换 正确答案: 10. “HTML”的中文含义是() A. 文件传输协议 B. 超文本传输协议 C. 超文本标记语言 D. 以上都不是 正确答案: 《网页与网站设计》17春平时作业3 二、多选题(共10 道试题,共40 分。) 1. 在Fireworks中,利用切片,主要有以下那些优点()? A. 加快下载速度 B. 减少重复图像,减小图像文件的大小 C. 便于局部更新、优化 D. 可以构建轮替效果 正确答案:

网页制作网页设计软件优缺点分析

软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 (课程英文名称) 课程编号:201509210011 学分:5学分 学时:64学时(其中:讲课学时:45 上机学时: 19 ) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、 JavaScript网页特效 适用专业:信息及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向,熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事(2学时) [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准,明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作,能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面(4学时) [相关案例] 【案例1】简单的网页: 【案例2】新闻页面: 【案例3】图文混排: [知识点] HTML文档基本格式

17春东财《网页制作:DreamWeaver网页制作》在线作业三

2017秋17春东财《网页制作:DreamWeaver网页制作》在线作业三 一、单选题(共10 道试题,共40 分。) 1. 常见的世界性的域名中,( )表示教育机构 A. .edu B. .org C. .com D. .cn 正确答案: 2. 关于文本对齐,源代码设置不正确的一项是 A. 居中对齐:

B. 居右对齐:
C. 居左对齐:… D. 两端对齐:… 正确答案: 3. 以下标记符中,没有对应的结束标记的是 A. B.
C. D. 正确答案: 4. 下面哪一项的电子邮件链接是正确的 A. https://www.doczj.com/doc/d817904631.html, B. xxx@.net C. xxx@com D. xxx@https://www.doczj.com/doc/d817904631.html, 正确答案: 5. 下列HTML标记中,属于非成对标记的是 A. <li> B. <ul> C. <P> D. <font> 正确答案: 6. 以下标记符中,用于设置页面标题的是 A. <title> B. <caption> C. <head></p><p>D. <html> 正确答案: 7. 下面哪一种协议不是电子邮件系统所需要的协议 A. POP B. SMTP C. IMAP D. FTP 正确答案: 8. 下列哪一个软件不属于网页三剑客 A. Dreamweaver B. Fireworks C. Flash D. Photoshop 正确答案: 9. 如何产生带有数字列表符号的列表 A. <ul> B. <dl> C. <ol> D. <list> 正确答案: 10. 在HTML中,标记<pre>的作用是 A. 标题标记 B. 预排版标记 C. 转行标记 D. 文字效果标记 正确答案: 东财《网页制作:DreamWeaver网页制作》在线作业三 二、多选题(共5 道试题,共20 分。) 1. CSS通过以下哪种方法可以将样式格式化应用到用户的页面中 A. 创建新的样式单 B. 内部样式单 C. 外部的 D. 被连接的样式单 E. 被嵌入的样式规则 正确答案:</p><h2>网页制作css格式模板部分</h2><p>一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/</p><h2>网页制作软件有哪些</h2><p>网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。 ④Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力</p><h2>简单的网页制作教程-设计一个个人网站</h2><p>题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图 打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。</p><p>新建站点后得到这样一个界面 点选高级,得到界面 站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs, http地址为http://localhost/zs</p><p>接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs</p><p>然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择 然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,</p><h2>网页设计基础知识点</h2><p>web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,</p><h2>兰大《网页与网站设计》17春平时作业1</h2><p>2017秋春兰大《网页与网站设计》17春平时作业1 一、单选题(共10 道试题,共40 分。) 1. ( )标记标注网页中一个段落的开始。 A. B. <hr> C. <br> D. <b> 正确答案: 2. 默认模板的后缀名是( )。 A. dwt B. doc C. txt D. dwo 正确答案: 3. 在浏览器中图像出现抖动是因为浏览器只能够显示( )种色彩的原因而造成的。 A. 256 B. 216 C. 16 D. 16M 正确答案: 4. 为了标识一个HTML文件应该使用的HTML标记是()。 A. B. <body></body> C. <html></html> D. <table></table> 正确答案: 5. 关于www服务,下列哪种说法是错误的?() A. WWW服务采用的主要传输协议是HTTP B. 服务以超文本方式组织网络多媒体信息 C. 用户访问Web服务器可以使用统一的图形用户界面 D. 用户访问Web服务器不需要知道服务器的URL地址 正确答案: 6. lOBASE-T使用标准的RJ-45接插件与3类或5类非屏蔽双绞线连接网卡与集线器。网卡与集线器之间的双绞线长度最大为()。 A. 15m B. 50m</p><p>C. 100m D. 500m 正确答案: 7. 网站设计的国际专业流程把网站设计分为( ) 部分。 A. 5 B. 6 C. 7 D. 8 正确答案: 8. 在Dreamweaver中,创建的模板文件专门保存在()文件夹中? A. Toolbars B. workspace C. Templates D. Shared 正确答案: 9. 利用DreamWeaver中的()可以自动生成JavaScript程序。 A. 事件 B. 动作 C. 行为 D. 表单 正确答案: 10. 要将页面的当前位置定义成名为“vbpos”的锚,定义方法正确的是()。 A. <ahref="vbpos”></a> B. <ahref="#vbpos">vbpos</a> C. <aname=vbpos> D. <aname="vbpos"></a> 正确答案: 《网页与网站设计》17春平时作业1 二、多选题(共10 道试题,共40 分。) 1. 以下生成对象的方法中,正确的是() A. varz=newBoolean(a) B. varstr="JavaScript" C. fruit=newArray(3) D. today1=newDate(2008,10,10) E. today=newDate("October1,2008") 正确答案:</p><h2>《网页设计与制作》教案-第10讲 布局技术之二—Div+CSS(二)</h2><p>第10讲布局技术之二—Div+CSS(二) 1.1教学目标: ◆知识目标 1.理解CSS盒子模式。 2.掌握CSS规则设置方法。 ◆技能目标 能够理解Div+CSS所体现的表现和内容相分离特性。 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点: 1.掌握CSS规则设置方法 1.3 教学难点 理解CSS规则的作用。 1.4教学方法:讲练结合,任务驱动、分子任务操练 1.5课时安排:2课时 1.6教学对象分析: 这个班学生具有基本专业技能,不仅仅是要教会他们方法,最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力,在保证全班同学教学进度一致的情况上,培养学生较好的专业基础与创新创作意识。 1.7教学过程: 一、CSS样式基本操作 1.样式表的操作途径 我们可以通过三种途径来创建、编辑CSS样式。 从主菜单选择“窗口/CSS样式”即可打开样式面板,如图3-35所示。 图3-35 CSS样式面板 在CSS样式面板的右下角有四个功能按钮,分别为: ●附加样式表:用于打开“链接外部样式表”对话框,选择要链接到或导入到当前文档中的外部样式表。 ●新建CSS样式:打开“新建CSS 样式”对话框,创建新样式。 ●编辑样式表:打开“CSS 样式定义”对话框。编辑当前文档或外部样式表中的任何样式。</p><p>删除CSS样式:删除“CSS 样式”面板中的所选样式,并从应用该样式的所有元素中删除格式。 单击CSS样式面板右上角的菜单按钮,可以显示如图3-36所示的面板菜单。通过该菜单,可以完成对CSS样式面板的大部分控制。在CSS样式面板的列表区域中单击鼠标右键,也可以打开同样的菜单。 图3-36 面板菜单 从主菜单选择“文本/CSS样式”命令,选择“新建”也可启动“新建样式表”对话框,如图3-37所示。 在页面空白处单击鼠标右键,在弹出的菜单中一样可以启动“新建样式表”对话框,如图3-38所示。 不管如何启动上述几个样式菜单或面板,他们都包含相同的几个命令:新建样式表、编辑样式表、链接样式表和导出样式表。</p><h2>实验一HTML、CSS网页制作实验</h2><p>实验一HTML、CSS网页制作实验 一、做出网页1.html,效果如下图所示: 要求如下: 1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。 3、诗的内容字体格式从上到下分别是<h4><h3><h2><h1>,诗的第一行和第三行内容为蓝色字体。 二、做出网页2.html,效果如下图所示。 要求如下: 1、图像加边框。 2、图像相对于文字左对齐。 三、做出网页3.html,效果如下图所示: 要求如下: 文字颜色正常是#3c3c3c、白色背景,鼠标经过时变为#FF8400、#EDEEF0色背景。</p><p>四、请做出网页4.html,效果如下图所示。 五、请做出以下网页,效果如下图所示,保存为5.html: 六、请做出网页6.html,效果如下图所示: 要求如下:</p><p>1、使用内嵌式引入CSS样式表。 2、使用类选择器定义元素。 (1)通过控制不同的类,分别为第一个字母“G”设置为蓝色、加粗、60px 字体; 第二个字母“o”设置为红色、加粗、60px字体; 第三个字母“o”设置为黄色、加粗、60px字体; 第四个字母“g”设置为蓝色、加粗、60px字体。 (2)剩余字母“le”按默认样式输出。 七、请做出网页7.html,效果如下图所示。 要求如下: 1、设置所有文本为宋体、12像素、绿色字体,“春季”字体颜色设为红色。 2、设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、设置文本首行缩进2个字符。 八、请做出网页8.html,效果如下图所示: 要求如下: 1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体,“博客首页”为蓝色字体,网址及日期为绿色字体。 3、设置标题为16像素、左对齐、下划线的效果。 4、设置文本“-百度快照-评价”为灰色、下划线的效果。</p><h2>最新网页制作基础课程标准资料</h2><p>《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力,使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向,邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析,以此为依据确定本课程的工作模块和课程内容,本课程以任务 引领型为框架,把课程按递进方式设计成项目,并以项目为单元足 迹教学,使学生由浅入深,以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式,使学生熟练制作简单网页, 能熟练创建本地站点并能对网页进行各种找链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力, 能基本胜任网页制作工作,为学生发展专门化方向的职业能力奠定 基础。 职业能力目标:(1)能熟练制作简单网页 (2)能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化</p><p>(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求</p><p>4.实施建议 4.1.教材编写 (1)教材要以岗位职业能力分析和职业技能考证为指导,以 《网页制作基础》课程标准为依据进行编写; (2)教材要以岗位任务引领,以工作项目为主线,强调理论与 实践相结合,按活动项目组织编写内容;教材内容从“任务”着手,设计完成“任务”的方法与步骤的空间;教材要体现以解决实际问 题来带动理论的学习和应用软件的操作,让学生在完成“任务”的 过程中掌握知识和技能,培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 (3)项目教学任务的设计,应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题,而不是围绕着知识和技能的展开而设置的。</p><h2>网页综合设计</h2><p>第七章网页综合设计-Dreamweaver Dreamweaver是Macromedia公司出品的专门用来创建和管理网站的专业软件,应用Dreamweaver,可以轻松构建网站结构,高效地制作网页。 7.1 案例回顾 在第二章中我们对“淡蓝的天空”个人网站进行了前期的规划和设计,现将第二章已做的工作汇总如下: 注:“感动你的心灵”和“那笨拙的脚印”为重点栏目。</p><p>以上为“淡蓝的天空”个人网站前期已做的相关工作,本章仍然以第二章案例为准来详细介绍完整的网页设计过程,期望以点代面使学习者对网站的设计过程有个完整设计思路。7.2网页综合设计 在使用Dreamweaver之前,必须先建立一个本地站点,然后才能进行后续的操作。本地站点是存放网站上所有文档和文件的地方,它可以将各种信息制作成网页的形式,然后以超链接的形式有效组织起来。本地站点需要一个名称和本地的根目录,以确定存放所有站点文件的位置,可以放在硬盘的任何位置。 实例7-1 熟悉Dreamweaver的基本环境 一、要求与目的 ★掌握Dreamweaver的基本工作环境:窗口、菜单、插入、文档工具栏、状态栏等★掌握“属性”工作面板 二、过程与步骤 1.启动Dreamweaver软件 单击“开始-程序-启动-Macromedia-Macromedia Dreamweaver MX 2004”启动Dreamweaver软件。 Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中,全部窗口和面板集成在一个应用程序窗口中。使用者可以选择面向设计人员的布局或面向手工编码人员需求的布局。首次启动Dreamweaver 时,会出现一个工作区设置对话框,如图7-2所示。 图7-1 选择工作区布局</p><h2>html+css网页设计复习题(可编辑修改word版)</h2><p>1、单选题 (1)要使单选框或复选框默认为已选定,要在input 标签中加()属性 A、selected B、disabled C、type D、checked (2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input 中加()属性 A、selected B、disabled C、type D、checked (3)下列哪一项表示的不是按钮。() A.type="submit" B.type="reset" C.type="image" D.type="button"(4)下面哪一个属性不是文本的标签属性?() A.nbsp; B.align C.color D.face (5)下面哪一项的电子邮件链接是正确的?() A.https://www.doczj.com/doc/d817904631.html, B.xxx@.net C.xxx@com D.xxx@https://www.doczj.com/doc/d817904631.html, (6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI (7)下面说法错误的是( ) A、CSS 样式表可以将格式和结构分离 B、CSS 样式表可以控制页面的布局 C、CSS 样式表可以使许多网页同时更新 D、CSS 样式表不能制作体积更小下载 更快的网页 (8)CSS 样式表不可能实现( )功能。 A、将格式和结构分离 B、一个CSS 文件控制多个网页 C、控制图片的精确位置 D、兼容所有的浏览器 (9)若要在网页中插入样式表main.css,以下用法中,正确的是()。 A 、<Link Src=”main.css” type=text/css rel=stylesheet> B 、<Link href=”main.css” type=text/css rel=stylesheet> C、<Link href=”main.css” type=text/css> D、<Include href=”main.css” type=text/css rel=stylesheet> (10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体 为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。 A、<Style> .myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} </style> B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} C、<Style> .myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt} </style> D、<Style> . .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt} </style> (11)下列哪个标签是定义标题的() A、h1 B、hr C、hw D、p (12)html 中的注释标签是() A、< ------------- > B、<--! --></p><h2>HTML网页制作基础题试题与答案</h2><p>HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.doczj.com/doc/d817904631.html, B .xxx@.net C.xxx@com D .xxx@https://www.doczj.com/doc/d817904631.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:<div align="middle"> ?</div> B.居右对齐:<div align="right"> ?</div> C.居左对齐:<div align="left"> ?</div> D.两端对齐:<div align="justify"> ?</div> 9. 下面哪一项是换行符标签?(C) A.<body> B .<font> C .<br> D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩</p><h2>网页设计中的页面尺寸标准</h2><p>网页设计中的页面尺寸标准 莫莫2012-11-17 22:06:50 对于固定宽度的网站布局,设计师常用的分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用1000px、1003px 这样的分辨率。 页面最大化、满屏化的网站看着的确是舒服,但过高的分辨率在设计师显示器上合适,并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024*768,在这种分辨率下,含滚动条的页面最大宽度应不超过994px,所以一般页面宽度定位在990px以内比较适宜。 这一讲主要来说说网页设计的标准尺寸 一、在800*600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。 二、在1024*768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。 三、在photoshop中做800*600分辨率下仅一屏的网页时,尺寸可以设为740*560左右。 页面标准按800*600分辨率制作,尺寸为778px*434px 页面长度一般不要超过三屏,宽度不宜出现横向滚动条为宜 每个标准页面为A4幅面大小,即8.5*11英寸 全尺寸banner为468px*60px,半尺寸banner为234px*60px,小banner为88px*31px 小图标的标准尺寸还有120px*90px、120px*60px等 每个非首页静态页面含图片字节不超过60K,全尺寸banner不宜超过14k 标准网页广告尺寸规格 1、120*120,这种广告规格适用于产品或新闻照片展示。 2、120*60,这种广告规格主要用于做LOGO使用。 3、120*90,主要应用于产品演示或大型LOGO。 4、125*125,这种规格适于表现照片效果的图像广告。 5、234*60,这种规格适用于框架或左右形式主页的广告链接。 6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 8、88*31,主要用于网页链接,或网站小型LOGO。 广告形式像素大小最大尺寸备注 BUTTON 120*60(必须用gif) 7K</p><h2>网页设计中的CSS样式代码详解</h2><p>CSS 背景属性 属性 描述 值 IE F N W3C background 简写属性,作用是将背景属性设置在一个声 明中。 background-color background-image background-repeat background-attach ment background-positi on 4 1 6 1 background-attachment 背景图像是否固定或 者随着页面的其余部 分滚动。 scroll fixed 4 1 6 1 background-color 设置元素的背景颜色。 color-rgb color-hex color-name transparent 4 1 4 1 background-image 把图像设置为背景。 url none 4 1 4 1 background-position 设置背景图像的起始 位置。 top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos 4 1 6 1 background-repeat 设置背景图像是否及 如何重复。 repeat repeat-x repeat-y no-repeat 4 1 4 1 CSS 边框属性 (border)</p><p>border-bottom 简写属性。作用是在一个声明中用来设置下边框 的所有属性。 ? border-bottom-w idth border-style border-color 4 1 6 1 border-bottom-color 设置下边框的颜色。 border-color 4 1 6 2 border-bottom-style 设置下边框的样式。 border-style 4 1 6 2 border-bottom-width 设置下边框的宽度。 thin medium thick length 4 1 4 1 border-color 设置四个边框的颜色,可以设置一到四个颜色。 color 4 1 6 1 border-left 简写属性。用于在一个声明中设置左边框的所有 属性。 border-left-wid th border-style border-color 4 1 6 1 border-left-color 设置左边框的颜色。 border-color 4 1 6 2 border-left-style 设置左边框的样式。 border-style 4 1 6 2 border-left-width 设置左边框的宽度。 thin medium thick length 4 1 4 1 border-right 简写属性。将所有用于右边框的属性设置于一个 声明中。 ? border-right-wi dth border-style border-color 4 1 6 1 border-right-color 设置右边框的颜色 border-color 4 1 6 2 border-right-style 设置右边框的样式 border-style 4 1 6 2 border-right-width 设置右边框的宽度。 thin medium thick length 4 1 4 1 border-style 设置四个边框的样式,可以设置一到四个样式。 none hidden dotted dashed solid 4 1 6 1</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="12442502"><a href="/topic/12442502/" target="_blank">css网页设计</a></li> <li id="10185938"><a href="/topic/10185938/" target="_blank">网页设计工具</a></li> <li id="77806"><a href="/topic/77806/" target="_blank">网页设计17</a></li> <li id="19960190"><a href="/topic/19960190/" target="_blank">网页设计基础</a></li> <li id="5118270"><a href="/topic/5118270/" target="_blank">网页设计css样式</a></li> <li id="20313847"><a href="/topic/20313847/" target="_blank">网页设计css</a></li> </ul> </div> </div> </div> <div class="container"> <div>文本预览</div> <div class="textcontent"> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/2a12446801.html" target="_blank">html+css网页设计</a></li> <li><a href="/doc/558819037.html" target="_blank">网页设计与制作CSS</a></li> <li><a href="/doc/ac10325617.html" target="_blank">《HTML+CSS网页设计与布局》教案</a></li> <li><a href="/doc/d32690517.html" target="_blank">HTML+CSS网页设计复习题</a></li> <li><a href="/doc/08397138.html" target="_blank">HTML+CSS网页设计与布局教案</a></li> <li><a href="/doc/4a4817060.html" target="_blank">《HTML+CSS网页设计与布局》教案</a></li> <li><a href="/doc/7d8413966.html" target="_blank">《HTML+CSS网页设计与布局》教案.pptx</a></li> <li><a href="/doc/b78000399.html" target="_blank">(完整版)html+css网页设计复习题</a></li> <li><a href="/doc/ea7637627.html" target="_blank">HTML5+CSS3网站设计基础教程教学大纲</a></li> <li><a href="/doc/1911402216.html" target="_blank">《HTML5+CSS3网站设计基础教程》_教学大纲</a></li> <li><a href="/doc/5a8619386.html" target="_blank">html+css网页设计复习题(可编辑修改word版)</a></li> <li><a href="/doc/998221175.html" target="_blank">HTML+CSS网页设计与布局教案</a></li> <li><a href="/doc/c918607620.html" target="_blank">网页设计与制作(HTML+CSS)</a></li> <li><a href="/doc/f118802079.html" target="_blank">CSS网页设计答辩</a></li> <li><a href="/doc/3b12857360.html" target="_blank">案例1-HTML中使用css+div设计简单网页</a></li> <li><a href="/doc/774970063.html" target="_blank">DIV+CSS网页设计常用布局代码</a></li> <li><a href="/doc/b56470202.html" target="_blank">网页设计之CSS样式表和模板</a></li> <li><a href="/doc/d011378545.html" target="_blank">《HTML+CSS网页设计与布局》教案设计</a></li> <li><a href="/doc/121117065.html" target="_blank">《HTML+CSS网页设计与布局》教案</a></li> <li><a href="/doc/4a13682784.html" target="_blank">网页设计-页面布局篇(Css+Div)</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "def7f81a001ca300a6c30c22590102020640f269"; </script> <script type="text/javascript">bdtj();</script> <footer class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>  本站资源均为网友上传分享,本站仅负责分类整理,如有任何问题可通过上方投诉通道反馈 <script type="text/javascript">foot();</script> </p> </footer> </body> </html>