




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、2011年电子商务网站设计基础复习大纲1、 链接类型有哪些?链接的类型有:内部链接、外部链接、E-mail链接、锚点连接、下载链接、空连接。图像热点各种使用方法? 选中图象 图象属性面板上选择【地图】下面的热点工具,有矩形、圆形和多边形。 在图象特定部分拖拽一个区域 设定链接的目标文档命名锚记的链接语法?#+锚点名称。如果在其他文档的锚点位置,则输入该文档的URL地址和名称,然后输入#锚点名称。如:index.html#mj2Html语法:<a name=” 锚点名称” id=” 锚点名称”></a>链接的HTML标签及其属性。<a>2、 会写段落、各种标题
2、的html代码。<p>“段落内容”</p><title>“标题名称”</title>3、 建立Flash文字flash按钮flash动画flash源文件。选择“插入”“媒体”“Flash文本”命令选择“插入”“媒体”“Flash按钮”命令选择“插入”“媒体”“Shockwave”命令选择“插入”“媒体”“Flash”命令4、 站点建立与站点管理的主要设置。建立:1、 打开Dreamweaver ,选择菜单栏中的“站点|管理站点”命令。2、 在管理站点窗口中,单击“新建|站点”命令。3、 在“站点定义”的向导,在文本框中为站点命名4、 在下一步中选
3、择“否,我不想使用服务器技术”5、 在文件存储在计算机的位置中,输入站点根目录路径。管理:在dreamweaver中利用“文件”面板,可以在站点中选择多个文件、在本地站点中剪切、粘帖、复制、删除、重命名文件或文件夹、创建文件或文件夹等多种操作。如何规划一个站点。i. 按照文件的类型进行规划按照文件的类型进行规划,就是将不同类型的文件分别存放在不同的文件夹下。ii. 按照网页的主题内容进行规划按照网页的主题内容进行规划,可以使整个网站的条理更清晰,便于日后更好地管理站点。6、 “页面属性”中所有属性的含义和设置方法。属性:外观、链接、标题、标题/编码、跟踪图像。设置:1、单击菜单“修改”/“页面
4、属性”2、使用快捷键“Crtl+j”3、在“文档”窗口下面的属性面板中,单击“页面属性”按钮4、在“文档”窗口的空白处右击鼠标,在弹出的快捷菜单中选择“页面属性”项。7、 网页中插入一个表格定义与组成,属性面板中的主要属性。主要有:“表格ID”输入表格的名称;“行”、“列”、“宽”、“高”、“填充”、“间距”、“边框”设置方法与“插入表格”的对话框参数设置方法相同;“对齐”对齐表格的对齐方式;“清除列宽”、“清除行高”可清除表格中行列原来所设的行高和列宽;“将表格宽度转化成像素/百分比”在百分比和像素之间切换,设置表格的宽度;“将表格高度转化成像素/百分比”在百分比和像素之间切换,设置表格的高
5、度;“背景颜色”设置表格背景颜色;“边框颜色”设置表格的边框颜色。“背景图像”在此区域中设置表格的背景图像。如何让一个表格中各个单元格中插入的图片之间无缝相连?将边框的宽度、填充设定成“0”;表格宽度的表示法。表格宽度表示法:以像素或浏览器的百分比为单位会写表格的HTML代码。能看懂一个三行三列表格中,若干行列进行合并后的HTML代码。<table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td>&
6、amp;nbsp;</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td>
7、; </td> </tr></table><td colspan="N"> </td>(合并N列单元格);<td rowspan="N"> </td>(合并N行单元格)。8、 创建空连接的两种方式是什么?熟悉链接属性面板中“目标”的四种选项?哪些网页元素不能设置成链接? 在“设计”视图中选择文本、图像或对象后,在属性检查器中,将 javascript:;(javascript 一词后依次接一个冒号和一个分号)键入“链接
8、”文本框。 在属性检查器中,将#键入“链接”文本框。“目标”下拉菜单中的各项选项的含义如下:l “_blank”在一个未命名的浏览器窗口中载入链接的文档;l “_parent”如果是嵌套的框架,链接会在父框架中打开,如果不是嵌套的框架则等同于_top,在整个浏览器窗口中显示;l “_self”浏览器的默认值,会在当前网页所在的窗口或框架中打开链接的网页。l “_top”会在完整的浏览器窗口打开网页。声音元素,动画元素9、 各种格式的背景音乐wmv/mp3/midi的主要区别? 各种格式的背景音乐的主要区别在于;各种图片格式优劣,哪种图片适合人物肖像等,哪些格式在网页中常用的图片格式?常见的图片
9、格式有GIF、JPEG、PNG三种。i. GIF是图像交互格式的简称。它采用无损压缩方式,可以较好的解决跨平台的兼容性问题,最多可以显示256种颜色。压缩比例大,占用磁盘空间小、下载速度快,可以用同样大小的图像文件组成动画。支持透明背景。缺点:不适合晕光和渐变颜色等颜色要求高的照片格式。适合显示色调不连续或具有大面积单一颜色的图象。如导航条、按钮、图标、徽标等。ii. JPEG是联合专家组的简称。主要用于处理分辨率较高、色彩丰富的图片,它可以提供上百万种颜色,由于采用了特殊的压缩算法,在图像失真很小的情况下可以对图像进行高效的压缩;支持大约1670万种颜色,可以很好地再现摄影图像,尤其是对色彩
10、丰富的大自然照片。JPEG格式支持很高的压缩率,文件占用磁盘空间小。在处理一些小的按钮或需要背景透明的图片时,就不如GIF格式和PNG格式。iii. PNG是便捷网络图像的简称。它所保留所有原始层、矢量、颜色和效果信息,并且在任何时候都是完全编辑的。它结合了GIF和JEPG两种格式的优点。具有JPEG的色彩模式,也能把图像文件进行无损压缩。失真小,透明背景又能做到无锯齿,很受设计人员的欢迎。下载速度快。只需下载1/64的图像信息,就可以显示低分辨率的预览图像。10、 框架案例中的所有HTML标签以及意义。<frameset rows="80,*" cols="
11、;*" frameborder="no" border="0" framespacing="0"> <frame src="file:/UntitledFrame-2" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset cols="80
12、,*" frameborder="no" border="0" framespacing="0"> <frame src="file:/UntitledFrame-3" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" /> <frame src="fil
13、e:/Untitled-2" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset></frameset>其中<noframes>.</noframes>中的内容显示在不支持分框的浏览器窗口中,因而这里指向一个普通版本的HTML文件,以便使用不支持分框浏览器的用户阅读。框架集<frameset>标签主要有rows, cols, border, bordercolor, framebord
14、er五个属性。 水平/垂直分割窗口属性 rows/cols<frameset rows=“值1, 值2, , 值n”> <frameset cols=“值1, 值2, , 值n” >值可以是数字、百分比()、剩余值(*)设置窗口框架宽度属性: <frameset border=“数值”> 设置边框颜色属性: <frameset bordercolor=“FFFFF”> 设置框架隐藏属性: <frameset frameborder=no或yes> no表示不显示框线,yes表示显示框线,默认值为no。 指定子窗口显示网页属性:<
15、frame src=“url”> 定义子窗口名称属性:<frame name=“子窗口名称”> 控制框架滚动条属性:scrolling 设置边距属性:<frame marginwidth=“数值”> 调整框架尺寸: noresize. 如果设定noresize属性,则页面打开后,浏览者不能通过鼠标调整页面的宽度。什么是框架集和框架? 框架:是指浏览器窗口中的一个区域。它可以显示与浏览器窗口的其他框架页内容无关的页面。框架集:定义了一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示页面的URL。他们的关系是什么?框架集文件本身不包含要在浏
16、览器中显示的HTML内容,框架集文件只是向浏览器提供应如何显示一组框架,以及在这些框架中应显示哪些文档的有关信息。框架集定义的内容和框架定义的内容,要求写出框架集和框架的主要代码,理解主要属性的意思。l 框架主要属性:框架名称、源文件、边框、滚动、不能调整大小、边框颜色、边界宽度、高度l 框架集属性:边框、边框颜色、边框宽度、框架大小、行列大小会写一个简单的三网页组成的框架网页,规定各个框架的百分比宽度。<frameset rows="80,*" cols="*" frameborder="no" border="0&
17、quot; framespacing="0"> <frame src="file:/UntitledFrame-2" name="topFrame" scrolling="No" noresize="noresize" marginwidth="100%" id="topFrame" title="topFrame" /> <frameset cols="80,*" frameborder=&
18、quot;no" border="0" framespacing="0"> <frame src="file:/UntitledFrame-3" name="leftFrame" scrolling="No" noresize="noresize" marginwidth="20%" id="leftFrame" title="leftFrame" /> <frame src=&qu
19、ot;file:/Untitled-2" name="mainFrame" marginwidth="80%" id="main11、 层的HTML标签、Dreamweaver中层在标签选择器中的表示形式层的HTML标签<div id="Layer">;层在dreamweaver标签选择器中的表现形式<div#Layer>;层的Z属性意义以及大小的关系把整个网页的页面看成X-Y平面,把网页上层的Z轴看成Z轴的坐标值。这个值的大小决定了当前层放在哪个层上。通常,Z轴值越大的层放在上面,Z轴值小
20、的层放在下面。层中可以插入哪些元素?层中可以插入文本、图像、表单、插件,甚至层内还可以包含其它层。12、 层布局与表格布局的比较利用表格对网页进行设布局过于呆板;用层设计的网页方便、灵活、定位精确,是网页设计的首选工具,但使用低版本浏览器浏览页面时可能会有麻烦。13、 文件面板中的主要操作有哪些?利用“文件”面板可以对本地站点的文件或文件夹进行选择、移动、复制、删除等操作。14、 什么是时间轴中的关键帧? 关键帧相当于二维动画中的原画。指角色或者物体运动或变化中的关键动作所处的那一帧。如何在时间轴中表示?时间轴上,白色小圆表示空白关键帧,白色的小长方形砖块是表示普通帧。何调整播放时间?可以拖动
21、动画条中的结束帧标记,增加或减少动画的帧,继而调整播放时间。如什么元素可以添加到时间轴?时间轴面板的主要设置有哪些?时间轴一般可通过控制层来实现图片、文本或其他对象的活动。时间轴面板:播放头、图层、绘图纸工具按钮、时间轴状态。时间轴选择列表,在同一个文档中可以设置多个时间轴。当用户创建多个时间轴时,利用该下拉列表可选择当前的时间轴、这三个按钮分别是切换到第一帧、当前帧的前一帧或下一帧,文本框中是当前帧的序号。若输入某个帧的序号值,便可切换到该帧。Fps文本框中设置每秒要播放的速度,默认值是15Fps。该数值越小,播放速度越慢。时间轴能改变“图象”和“层”对象的什么性质?改变图像和层的大小,位置
22、,可见性,和图层的状态等。15、 行为面板中所有的事件event和动作action,会设置网页元素的多个行为,并了解行为出发的顺序等。事件:OnBlurOnChangeonclickondblclickonhelponkeydownonkeypressonloadonmoveonresetonresizeonsubmitonunloadonabortonafterupdateonbeforupdateonfocusonmousedownonmousemoveonmouseoutonmouseoveronmouseuponscroll动作:交换图像、弹出信息、恢复交换图像、打开浏览器窗口、拖动层
23、、控制shockwave或flash、播放声音、改变属性、时间轴、隐藏-显示层、显示弹出式菜单、检查插件、检查浏览器、检查表单、设置导航栏图像、设置文本、调用javascript、跳转菜单、跳转菜单开始、转到URL、隐藏弹出式菜单、预先载入图像。16、 什么是绝对路径和相对路径?使用场合?绝对路径提供所链接文档的完整 URL,而且包括所使用的协议(如对于 Web 页,通常使用 http:/)。必须使用绝对路径,才能链接到其它服务器上的文档。一般用于网站与另外一个网站的链接。相对路径是以当前文档所在位置为起点到被连接文档经由的路径。这是用于本地链接常采用的路径。当用户要把当前文档与处在相同文件夹
24、中的另一文档链接,或把同一网站下不同文件夹中的文档相互链接时,就可以使用相对路径。17、 图像属性面板中的主要属性的含义? 使用fireworks编辑;在fireworks中优化;裁切工具:裁剪图像大小;重采样工具:重采样图像,使得文件本身变小;亮度调整;调整锐化效果。替代文字(alt属性)的作用有哪些?当浏览者浏览网页时,在图像位置上将先显示“替换”文本框中的文字。这样在图像还没出来之前,浏览者就能知道图像所要显示的内容。18、 什么是CSS样式表? 层叠样式表(CSS)是一系列格式设置规则,它们控制 Web 内容的外观。网页中为什么要使用CSS样式表?使用CSS样式表可以同时控制多个文档的
25、内容格式,只需短短几行代码,即可将页面设置的生动活泼,令人有种赏心悦目的感觉,并且当CSS样式表更新或修改时,所有应用此CSS样式的页面将自动更新。对布局、字体、背景和其他图文效果实现更加精确的控制。样式表的宗旨就是将结构和样式分离。是对HTML语言处理样式的最好补充新建CSS样式表有哪些类型?各自有什么用途? 类(可用于任何标签) ID (仅应用一个HTML元素) 标签(重新定义HTML元素) 复合内容 “选择器”下拉列表中提供的选择器包括:a:active、a:hover、a:link、a:visited。如何应用CSS样式?选中欲采用类样式的对象,例如文本、图像或表格等。在其“属性”面板
26、中的“样式”或“类”下拉框中,选择以创建好的样式。CSS代码在HTML文档中的位置。 内部样式表CSS文件定义在HTML文件头(直接插入式)直接插入式很简单,只需在每个HTML标签后书写CSS属性即可。例如:规定一个Table标记中的字为红色,字体大小为10pt,则可书写如下: <table style=”color:red;font-size:10pt”> 特点:这种方法只能控制某个标记。比较适用于指定网页种某小段文字的显示风格,或某个元素的样式。 嵌入样式表CSS文件定义在HTML主体(内部文档头方式)把样式表嵌入到文件头<head> </head>中<style type=“text/css”><!-选择符1样式属性:属性值;样式属性:属性值;选择符2样式属性:属性值;样式属性:属性值;-></style>type=“text/css” 表示该文件是样式表文件特点:可以在整个HTML文件种调用。 链入外部样式表文件定义在HTML文件外部(外部文件方式)是一系列存储在一个单独的外部文件 .css文件(并非HTML文件)中的CSS样式。CSS文件的引用是在HTML的<head> <link rel=“styleshe
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 环境工程视频课件
- 《课件制作的核心素质》
- 管道工程行业政策支持与挑战考核试卷
- 胶合板供应链的优化与整合考核试卷
- 2025年一级建造师之一建建设工程经济通关提分题库(考点梳理)
- 2025年LED照明灯具项目合作计划书
- 猫咪美术课件
- 中国水仙盆行业市场前景预测及投资价值评估分析报告
- 岗位责任制考试试题及答案
- 2025年嵌丝橡胶道口板合作协议书
- 2023年航空服务消费者调查报告
- 航空公司客户服务沟通技巧考核试卷
- 服装店员工考勤管理制度
- 2024年国家图书馆招聘应届毕业生105人历年高频500题难、易错点模拟试题附带答案详解
- 铁路信号技师技术总结
- 建筑中级职称《建筑工程管理》历年考试真题题库(含答案)
- 洗瓶机推瓶机构设计计算说明书+运动简图+运动循环图
- 2024年山东省高中学业水平合格考生物试卷试题(含答案详解)
- 医疗器械追溯制度
- 小学六年级下册数学期末考试卷完整版
- 工程伦理案例与分析
评论
0/150
提交评论