电子网页设计复习大纲.docx
《电子网页设计复习大纲.docx》由会员分享,可在线阅读,更多相关《电子网页设计复习大纲.docx(11页珍藏版)》请在冰点文库上搜索。
电子网页设计复习大纲
2011年电子商务网站设计基础复习大纲
一、链接类型有哪些?
文本链接、图片链接、电子邮件地址链接、脚本链接、空链接
图像热点各种使用方法?
预先载入图像、交换图像和恢复交换图像。
命名锚记的链接语法?
若要链接到命名锚记,请执行以下操作:
1.在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。
2在属性检查器的“链接”文本框中,键入一个数字符号(#)和锚记名称
链接的HTML标签及其属性。
Html:
标识html文件的开始和结束;head:
标识html文件头信息,包含了许多网页的属性信息;body:
文件体标记;p:
段落标记;font:
字体标记;img:
图像标记;a:
超级链接标记;br:
换行标记
二、会写段落、各种标题的html代码。
段落内容
标题三、建立Flash文字\flash按钮\flash动画\flash源文件。
若要插入Flash按钮对象,请执行以下操作:
按钮:
1、定位光标2、单击菜单插入/媒体/Flash按钮3、在打开的“插入Flash按钮”对话框中进行相关设置4、确定完成
源文件、文字与按钮类似
插入动画:
1.移动光标到需要插入的地方,单击【插入记录】、【媒体】、【flash】命令,在弹出的【选择文件】对话框中选择要插入的动画。
2.单击确定按钮。
3.保存网页,在浏览器中预览,如不符合要求,可在【属性】面板中重新设置。
四、站点建立与站点管理的主要设置,如何规划一个站点。
建立:
1在Dreamweaver中,选择“文件”>“新建”。
2在“新建文档”对话框的“常规”选项卡上,从“类别”列表中选择“基本页”,从“基本页”列表中选择“HTML”,然后单击“创建”。
3选择“文件”>“另存为”。
4在“另存为”对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。
在教程:
设置站点和项目文件中,您在名为local_sites的文件夹中创建了此文件夹。
5在“文件名”文本框中输入index.html,然后单击“保存”。
文件名即出现在应用程序窗口顶部的标题栏中。
6在新文档顶部的“文档标题”文本框中,键入CafeTownsend。
7选择“文件”>“保存”来保存该页面。
管理站点:
1.导入和导出站点:
若要导出站点,请执行以下操作:
1.选择“站点”>“管理站点”。
出现“管理站点”对话框。
2.选择要导出的一个或多个站点,然后单击“导出”按钮。
若要选择多个站点,请按住Ctrl键单击(Windows)或按住Command键单击(Macintosh)每个站点。
若要选择某一范围的站点,请按住Shift键单击该范围中的第一个和最后一个站点。
3.对于要导出的每个站点,请浏览至要保存站点的位置,然后单击“保存”。
如果导出为远端服务器指定用户名和密码的站点,则Dreamweaver会询问您是否要备份设置或是否要将您的设置与其他用户共享。
如果要将您的设置与其他用户共享,则选择第二个选项并单击“确定”。
Dreamweaver不会保存不适用于其他用户的信息(如您的远端服务器登录信息和本地路径)。
Dreamweaver会在指定位置将每个站点保存为带.ste文件扩展名的XML文件。
4.单击“完成”关闭“管理站点”对话框。
若要导入站点,请执行以下操作:
1.选择“站点”>“管理站点”。
出现“管理站点”对话框。
2.单击“导入”按钮。
出现“导入站点”对话框。
3.浏览并选择要导入的一个或多个在具有.ste文件扩展名的文件中定义的站点。
若要选择多个站点,请按住Ctrl键单击(Windows)或按住Command键单击(Macintosh)每个.ste文件。
若要选择某一范围的站点,请按住Shift键单击该范围中的第一个和最后一个文件。
4.单击“打开”开始导入站点。
Dreamweaver导入该站点之后,站点名称会出现在“管理站点”对话框中。
5.单击“完成”关闭“管理站点”对话框。
2.删除站点
。
1若要从站点列表中删除站点,请执行以下操作:
1.选择“站点”>“管理站点”。
出现“管理站点”对话框。
2.选择一个站点名称。
3.单击“删除”。
出现一个对话框,要求您确认删除。
4.单击“是”从列表中删除站点,或单击“否”保留站点名称。
如果单击“是”,该站点名称将从列表中消失。
5.单击“完成”关闭“管理站点”对话框。
3.同步本地和远端站点上的文件
在同步站点之前,您可以验证要上传、获取、删除或忽略哪些文件。
Dreamweaver还将在您完成同步后确认哪些文件进行了更新。
若要在不进行同步的情况下查看哪些文件在本地站点或远端站点上较新,请执行以下操作之一:
1在“文件”面板的右上角单击“选项”菜单,然后选择“编辑”>“选择较新的本地文件”或“选择较新的远端文件”。
2在“文件”面板中,右键单击(Windows)或按住Control键单击(Macintosh),然后选择“编辑”>“选择较新的本地文件”或“选择较新的远端文件”。
若要同步文件,请执行以下操作:
1在“文件”面板(“窗口”>“文件”)中,从弹出式菜单(当前站点、服务器或驱动器显示在该菜单中)中选择一个站点。
(可选)选择特定的文件或文件夹。
如果要同步整个站点,请跳过此步骤。
2单击“文件”面板右上角的“选项”菜单,然后选择“站点”>“同步”。
3出现“同步文件”对话框。
4完成对话框。
5单击“预览”按钮。
Dreamweaver会显示将要同步的文件,并使您可以在执行同步前更改对这些文件进行的动作(上传、获取、删除和忽略)。
如果所有文件都已同步,则Dreamweaver会通知您不必进行同步。
4.遮盖站点文件夹和取消遮盖站点文件夹
您可以遮盖特定文件夹,但不能遮盖所有文件夹或整个站点。
当您遮盖特定文件夹时,可以同时遮盖多个文件夹。
若要遮盖站点中的特定文件夹或取消其遮盖,请执行以下操作:
1在“文件”面板(“窗口”>“文件”)中,从弹出式菜单(当前站点、服务器或驱动器显示在该菜单中)中选择一个启用了站点遮盖功能的站点。
2选择要遮盖或取消遮盖的文件夹。
3右键单击(Windows)或按住Control键单击(Macintosh),然后从上下文菜单中选择“遮盖”>“遮盖”或“遮盖”>“取消遮盖”。
一条穿过文件夹图标的红线将出现或消失,指示该文件夹已遮盖或取消遮盖。
您可以对特定的遮盖文件夹执行操作,方法是在“文件”面板上选择该项,然后对它执行操作。
直接对文件或文件夹执行的操作会取代遮盖设置。
5.设计备注:
若要将设计备注添加到文档中,请执行以下操作:
执行下列操作之一:
1在“文档”窗口中打开文件,然后选择“文件”>“设计备注”。
2在“文件”面板中,右键单击(Windows)或按住Control键单击(Macintosh)该文件,然后选择“设计备注”。
注意:
如果该文件驻留在远程站点上,则您必须首先取出或获取该文件,然后在本地文件夹中选择它(请参见将文件存回远端文件夹和从远端文件夹中取出或从服务器获取文件和将文件上传到服务器)。
3出现“设计备注”对话框。
4完成对话框。
5单击“确定”以保存备注。
Dreamweaver将您的备注保存到名为_notes的文件夹中,与当前文件处在相同的位置。
文件名是文档的文件名加上.mno扩展名。
五、“页面属性”中所有属性的含义和设置方法。
1.外观:
外观页面属性”类别让您为Web页面指定多种基本页面布局选项:
2.连接
“CSS链接页面属性”类别让您定义默认的字体、字体大小,以及链接、访问过的链接和活动链接的颜色:
3.标题
“CSS标题”类别让您指定CSS页中的标题使用的字体家族和字体大小:
4.标题/编码:
标题指定在“文档”窗口和大多数浏览器窗口的标题栏中出现的页面标题。
5.跟踪图像:
“跟踪图像”类别让您在设计页面时插入用作参考的图像文件:
设置:
1、单击菜单“修改”/“页面属性”2、使用快捷键Crtl+j
3、在“文档”窗口下面的属性面板中,单击“页面属性”按钮4、在“文档”窗口的空白处右击鼠标,在弹出的快捷菜单中选择“页面属性”项
六、网页中插入一个表格定义与组成,属性面板中的主要属性。
如何让一个表格中各个单元格中插入的图片之间无缝相连?
表格宽度的表示法,会写表格的HTML代码。
能看懂一个三行三列表格中,若干行列进行合并后的HTML代码。
表格组成:
行、列、单元格。
主要属性:
行数、列数、表格框度、边框粗细、单元格边距、单元格间距、页眉、辅助功能
无缝相连:
表格宽度表示法:
以像素或浏览器的百分比为单位
代码:
标题
*
|
* |
…
(表格标记:
表格行标记:tr表格列标记:
td*表示表格内容某部分)
七、创建空连接的两种方式是什么?
熟悉链接属性面板中“目标”的四种选项?
哪些网页元素不能设置成链接?
在属性检查器中将Javascript:
;输入“连接”文本框或者直接输入#
在属性面板的连接输入框中输入要连接的地址;单击右边“浏览文件”按钮,利用打开的“选择文件”对话框,选择要连接的文件;使用“指向文件”图标直接指向连接文件
八、各种格式的背景音乐wmv/mp3/midi的主要区别?
各种图片格式优劣,哪种图片适合人物肖像等,哪些格式在网页中常用的图片格式?
GIF\JPG\BMP\PCX\TIF网页常用为GIF、JPG(压缩图像格式,占空间小、传输方便)
GIF:
支持256位模式,采用无损压缩格式,图像与原来效果完全相同,但不支持真彩色图像。
JPG:
支持16位真彩模式,有损压缩,图像与原来稍差,但压缩比最大。
九、框架案例中的所有HTML标签以及意义。
什么是框架集和框架?
他们的关系是什么?
框架集定义的内容和框架定义的内容,要求写出框架集和框架的主要代码,理解主要属性的意思。
会写一个简单的三网页组成的框架网页,规定各个框架的百分比宽度。
框架可以将一个网页分割成多个HTML页面。
每个框架都是一个独立的HTML页面,他是浏览器窗口中的一个区域,可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。
框架集就是指定义网页结构与属性的HTML页面,这其中包含了显示在页面中框架的数目,框架的尺寸,装入框架的页面的来源,以及其他的一些可定义的属性的相关信息。
关系:
许多框架在一起就是框架集
框架主要属性:
框架名称、源文件、边框、滚动、不能调整大小、边框颜色、边界宽度、高度
框架集属性:
边框、边框颜色、边框宽度、框架大小、行列大小
一十、层的HTML标签、Dreamweaver中层在标签选择器中的表示形式、层的Z属性意义以及大小的关系,层中可以插入哪些元素?
Z指层的重叠顺序,编号大的层在编号小的层的上面,这个只可以认为负
层可以插入的元素:
文本、图像、其他HTML的文档
一十一、层布局与表格布局的比较
层既可以重叠也可以嵌套,表格只能嵌套。
层的重叠性为设计一些特殊网页提供方便,层的重叠次序可以用Z轴表示
一十二、文件面板中的主要操作有哪些?
1、打开关闭文件面板2、显示/隐藏文件面板3、自定义文件面板4、展开折叠文件面板5、设置文件面板的首要参数
一十三、什么是时间轴中的关键帧?
如何在时间轴中表示?
如何调整播放时间?
什么元素可以添加到时间轴?
时间轴面板的主要设置有哪些?
时间轴能改变“图象”和“层”对象的什么性质?
关键帧是定义在动画中的变化的帧。
关键帧在时间轴中标明,有内容的关键帧一实心圆表示。
时间轴面板:
播放头、图层、绘图纸工具按钮、时间轴状态
图像:
对象的变形;层:
改变图层的状态
一十四、行为面板中所有的事件event和动作action,会设置网页元素的多个行为,并了解行为出发的顺序等。
OnBlur\OnChange\onclick\ondblclick\onhelp\onkeydown\onkeypress\onload\onmove\onreset\onresize\onsubmit\onunload\onabort\onafterupdate\onbeforupdate\onfocus\onmousedown\onmousemove\onmouseout\onmouseover\onmouseup\onscroll
一十五、什么是绝对路径和相对路径?
使用场合?
绝对路径是采用完整的URL规定文件的精确地点当创建一个超链接的时候,可以对选定的超链接确定一个绝对URL来精确地描述该超链接在网上的对应地址。
相对路径是相对于包含超链接页地点来规定文件地点。
在用HTML创建web站点时,尽量采用相对路径方式,以减小将来的工作量。
若用到Internet上其他站点资源时,就必须采用绝对路径方式。
一十六、图像属性面板中的主要属性的含义?
替代文字(alt属性)的作用有哪些?
图像的属性:
“指针热点”、“矩形热点”、“椭圆形按钮”、“多边形按钮”工具按钮
一十七、什么是CSS样式表?
网页中为什么要使用CSS样式表?
新建CSS样式表有哪些类型?
各自有什么用途?
如何应用CSS样式?
CSS代码在HTML文档中的位置。
CSS是W3C定义和维护的标准,是一种用来为结构化文档添加样式的计算机语言。
CSS的基本概念在于可将网页展示的内容与样式设定分开,也就是将网页的外观设定信息从网页内容独立出来并集中管理。
这样改变网页外观时,只需更改样式设定的部分,HTML文件本身不需修改。
新建CSS样式表类型:
1、类选择符:
用在不止一个元素上,可用在文本图片等。
2、标识选择符:
用在唯一元素上3、重定义HTML标签:
用CSS重新定义HTML标签的外观的功能4、超链接的CSS样式:
改变超链接的默认外观
CSS代码位于
和标签之间一十八、如何使用标签和高级来定义指定类型的标签(链接、表、标题、文字等)?
能看懂CSS文件中的语法?
理解样式应用的“就近原则”,并能够根据HTML和CSS代码判断最终网页的显示样子,颜色大小等。
要求会写简单的CSS,比如为了控制网页主体中文字大小。
展开阅读全文
相关搜索
资源标签