DW网页设计17:制作弹出菜单
![DW网页设计17:制作弹出菜单](https://img.360docs.net/img5e/1b0ug1wdulng2h5u59arykrusxwz4xro-e1.webp)
![DW网页设计17:制作弹出菜单](https://img.360docs.net/img5e/1b0ug1wdulng2h5u59arykrusxwz4xro-52.webp)
DW网页设计17:制作弹出菜单
弹出菜单在网页制作中是一种非常常用的菜单方式,这种菜单不但制作简单,而且效果也很好。
效果说明
本实例所要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图17-1 和图17-2 所示。
弹出菜单在网页制作中是一种非常常用的菜单方式,这种菜单不但制作简单,而且效果也很好。
创作思想
本实例首先在网页中输入一行文字,并对文字做一个特殊的超链接,然后利用Dreamweaver MX 2004 自带的行为制作弹出菜单。
操作步骤
(1 )输入文字并设置超链接。在网页中输入文字,因为单独的文本文字是无法添加行为的,按照Dreamweaver 中的约定,将文字的超链接设置为“ javascript:;
”才能够添加行为。所以将文字的超链接设为“ javascript:; ”,并执行【显示弹出式菜单】行为,如图17-3 所示。
(2 )设置菜单项和子菜单项,并为菜单设置超链接,然后安排好各个菜单的次序,如图17-4 所示。
(3 )设置页面元素。将菜单设置为垂直菜单,并分别设置菜单的字体、字号、对齐方式、一般状态和鼠标滑过时的状态,如图17-5 所示。
(4 )设置【高级】标签。在【高级】标签选项中设置菜单的延迟时间,以及是否显示菜单边框。然后设置边框的宽度、颜色、阴影、高亮,如图17-6 所示。
注意:【菜单延迟】中时间的单位是毫秒(ms ),1000 毫秒等于1 秒,在设置时注意换算。
(5 )设置的x 轴和y 轴参数。在【位置】标签选项中设置弹出菜单的x 轴和y 轴参数,这两个参数表示弹出菜单左上角到网页左上角的距离,如图17-7 所示。
(6 )保存网页文件,然后在浏览器中打开该网页,将鼠标光标移动到文字上方时即可看到有菜单弹出,本实例操作完毕。通过Dreamweaver ,可以快速制作出以往只能用复杂代码才能实现的弹出菜单,这样可以实现复杂菜单的弹出和收缩,方便使用又能让页面美观、整洁。
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B
二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题
dw网页制作基础代码
Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) -------- 网页文件开始标签
------- 头部元素开始标签加粗:... 倾斜:… 滚动字幕: 滚动标签:marquee 最简表达: 滚动的属性: Direction-- 表示滚动的方向,值可以是left , right , up , down,默认为left Behavior--表示滚动的方式,值可以是scroll (连续滚动)slide (滑动一次)alternate (来回滚动)
Dreamweaver网页设计范例(详细流程)
一、网站的总体规划 1.确定整体风格 风格因人而异,不同的人对同一主题设计的网站风格都不一样。一些要点:(1)网站的标志应该放在醒目位置并保持不变,一般放置在网页的左上角(2)导航条应该放在每张网页的相同位置,便于浏览 (3)确定网站的主体颜色,并注意颜色搭配,要让人感觉舒服 (4)页面布局要规划好,一般采用上边导航条,下边内容或左边导航条右边内容的方式,或两者结合 2.网页颜色搭配 各种颜色给人的感觉不同。 3.绘制设计草图 二、网页的制作 1.建立站点 点击“站点”- “新建站点”,输入名字“我的主页”,单击“下一步”,选择“否,。。。”,单击“下一步”,设置存放位置,D盘MYWEB目录,单击“下一步”,选择“无”,“下一步”,设置完成。 在站点“我的主页”上右击,建立三个文件夹“images,flash,web”,分别存放图片、动画和网页文件。再建立首页文件“index.htm”。 2.首页的设计 (1)将标题设为“小小的家”,点击“插入”-“表格”,插入一个4行2列,宽760像素,其他为0的表格。 在属性面板中设置表格属性,高200,居中对齐,背景白色。
选中行列的方法:(1)鼠标左键拖动;(2)Ctrl+左击;(3)可视化助理 (2)合并单元格 选中第二行的两个单元格,右击,“表格”-“合并单元格”, 选中第四行的两个单元格,点击“修改”-“表格”-“合并单元格” (3)表格的嵌套 选中第三行第二列的单元格,点击“插入”-“表格”,插入一个2行1列,宽度80%,边框粗细0的表格。 回到原单元格,属性面板中设置水平居中、垂直居中。 (4)页面属性设置 点击“修改”-“页面属性”,设置字体“默认”,大小“14像素”,文本“黑色”,背景“灰色”,左右上下边距“0”。 (5)表格第一行第一列:属性宽140,高140,插入logo.jpg 第一行第二列:宽620,插入ban.swf 第二行:高30,背景色“#FF0000”,文本颜色“白色”,输入“首页个人简介动画作品我的相册学习心得写信给我” 大小22像素居中对齐 第三行第一列:背景色#0067C3,高度600 第三行第二列:在其第一行的单元格中,设置高度“400”,输入“有朋自远方来不亦乐乎!”,字体“魏碑”,字号“60”,颜色“蓝色”,字体居中排列,并用shift+enter键控制间距。 在第二行的单元格中,设置高度“50”,输入“欢迎参观”,颜色“淡红”,居中排,字号“25”。 第四行:背景色“黑色”,文本颜色“白色”,输入“更新日期:”,点击“插入”-“日期”,再输入“Copyright ”,点击“插入”-“HTML”-“特殊字符”-“版权”,输入“2012 小小版权所有”。 (6)建立超级链接 在WEB目录下建立jianjie.htm,xiangche.htm,xuexi.htm,donghua.htm四个文件把个人简介等文字与对应的文件链接起来。 三种链接方法:直接输入web/jianjie.htm;打开文件夹方式;鼠标指向文件;把“欢迎参观”链接到jianjie.htm 查看效果,注意要使用相对路径 去掉文字下的下划线(利用CSS样式): 点击“窗口”-“CSS样式”,在右边的CSS样式窗口中选择“新建CSS规则”,选择器类型“高级”,选择器“a”,“仅对本文档”,点击确定。在弹出的属性窗口中,将“修饰”的无选项前面打勾。 如果还想改链接的颜色,可以“新建CSS规则”,名称为 a:active 表示选中状态a:hover 表示光标放上时 a:link 正常状态a:visited 访问过的状态 例如:设置a:hover,将“修饰”的无选项前面打勾,颜色“#00ff00”,再查看一下效果。 建立外部链接:选中“写信给我”,属性面板中链接输入mailto:ggg@https://www.360docs.net/doc/5817337468.html,
DW(Dreamweaver)网页设计常用代码
DW网页设计常用代码 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 字体效果
...
标题字(最大)...
标题字(最小) ...粗体字 ...粗体字(强调) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ...底线 ...底线(表示插入文字)水平线
水平线(设定大小)
水平线(设定宽度)
水平线(设定颜色)
(换行)
《HTML5+CSS3网站设计基础教程》_教学大纲
《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
网页制作基础教程
网页制作基础教程 一、什么是HTML HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等)。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档",就能看到该网页的HTML代码。下面是个网页文档(model.htm)的HTML代码:
第一段文字。
第二段文字。
【操作】请在记事本中输入以上代码,命名为test1.htm,存于D盘,然后双击打开看看。 标记一般是成对出现的,#FFFFFF表示使用的颜色是白色。 .........
之间是h1号标题字...
之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准,其标记有几百种,您并无需全部了解他们,只要记住其中常用的十几种,就能够做出很漂亮的网页来。 常用的标记举例:《Dreamweaver网页设计》综合练习题(二)及答案
《Dreamweaver网页设计》综合练习题(二)及解答一、选择填空题(每空2分,共20分) 1.HTML 2.URL 3.ICP 4.SGML 5.CSS (_____)网络内容服务商 (_____)网络内容服务商 (_____)标准通用标记语言 (_____)统一资源定位符 (_____)超文本标识语言 答案: (___3_)网络内容服务商 (__5_)网络内容服务商 (__4_)标准通用标记语言 (___2__)统一资源定位符 (___1_)超文本标识语言 1.标签
A.文字 B.图像 C.层 D.动画 6.要将左图所示的表格修改为右图所示的状态,不能执行的操作是()。 左图右图 A.选中整个表格,在属性面板中将表格的行数从1改为2 B.依次将左右单元格拆分为两行 C.将光标放在表格中的任意位置,执行命令“修改/表格/插入行或列”,在弹 出的对话框中选择插入行,行数为1,位置为“所选之下” D.将光标放在表格中的任意位置,执行命令“修改/表格/插入行” 7.在HTML语言中,
表示()。 A.设置颜色为红色 B.设置访问过颜色为红色 C.设置活动颜色为红色 D.设置鼠标上滚颜色为红色 8.关于在Dreamweaver中插入Flash文本,说法错误的是()。 A.可以设置Flash文本的动态效果,如淡入淡出等 B.通过插入Flash文本,用户可以直接创建一个Flash文本对象的动画 C.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D.可以为Flash文本设置 9.如果要使用CSS将文本样式定义为粗体,需要设置()文本属性。 A.font-family B. font-style C. font-weight D. font-size 10.为定义目标窗口时,_blank表示的是()。Dreamweaver网页制作教案
认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件, 也就是网页;它支持动态HTML,可以在网页中产生动画;还可以在网页中插入各种插件,以产生特殊效果。 Dreamweaver可用于管理站点,它像文件夹一样创建和打开站点,用不同的方式查看站点中各个网页之间的关系,调整站点的组织结构,使整个站点条理清晰。 2、Dreamweaver的窗口 (1)标题栏 (2)菜单栏 (3)工具栏 (4)视图栏 (5)文件夹列表 (6)工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”,它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现,在此方式下,可以 像在Word中那样直接进行各种编辑操作,实现网页编辑的所有功能。
HTML视图实际上是一个文本编辑器,其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示,这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果,Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识
网页设计布局基础教程(献给初学者)
正如你现在所看到的一样,网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合时,这种网页或者说站点才是受人喜欢的。取任何一面你都无法留住太过“挑剔”的访问者。 一.网页布局的基本概念 最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思。在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念。 1.页面尺寸: 由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。 在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。 2.整体造型: 什么是造型,造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。 对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形带表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
Dreamweaver网站制作毕业设计说明书
Dreamweaver学习网站制作 设计说明书 系部:信息工程系 学生姓名:石婷婷 专业班级:网络08D1 学号: 083422106 指导教师:密海英 2010年10月25日
目录 内容摘要 (1) 一、引言 (1) 1、Dreamweaver发展前景与现状 (1) 2、Dreamweaver专题学习网站的内容和意义 (2) 二、开发工具的介绍 (2) 三、网站的具体规划 (3) 1、网站的功能结构 (3) 2、网站的主题思想 (3) 3、网站LOGO设计 (3) 4、网站布局设计 (4) 5、网站的内容 (4) 四、页面设计过程 (4) 1、一级导航页面设计 (4) 2、二级导航页面设计 (6) 3、三级导航页面设计 (8) 五、总结 (9) 致谢 (10) 参考文献 (11)
Dreamweaver学习网站的设计与开发 内容摘要 本课题通过对Dreamweaver学习网站的制作,为使用者提供一个自主学习、测试的Dreamweaver的平台。网站采用了清新自然的绿色为主色调,颜色明快柔和,界面美观简洁。清新的绿色让学习者产生视觉上的放松。本网站文本简明、通俗易懂,整体结构清晰、统一,便于学习。网站资源丰富、层次清楚、内容严谨。页面多处插入了flash,使得页面更加生动、活泼,富有感染力。网站导航清晰,布局简单却不单调,让学习者能够一目了然,方便快捷。 本网站采用了实例教学的手法,使得学习者能够更加直观地去学习。此外,还增加了在线测试的功能,打破了以往只能够“教”而不能够“测”的网站,这样才能使学习者更加直接地了解自己的学习情况,从而提高自己的学习能力 一、引言 (一)Dreamweaver的发展前景与现状 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见
Dreamweaver之网页制作报告
《多媒体技术及应用》 报告 学生姓名:嘎嘎 学号: 专业班级:自动化103班 网页制作报告(目录) 1.设计目的3 1.1 阐述该主题网站的设计意图和创意 3 1.2简单介绍自己的个人网站 3 2.设计思想3 2.1在设计中主要用的技术 3 2.2 网页基本的框架 3 3.网页详细设计分析4 3.1建立布局 4 3.2网页中的图像 5 5
5 6 3.3插入视频和音乐 6 3.4设置图片循环滚动 7 3.5设置链接 7 3.6做个外网搜索栏 8 3.7常用的显示-时间天气 8 3.8建立子网和友情链接 9 3.9文段的处理 9 4.最终效果图9 5、结论总结11 1、设计目的 1.1 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网
页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。 1.2简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页,针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 2.1在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站,利用表格、行为、层和链接等网页设计技术设计页面。 2.2 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材,主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点:视频和音乐的点播、滚动图片的浏览、百度的在线检索、实时的时间天气、热点的使用、链接的创建、返回顶点等。主网设有8个栏目,图片含有单多个链接。大致结构如下图所示。 形象图、图片链接长=600 高=180 图片滚动栏、鼠标即停、 链接350 时间天气 (更新、滚动、鼠标即 停、联网350 搜索栏:size(80)
网页设计学习教程
网页设计基础概述 过本章的学习,读者可以了解网站和网页的有关概念、网页设 计流程和网页制作软件的基本知识等,并可以认识网页设计的 步骤与原则,为设计制作网页打下良好的基础。 重点提示: ↓ 网站制作的常用软件 ↓ 网站设计的流程 ↓ 网页的基本组成元素 ↓ 申请免费空间与发布网站 通 Chapter 1
Chapter 1 网页设计基础概述 互联网的诞生和快速发展,给网页设计师提供了广阔的设计空间。相对传统的平面设计来说,网页设计具有更多的新特性和更多的表现手段,借助网络这一平台,将传统设计与电脑、互联网技术相结合,实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的,是交互设计的延伸和发展,是在新媒介和新技术支持下的一个全新的设计创作领域。 如今的网页设计往往要结合动画、图像特效与后台的数据交互等,而Dreamweaver CS3、Photoshop CS3和Flash CS3作为Adobe公司经典的常用网页设计软件,是目前网页制作的首选工具。它们具有强大的网页设计、动画制作和图像处理功能,在静态页面设计、图片设计和网站动画设计等方面,都可以使网站设计人员的思想体现得淋漓尽致。 1.1 全面认识网页 在进行网页设计之前,需要对网页的一些基础知识进行了解,对网站的运行原理与制作过程有一个宏观把握。并从零开始,一步一步体验综合应用Dreamweaver CS3、Photoshop CS3、Flash CS3等软件进行网页设计,感受网站设计的无穷乐趣,从而踏上网页制作之路。 1.1.1 网站、网页和主页 网站(Website)是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布(或浏览)想要公开的资讯,或者利用网站来提供相关的网络服务。 现在的许多公司都拥有自己的网站,他们利用网站来进行宣传、产品资讯发布和招聘等。如图1-1所示即为中央电视台的门户网站。 网页(Web Page)是构成网站的基本元素,是承载各种网站应用的平台。 网页实际上是一个文件,存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当用户在浏览器地址栏中输入网址之后,经过一段复杂而又快速的程序运作,网页文件就会被传送到用户的计算机中,再通过浏览器解释网页的内容,最终展示到用户的眼前。 网页有多种分类,笼统意义上的分类是动态页面和静态页面。 静态页面多通过网站设计软件来进行重新设计和更改,技术实现上相对比较滞后。当然,现在的某些网站管理系统也可以直接生成静态页面,这种静态页面通常可称为伪静态。静态页面内容是固定的,其后缀名通常为.htm、.html、.shtml等,如图1-2所示。 动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页,通常可通过网站后台管理系统对网站的内容进行更新和管理,如发布新闻、发布公司产品、交流互动、博客和网上调查等,都是动态网站功能的一些具体表现。 3
Dreamweaver网页设计模拟试题
一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分) 1.关于网页中的换行,说法错误的是( A )。 A.可以直接在HTML代码中按下回车键换行,网页中的内容也会换行 B.可以使用
标签换行 C.可以使用标签换行 D.使用
标签换行,行与行之间没有间隔;使用标签换行,两行之间会空一行 2.下图为Dreamweaver8的新建文档页面,一般情况下,创建完全空白的静态页面应选择( A )。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.框架集类别中的选项 D.入门页面中的选项 3.关于超链接,下列(C )属性是指定链接的目标窗口。 A. Href B. Name C. Target D. Title
4. 使用Dreamweaver8将任一个单元格拆分为3行的操作正确的是( B )。 A. 选择表格属性栏“拆分”对话框,设置列数为3 B. 选择表格属性栏“拆分”对话框,设置行数为3 C. 右键选择菜单→表格→插入行 D. 直接单击“Tab ”键两次 5. 如果要在网页中插入日期,最常用的操作应( D )进行设置。 A. 点击标志1 B. 点击标志2 C. 点击标志3 D. 点击标志4 6. 以下( A )属性不属于表单标记