选修课《网页设计》实践考核题

合集下载

网页设计考试题

网页设计考试题

网页设计考试题一、简答题1. 请简要说明什么是网页设计?答:网页设计是指利用各种技术和工具,通过设计师的创意和技能,将网页内容进行布局、配色、字体等方面的设计,以达到良好的视觉效果和用户体验,提供信息传递和交互功能的过程。

2. 简要说明网页设计中的UX和UI的区别和联系。

答:UX(User Experience)是用户体验设计,主要关注用户在使用产品时的感受和体验,包括用户需求分析、用户行为研究等;UI(User Interface)是用户界面设计,主要关注产品界面的设计,包括页面布局、色彩搭配、交互设计等。

二者联系紧密,UX决定了用户在产品中的感受,UI在此基础上提供了可视化的展示方式。

二、设计题请设计一个企业官方网站首页,内容包括但不限于公司介绍、产品展示、新闻动态等,需要考虑页面布局、色彩搭配、字体选择等因素,提供设计稿和设计说明。

设计说明:1. 公司介绍部分需突出公司的核心价值和品牌形象,采用简洁明了的文字搭配高质量的图片。

2. 产品展示部分需提供多个产品类别的展示,每个产品需有详细信息和图片展示,方便用户查询和浏览。

3. 新闻动态需采用时间轴的形式展示,最新的新闻置于首页上方,便于用户了解公司的最新动态。

4. 页面整体采用简洁大方的风格,色彩以公司LOGO为主色调,搭配深浅不同的灰色作为辅助色,突出页面内容。

5. 字体选择清晰易读,不宜使用过多花哨的特效,保持页面整体干净简洁。

三、编程题请利用HTML、CSS和JavaScript完成一个简单的网页设计,包括一个导航栏、一个图片轮播器和一个联系表单,要求页面美观、交互性强。

编程说明:1. 导航栏包括首页、产品展示、关于我们等几个页面链接,鼠标悬停时显示下拉菜单。

2. 图片轮播器包括3-5张公司产品或宣传图片,实现图片自动轮播和手动切换功能。

3. 联系表单包括姓名、邮箱、留言等几个输入框,点击提交按钮后能够将用户输入信息发送至指定邮箱。

以上是网页设计考试题的内容,希望你能根据要求完成各项题目。

网页设计考试题+参考答案

网页设计考试题+参考答案

网页设计考试题+参考答案一、单选题(共30题,每题1分,共30分)1.当通过定义列表实现图文混排时,可以定义图片解释说明文字的标记是()。

A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案:B2.下列选项中,表示网页主体的标记是()。

A、bodyB、headC、htmlD、h1正确答案:A3.下列标记中,用于定义HTML文档所要显示内容的是()。

A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案:B4.对于网页制作者来说web的含义是什么?()A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案:A5.<'div>标记是网页布局中最常用的标记,其显示类型为()。

A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案:B6.下面标记中,表示换行的标记是()。

A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案:D7.如果有两个上下并列关系的盒子,上面盒子的下外边距是30px,下面盒子的上外边距是20px,那么这两个盒子之间的间距是()。

A、20像素B、30像素C、10像素D、50像素正确答案:B8.下列选项中,不是<'img />标记属性的是()。

A、srcB、widthC、altD、href正确答案:D9.text-transform属性用于控制英文字符的大小写。

08网页设计与制作期末实践考核

08网页设计与制作期末实践考核

网页设计与制作期末实践考核
一、考核目标与要求:
课程目标是培养学生使用Dreamwaver工具进行网页制作的能力,学生完成课程后应该具有创建一个小型的个人网站的技能。

能熟练使用Dreamweaver工具设计网页;能熟练使用Dreamweaver中的布局方法布局网页元素;能使用Dreamweaver制作简单的网页特效;能熟练地编辑网页元素,如:文字,图片,音频等。

二、考核时间:80分钟
三、考核内容及评分标准:
1、网页主题范围:网页主题可以是和谐校园、环保、美食文化、风景旅游、新闻、交友、文学或个人网站等,主题健康新颖,内容丰富。

2、内容要求及评分标准:
网页主题突出,内容丰富;布局合理,不凌乱,色彩搭配协调,图文搭配效果好;(30)必须建立有网站站点;(5)
网站首页命名为:index.html;(5)
网页导航栏信息清晰;其中至少有一个导航标题设置链接;(10)
利用表单创建首页登录框(10)
网页中的动态效果:滚动字幕;鼠标经过图像;显示-隐藏层;浮动广告;(30)
要有网页尾部信息(水平线、信息内容为:版权所有、地址、联系电话、意见反馈、邮箱)(10)。

网页设计考试题与答案

网页设计考试题与答案

C. Dreamweaver D Fireworks改变元素的填充用padding ,属性请填空->四、问答题(共3题,30分)超的target 性性可能取值有哪几种? 1. _blank <a href="example.html" target="_blank">example</a> 新窗口显示 example.html 文档 2. _parent <a href="example.html"target="_parent">example</a> 文档3. _self <a href="example.html" target="_self">example</a>4._top <a href="example.html"target="_top">example</a> document.html 取代 frame浏览器会另开一个 指向父frameset 把文档调入当前页框 去掉所有页框并用请答题-> 定义CSS 选择符的基本格式是什么? .className{} 用样式名称选择 #id{}用id 名称选择div{} , a{} , ul li{} 等直接用html 标签名称来选择 selector{decleration1;decleration2;decleration3;....} selector{property:value} 1、2、3、 4、 5、 请答题->设置下列代码的 CSS 产生下图文字环绕图片的效果。

<div id="main-left-right-1"> <div id="main-pic-4”><img /></div>src="images/4-11.GIF”width="50" height="50"信息技术系统外包</span><br /><span class="text-2"> 软件开发的外包已经成为卡基科技对外业务的一个重要组成。

《网页设计》公选考查题目

《网页设计》公选考查题目

2010-2011-1《网站设计与优化》公共选修课考查要求
一、要求:
设计制作一反映大学生活的网页(或网站)或个人网页,内容不限制。

1、能准确地反映大学生的生活。

2、页面构图合理,版面整洁;色彩明快,搭配合理。

内容:文字图片效果。

3、网页中文字、表格、颜色等格式使用外部样式表自定义。

4、网页中所有文件和文件夹存放在一个以自己的姓名和系别为名的站点目录中,
如“美术系xxx”,其中主页名称为index.htm(或index.asp),图片存放在站点目录中的images 目录中。

将整个站点压缩成一个rar文件,最终生成的文件为“美术系xxx .rar”。

5.网站包含多个网页,最好做动态网页。

6.自己编写一个说明制作本网页的WORD说明文件,命名为readme.doc,放到站点目录中。

二、上交作业方式和时间:
1、方式:网上提交(第16周周2前):wfu999@;
拷贝:第16周周二晚
2、制作及上交时间:第16周
三、注意事项:
1、做网页要切中主题,不能从网上随意下载。

2、不能抄袭。

3、不能重复发作业。

4、第16周周周二晚核实作业上交情况。

网页制作考试参考答案

网页制作考试参考答案

网页制作考试参考答案网页制作考试参考答案在当今信息化时代,网页制作已经成为一项重要的技能。

无论是个人网站、企业官网还是电子商务平台,都需要精心设计和制作,以便吸引更多的用户和客户。

而网页制作考试则是对学习者对网页制作技能的考核,以下是一些参考答案。

一、HTML基础知识1. HTML是什么?它的全称是什么?HTML是超文本标记语言(HyperText Markup Language)的简称。

它是一种用于创建网页的标准标记语言。

2. 请简述HTML标签的作用。

HTML标签是用于描述网页内容和结构的元素,通过标签可以实现文本格式化、插入图片、创建超链接等功能。

3. HTML中常用的文本标签有哪些?常用的文本标签包括:标题标签(h1~h6)、段落标签(p)、换行标签(br)、加粗标签(b)等。

4. 如何插入图片到网页中?可以使用<img>标签插入图片。

例如:<img src="图片路径" alt="图片描述">二、CSS样式设计1. CSS是什么?它的全称是什么?CSS是层叠样式表(Cascading Style Sheets)的简称。

它用于为HTML文档添加样式和布局。

2. 请简述CSS选择器的作用。

CSS选择器用于选择HTML元素,并为其应用样式。

常见的选择器有标签选择器、类选择器、ID选择器等。

3. 如何设置字体样式?可以使用font-family属性设置字体样式。

例如:body { font-family: Arial, sans-serif; }4. 如何设置元素的背景颜色?可以使用background-color属性设置元素的背景颜色。

例如:div{ background-color: #FF0000; }三、响应式网页设计1. 什么是响应式网页设计?响应式网页设计是一种能够自动适应不同设备(如电脑、平板、手机等)屏幕大小和分辨率的网页设计方式。

网页设计的测验与练习 B1网页设计的测试与练习

网页设计的测验与练习 B1网页设计的测试与练习网页设计的测验与练简介本文档旨在帮助读者进行B1级别的网页设计的测试与练。

通过对设计相关概念的理解和运用,读者可以巩固自己在网页设计方面的知识,并有机会进一步提升自己的设计技能。

测试题目题目一:方案请设计一个网页的配色方案,要求满足以下标准:1. 色彩搭配协调,能够给用户带来舒适感;2. 适用于展示艺术品的个人网页;3. 引导用户的注意力,但不会造成视觉疲劳。

请在你的回答中包括至少三种配色方案,并附上配色方案的名称和对应的色彩代码。

题目二:网页布局设计请设计一个网页的布局方案,要求满足以下标准:1. 网页包含标题、导航栏、内容区域和页脚四个部分;2. 各部分的位置和大小应合理且美观;3. 确保网页在不同屏幕尺寸下都能够正常显示。

请在你的回答中包括你的布局方案,并简要说明你的设计思路。

题目三:网页图片优化请分析并优化以下网页的图片,以减少加载时间并提升用户体验:<img src="example.jpg" alt="Example Image" width="800" height="600">请在你的回答中描述你的优化策略,并提供优化后的代码。

练题目题目一:设计一个个人简历网页请设计一个个人简历网页,满足以下要求:1. 包含个人照片、姓名、联系方式等基本信息;2. 以清晰的结构展示个人的教育背景、工作经历、技能和项目经验;3. 使用合适的字体、配色和排版,使网页具有专业感。

题目二:设计一个产品展示网页请设计一个产品展示网页,满足以下要求:1. 包含产品的图片、名称、价格等基本信息;2. 使用合适的布局和样式,突出产品的特点和优势;题目三:设计一个博客网页请设计一个博客网页,满足以下要求:1. 包含博客的文章列表和文章详情页两个部分;2. 列表页展示文章标题和摘要,详情页展示完整的文章内容;3. 使用合适的排版和样式,使网页易读且美观。

01040网页设计(实践)考试大纲和练习带答案

《网页设计》考试大纲一、课程性质、特点与设置目的(一)课程的性质和特点“网页设计”主要向考生介绍网页设计的知识,包括HTML语言、XML语言、网页设计的工具FrontPage2000和Dreamweaver4以及Flash工具。

通过本课程的学习,应使学生掌握网页设计的常用方法、技巧与工具,为今后设计制作网页、网站打下坚实的基础。

(二)本课程的基本要求1、了解网页、网页设计的准则及基本原则、设计要点。

2、掌握HTML语言及其应用。

4、掌握FrontPage设计网页的基本方法和技巧。

5、掌握Dreamweaver设计网页的基本方法和技巧。

6、掌握Flash进行动画设计的基本方法和技巧。

(三)本课程与相关课程的联系本课程是软件技术专业的专业课程,与Web程序设计,C#程序设计,程序设计是并行课程,但侧重点不同。

本课程重点是掌握HTML语言和各种网页设计工具的使用和应用上。

二、课程内容与考核目标第一章网页设计概述(一)学习目的与要求通过本章学习,学生应了解网页的概念、特点;掌握网页设计的准则和要点,了解网页设计的常用工具。

(二)考核知识点与考核要求识记:网页的概念、特点,网页设计的准则、要点及常用的工具。

第二章HTML语言(一)学习目的与要求通过本章学习了解HTML的发展历史,掌握HTML的基本格式、如何处理文本、图像,修饰网页,设计表格和表单,了解样式表和框架的使用。

(二)考核知识点与考核要求识记:HTML含义、制定者等基本知识,表示文档结构、段落、分行、格式、链接、图像、表格、字体、表单、样式表和框架等的标记。

应用:综合使用各种HTML标记设计常见的网页形式。

第三章XML语言(一)学习目的与要求通过本章学习了解XML的发展历史,XML基本格式和CSS和XSL格式化方法。

(二)考核知识点与考核要求本章内容不做考核,仅作了解。

第四章FrontPage2000入门(一)学习目的与要求通过本章学习学生应了解FrontPage2000的基本特性和基本操作。

大学网站设计考试题及答案

大学网站设计考试题及答案一、选择题(每题2分,共10分)1. 在大学网站设计中,以下哪个不是网页设计的基本要素?A. 文字B. 图片C. 动画D. 声音答案:D2. HTML5是用于构建和呈现网页内容的语言,它取代了哪个旧版本?A. HTML4B. XHTMLC. HTML3D. HTML2答案:A3. CSS在网页设计中的作用是什么?A. 网页内容的编辑B. 网页布局的设计C. 网页背景的设置D. 网页功能的编程答案:B4. 下面哪一项不是网页设计中用户体验(UX)的考虑因素?A. 网站的加载速度B. 网站的导航结构C. 网站的配色方案D. 网站的编程语言答案:D5. 在大学网站设计中,以下哪个工具不是用于图像编辑的?A. Adobe PhotoshopB. Adobe IllustratorC. Microsoft WordD. GIMP答案:C二、填空题(每题2分,共10分)6. 响应式网页设计是指网站能够__________地调整布局以适应不同大小的屏幕。

答案:自动7. 在HTML中,用于定义最重要的标题的标签是__________。

答案:<h1>8. 一个大学网站的导航栏应该清晰、直观,以便于用户__________地找到所需信息。

答案:快速9. 网站的可访问性(Accessibility)是指网站内容和服务可以被__________用户无障碍地访问。

答案:所有10. 使用CSS的媒体查询(Media Queries)可以创建不同设备的__________体验。

答案:定制化三、简答题(每题10分,共20分)11. 简述在设计大学网站时,为何需要考虑搜索引擎优化(SEO)?答案:搜索引擎优化(SEO)是确保网站内容能够被搜索引擎有效索引,并在搜索结果中获得较高排名的过程。

对于大学网站而言,良好的SEO实践可以提高网站的可见性,吸引更多的潜在学生、研究人员和合作伙伴访问网站。

此外,优化的SEO也有助于提升网站的权威性和信任度,从而增强大学的品牌影响力。

网页制作测试题及答案

网页制作测试题及答案一、选择题(每题2分,共20分)1. 以下哪个不是HTML标签?A. `<p>`B. `<ul>`C. `<end>`D. `<div>`2. CSS中,以下哪个属性用于设置元素的背景颜色?A. `color`B. `background-color`C. `bgcolor`D. `background`3. JavaScript中的`var`关键字用于声明什么?A. 函数B. 变量C. 常量D. 类4. 以下哪个不是网页布局的常用方法?A. 表格布局B. 框架布局C. 弹性盒子布局D. 绝对定位布局5. HTML5新增的元素中,用于表示日期的元素是?A. `<date>`B. `<time>`C. `<datetime>`D. `<date-time>`6. 在HTML中,`<meta>`标签通常用于?A. 定义文档的元数据B. 定义文档的头部信息C. 定义文档的主体内容D. 定义文档的脚本7. 以下哪个不是JavaScript中常用的循环结构?A. `for`B. `while`C. `do-while`D. `switch`8. CSS中,`display: none;`的作用是什么?A. 隐藏元素,但保留其在文档中的位置B. 隐藏元素,不保留其在文档中的位置C. 显示元素,但使其不可见D. 显示元素,但使其不可点击9. 以下哪个不是HTML5的表单输入类型?A. `text`B. `email`C. `number`D. `submit`10. 在JavaScript中,`document.getElementById()`方法用于?A. 获取元素的CSS样式B. 获取元素的文本内容C. 通过元素的ID获取元素D. 通过元素的类名获取元素二、填空题(每空2分,共20分)1. HTML是________的缩写,用于创建网页的结构。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

题目:设计一个个人网站一、要求:1.使用Dreamweave网页工具制作一个个人网站;2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。

3.网页中要有图片和文字内容,用表格或框架进行页面布局;4.添加至少两种行为,并为首页添加背景音乐。

5. 在网站中设计一个表单页面。

6. 首页必须包含页面标题,动态按钮导航栏。

首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字,不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图打开Dreamweaver软件,得到图做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。

选择站点——新建站点。

我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面点选高级,得到界面站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹,http地址为http://localhost/zs接下来选择左侧栏里远程信息点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹接下来点选左面菜单里的测试服务器,点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs然后点击确定就可以了得到这样一个界面。

下面看老师的第一条要求,是要至少四个网页,那我们就做四个单击新建,然后单击接下来,选择然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认为index.heml,其他三个网页的名字分别为a.html、b.html、c.html,我们这四个网页文件已经保存在我们建的文件夹里。

站点中已经有了四个文件。

接下来,我们开始编辑index.html。

单击index.html,显示为当前页面。

单击拆分,然后我们看这个,这个就是网页名字,我们以张三为例,这个网页就叫张三之家,这样老师的第六条我们就完成一半了,同样的方法给其他三个网页改名字。

A网页标题B网页标题C网页标题改好名字之后,一一保存,这个不多说了,接下来操作index.html。

显示首页为当前编辑页面。

首先为index.html页面添加背景音乐。

大家在代码视图里找到<body><body/>,这个是什么意思就不解释了,我也不知道,就是这个了,在<body>后面输入代码<bgsound>,然看见这张图片上,我光标指在哪里了吧,单击空格键,这个时候注意输入法要为美式键盘字母格式,只要不是汉字就行,得到一个菜单,单击src选中,然后单击enter建,这个时候紧跟着src会出现一个浏览,单击浏览,然后出现对话框,选择一首音乐,然后单击确定,会继续弹出一个对话框点击是,保存到自己建好的文件夹里面,注意这里不能用汉字做音乐名字,必须改成字母或者数字我是以beyond的歌为例,名字改为by,点击保存背景音乐就添加好了。

大家可以看一下,在站点目录下,已经有了这首歌曲。

接下来开始设计页面布局这里用表格布局,这个栏叫设计栏,由于大家都不会代码,所以我们主要在这个栏里操作,下面大家点击常用里面的表格,就是下面这张图片中的这个图标得到对话框如图所示数据:单击确定,得到如下界面这个插入的表格式可以自动调整大小的,大家可以自己试一下,接下来用这些表格布局,给大家看两个图标,这个图标就像是excel中那个合并和拆分单元格是一个意思,左边那个代表合并单元格,右面那个代表拆分单元格,excel大家都会把,就和那个布局差不错,我做一个简单的布局,为了方便,我把这个表格缩小,这个布局很简单,第二行全部合并,第三行第二三列合并,大家可以根据自己的需要进行拆分合并,还可以在表格里面再次插入表格。

宽度和高度的设置时在代码里找到<table width="900" border="0">,之后把它变成<table width="900" border="0" align=”center”height=””>,其中align表示表格位置,height表示表格高度,大家可以根据自己的需要来填数字,默认是以像素为单位的。

接下来制作导航,这是老师第六条中的第二个要求,注意我在这里给了两种方法,大家可以先看一下,再决定选择哪种我没看懂什么叫动态按钮导航条,不知道是让这个字动呢,还是让这个字动呢?如果大家嫌麻烦,就直接输入汉字,结果就是下面这样的如果要文字居中显示可以将这四个框同时选中,然后在水平栏里面选择居中以后所有的文字格式都可以在这里面选,但是首先要选中自己所要操作的文字。

创建链接,选中首页两个字,然后单击右键——创建链接,选择index.html,然后以同样的方法,给其他三个栏里的文字做链接,创建链接的文字会有下划线,同时改变颜色如果大家不嫌麻烦,教大家用flsh做一个动态的按钮导航,把光标放在第一行第一个栏里,然后这个常用栏里的flash按钮,单击后面那个小三角,选择flash按钮。

得到对话框我们可以看到这个按钮的样式是可以自己选择的,大家随意选择一款自己喜欢的按钮,然后在按钮文本栏里,填入首页两个字,字体设置随意,然后链接这个栏里填入index.html,注意这里的链接就是超级链接,当你点击这个按钮的时候,它就会显示主页,我们设置后面三个按钮的时候,一定要记得,当你文本栏里填入个人简介字的时候,那你的链接就要指向简介那个页面,我们这里就是a.html。

其他像什么背景色之类的随意,然后单击确定。

这样第一个按钮就做好了,接下来我们自己做剩下的三个按钮,注意链接问题,大家做好后,可以看到自己站点内多了四个swf格式的文件,这四个就是按钮,保存的时候,有一个文件问是否要保存,一定要点击是,不然flash不运行了。

大家可以回到自己的文件夹里,打开首页,测试一下,是不是单击这四个按钮会指向自己所设置的网页,然后我们给第二行设置背景颜色,单击背景颜色后面那个方框,可以有弹出颜色选框,大家随意选择自己喜欢的颜色接下来,完成老师的第五个要求,制作表单,这个把光标指向第三行第一个栏选在表单选项中的。

也就是第一个按钮,这时得到界面我们把光标指向红线里面,输入“用户名:”然后点击表单选项中的第二个按钮弹出对话框,选择确定,得到界面同样方法换行输入密码再次换行,单击表单选项中的按钮项输入两个按钮,然后选中第一个按钮,得到以下属性将值后面栏里的文字改为登录,。

同样方法,把第二个按钮的值改为注册,接下来插入文字和图片,在现在的第二行第二列里操作把光标指向第二行第二列,选择常用栏选择这个栏里的图像按钮,弹出对话框,这时大家选择自己电脑里的一张图片,单击确定后弹出对话框,问是否保存在站点根目录下,单击确定,这时候需要注意的是,图片名字不能有汉字,图像标签和辅助属性那一栏不用管,单击确定即可。

接下来就是输入汉字了,我们在图片的后面先输入汉字,可以看到这样的显示,上面还空了很大一块地方,似乎不太好,不符合图文混排的规矩,大家单击图片选中,在属性栏里找到找到到对齐那一栏,在后面点选左对齐,得到最终图文效果是这样的。

第四行还有四个栏,大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容,这里我就不写了。

实际上做到这里,我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢,怎么办啊,后面三个网页大家还没做,教大家一个简单的方法,大家把鼠标指向这个栏的左边,在表格和边框之间,我们可以发现,鼠标斜向右了。

首先单击鼠标左键,选中这个表格然后不要移动鼠标,同时单击右键,单击拷贝,然后这个表格就拷贝好了,打开其他三个页面,分别粘贴过去,图像属性描述不用管,取消,这样做的好处是它的好处非常多。

大家打开a.html,这个是个人简介,就是一个图文混排了,图文混排我们已经讲过了,更何况我们这个页面里已经有了图文混排了,大家可以换一张图片,换一些文字,做一些自我介绍什么的,都可以。

,但是我们最好把那个表单删掉,哪个是表单就不用我说了吧,就是这个了。

删掉之后,选中第三行三个栏,合并就好了,第二个页面就做好了,接下来我们看第三个页面,b.html,这个页面是个人相册这里我同样分两种方法给大家讲,第一种方法很简单。

就是插入几张图片,现在第三行剩下三个空栏,每个栏里插入一张图片,景色也好,其他也罢,然后加上图片说明,一切搞定,这个我就不写了,第二种方法还是用flash做相册,首先大家合并第三行三个栏。

并将光标指向第三行,然后单击这个图片中的插入记录——媒体——图像查看器,之后得到这样的界面注意这个是可以调节大小的,看你想要多大的相册了。

单击选中,我们会发现右面多出这样一个界面flash元素在其中找到然后单击后面的img1那里,会发现后面多出一支笔,单击那个笔,弹出对话框单击减号,将img1三个删掉,然后再单击加号,会多出一个文件夹标志,单击文件夹标志,然后弹出对话框在自己电脑里选择一张图片,将图片保存到站点根文件夹下,还是那个问题,名字中不能有汉字,添加好第一张图片之后界面如图大家可以多添加几张图片,这样一个相册就做好了,单击确定。

接下来就剩下第四页了,就是写几行文字的事情了,把表单和图文混排都删除,然后合并三个栏,然后添加一些文字,搞定了。

这四个页面都做好了,我们还有一项任务没有完成,那就是给页面添加两个行为下面我们讲添加行为,打开首页,单击图像选中,然后找到一下命令,看到行为面板下那个醒目的加好了吗单击加号——交换图像,弹出对话框单击浏览,在自己电脑中找出一张图片,单击确定,存放到站点根目录下,这样第一个行为就完成了,当我们鼠标滑过这张图片的时候,就会变为另一张图片。

下面添加第二个行为,我们将光标指向第二行蓝色背景哪一行,然后单击行为面板下的加号——弹出信息,得到对话框写上你好,单击确定。

这样在我们单击蓝色地带的时候,就会弹出你好信息框。

好了到此为止,就差不多了,。

相关文档
最新文档