admin 管理员组

文章数量: 1184232


2023年12月18日发(作者:安卓应用开发参考文献)

题目:设计一个个人网站

一、要求:

1.使用Dreamweave网页工具制作一个个人网站;

2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。

3.网页中要有图片和文字内容,用表格进行页面布局;

4.添加至少两种行为,并为首页添加背景音乐。

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

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

首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字,不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图打开Dreamweaver软件,得到图

做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。

选择站点——新建站点。

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

新建站点后得到这样一个界面

点选高级,得到界面

站点名称与我们建文件夹得名字相同,zs填进去就可以了

本地根文件夹就是我们新建的那个文件夹zs,

http地址为localhost/zs

接下来选择左侧栏里远程信息

点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹

接下来点选左面菜单里的测试服务器,

点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。

下面看老师的第一条要求,是要至少四个网页,那我们就做四个

单击新建,然后单击

接下来,选择

然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,

单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认为,其他三个网页的名字分别为、、,我们这四个网页文件已经保存在我们建的文件夹里。

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

接下来,我们开始编辑。

单击,显示为当前页面。

单击拆分,

然后我们看这个个网页就叫张三之家了,同样的方法给其他三个网页改名字。

A网页标题

,这个就是网页名字,我们以张三为例,这,这样老师的第六条我们就完成一半

B网页标题

C网页标题

改好名字之后,一一保存,这个不多说了,接下来操作。

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

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

大家在代码视图里找到,这个是什么意思就不解释了,我也不知道,就是这个了,在后面输入代码

然看见这张图片上,

我光标指在哪里了吧,单击空格键,这个时候注意输入法要为美式键盘字母格式,只要不是汉字就行,得到一个菜单,单击src选中,然后单击enter建,这个时候紧跟着src会出现一个浏览,单击浏览,然后出现对话框,选择一首音乐,然后单击确定,

会继续弹出一个对话框点击是,保存到自己建好的文件夹里面,注意这里不能用汉字做音乐名字,必须改成字母或者数字

我是以beyond的歌为例,名字改为by,点击保存背景音乐就添加好了。

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

接下来开始设计页面布局

这里用表格布局, 这个栏叫设计栏,由于大家都不会代码,所以我们主要在这个栏里操作,

下面大家点击常用里面的表格,就是下面这张图片

中的这个图标

得到对话框如图所示数据:

单击确定,得到如下界面

这个插入的表格式可以自动调整大小的,大家可以自己试一下,接下来用这些表格布局,给大家看两个图标, 这个图标就像是excel中那个合并和拆分单元格是一个意思,左边那个代表合并单元格,右面那个代表拆分单元格,excel大家都会把,就和那个布局差不错,我做一个简单的布局,为了方便,我把这个表格缩小,

这个布局很简单,第二行全部合并,第三行第二三列合并,大家可以根据自己的需要进行拆分合并,还可以在表格里面再次插入表格。

宽度和高度的设置时在代码里找到

,之后把它变成

width="900" border="0" align=”center” height=””>,其中align表示表格位置,height表示表格高度,大家可以根据自己的需要来填数字,默认是以像素为单位的。

接下来制作导航,这是老师第六条中的第二个要求,

注意我在这里给了两种方法,大家可以先看一下,再决定选择哪种

我没看懂什么叫动态按钮导航条,不知道是让这个字动呢,还是让这个字动呢?如果大家嫌麻烦,就直接输入汉字,结果就是下面这样的

如果要文字居中显示可以将这四个框同时选中,然后居中在水平栏里面选择

以后所有的文字格式都可以在这里面选,但是首先要选中自己所要操作的文字。

创建链接,选中首页两个字,然后单击右键——创建链接,选择,然后以同样的方法,给其他三个栏里的文字做链接,创建链接的文字会有下划线,同时改变颜色

如果大家不嫌麻烦,教大家用flash做一个动态的按钮导航,

把光标放在第一行第一个栏里,然后

这个常用栏里的flash按钮,单击后面那个小三角,选择flash按钮。

得到对话框

我们可以看到这个按钮的样式是可以自己选择的,大家随意选择一款自己喜欢的按钮,

然后在按钮文本栏里,填入首页两个字,字体设置随意,然后链接这个栏里填入,注意这里的链接就是超级链接,当你点击这个按钮的时候,它就会显示主页,我们设置后面三个按钮的时候,一定要记得,当你文本栏里填入个人简介字的时候,那你的链接就要指向简介那个页面,我们这里就是。其他像什么背景色之类的随意,

然后单击确定。这样第一个按钮就做好了,接下来我们自己做剩下的三个按钮,注意链接问题,大家做好后,可以看到自己站点内多了四个swf格式的文件,这四个就是按钮,

保存的时候,有一个文件问是否要保存,一定要点击是,不然flash不运行了。

大家可以回到自己的文件夹里,打开首页,测试一下,是不是单击这四个按钮会指向自己所设置的网页,

然后我们给第二行设置背景颜色,以有弹出颜色选框,大家随意选择自己喜欢的颜色

单击背景颜色后面那个方框,可

接下来,完成老师的第五个要求,制作表单,这个把光标指向第三行第一个栏

选在表单选项中的。也就是第一个按钮,这时得到界面

我们把光标指向红线里面,输入“用户名:”然后点击表单选项中的第二个按钮弹出对话框,选择确定,得到界面

同样方法换行输入密码

再次换行,单击表单选项中的按钮项输入两个按钮,

然后选中第一个按钮,得到以下属性

将值后面栏里的文字改为登录,同样方法,把第二个按钮的值改为注册,

接下来插入文字和图片,在现在的第二行第二列里操作

把光标指向第三行第二列,选择常用栏

选择这个栏里的图像按钮,弹出对话框,这时大家选择自己电脑里的一张图片,单击确定后弹出对话框,问是否保存在站点根目录下,单击确定,这时候需要注意的是,图片名字不能有汉字,图像标签和辅助属性那一栏不用管,单击确定即可。

接下来就是输入汉字了,我们在图片的后面先输入汉字,可以看到这样的显示,

上面还空了很大一块地方,似乎不太好,不符合图文混排的规矩,

大家单击图片选中,在属性栏里找到找到到对齐那一栏,在后面点选左对齐,

得到最终图文效果是这样的。

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

实际上做到这里,我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢,怎么办啊,后面三个网页大家还没做,教大家一个简单的方法,

大家把鼠标指向了。

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

大家打开,这个是个人简介,就是一个图文混排了,图文混排我们已经讲过了,更何况我们这个页面里已经有了图文混排了,大家可以换一张图片,换一些文字,做一些自我介绍什么的,都可以。,但是我们最好把那个表单删掉,哪个是表单就不用我说了吧,

就是这个了。删掉之后,选中第三行三个栏,合并就好了,

第二个页面就做好了,

接下来我们看第三个页面,,这个页面是个人相册

这里我同样分两种方法给大家讲,

第一种方法很简单。就是插入几张图片,

现在第三行剩下三个空栏,每个栏里插入一张图片,景色也好,其他也罢,然后加上图片说明,一切搞定,这个我就不写了,

第二种方法还是用flash做相册,首先大家合并第三行三个栏。

并将光标指向第三行,

然后单击这个图片中的插入记录——媒体——图像查看器,之后得到这样的界面

注意这个是可以调节大小的,看你想要多大的相册了。

单击选中,

我们会发现右面多出这样一个界面flash元素

在其中找到然后单击后面的img1那里,

会发现后面多出一支笔,单击那个笔,弹出对话框

单击减号,将img1三个删掉,然后再单击加号,会多出一个文件夹标志,单击文件夹标志,然后弹出对话框

在自己电脑里选择一张图片,将图片保存到站点根文件夹下,还是那个问题,名字中不能有汉字,添加好第一张图片之后界面如图

大家可以多添加几张图片,这样一个相册就做好了,单击确定。

接下来就剩下第四页了,就是写几行文字的事情了,

把表单和图文混排都删除,然后合并三个栏,然后添加一些文字,搞定了。

这四个页面都做好了,我们还有一项任务没有完成,那就是给页面添加两个行为

下面我们讲添加行为,

打开首页,单击图像选中,然后找到一下命令,

看到行为面板下那个醒目的加号了吗

单击加号——交换图像,弹出对话框

单击浏览,在自己电脑中找出一张图片,单击确定,存放到站点根目录下,

这样第一个行为就完成了,当我们鼠标滑过这张图片的时候,就会变为另一张图片。

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

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


本文标签: 大家 按钮 图片 选择

更多相关文章

从偷窥者手中保护你的网络摄像头 - Alparysoft Videolock for Webcam

1月前

知道吗?你电脑上的摄像头无所不能 2012-03-06  图书 馆员你知道吗?你电脑上的摄像头无所不能如今摄像头已成为网民们必备的工具之一,并且随着摄像头各项技术的提升和软件开发者们的不断创新,摄像头的

SWF安全锁屏新体验:Alparysoft VideoLock for Webcam 深度解析

1月前

知道吗?你电脑上的摄像头无所不能 2012-03-06  图书 馆员你知道吗?你电脑上的摄像头无所不能如今摄像头已成为网民们必备的工具之一,并且随着摄像头各项技术的提升和软件开发者们的不断创新,摄像头的

轻松打造属于自己的CPU性能对比表:Flash中心教你怎么用Adobe Flash Player

1月前

快速体验打开 输入框内输入如下内容:创建一个极简版服务器CPU比较网页,要求:1. 展示10款常见服务器CPU基础参数 2. 用星级表示性能等级 3. 添加简单的筛选按钮 4. 手机友好界面 5. 包含使

从零开始学InfluxDB仪表板:探索并管理你的数据表

1月前

以下内容来自 尚硅谷,写这一系列的文章,主要是为了方便后续自己的查看,不用带着个PDF找来找去的,太麻烦! 第 14 章 InfluxDB仪表盘 14.1 什么是InfluxDB仪表盘 1、前面已经给大

XMP-JS入门指南:快速掌握图片XMP信息解析

26天前

功能介绍 前端有Exif.js用于解析图像基础信息,但是对于一些比较特殊的图像信息,例如 大疆无人机所拍摄得到的图像,它会在图像中添加xmp信息用来保存设备的一些额外信息,例如朝向等等。xmp-js就是

360浏览器个性化主页设置,解锁更多使用新技能!

22天前

尽管奇虎360有一些负面的口碑,但是360浏览器产品的用户还是有不太少的,那么,360浏览器主页怎么设置呢?针对此问题,下文给出教程,希望对你有所帮助哦1.点击浏览器右上角的 “菜单” 按钮,打开菜单后,点击 “设置” 选

SWF的奥秘:揭秘Flash中心的创意魔法

21天前

1、F7快捷键 调出 “图层面板”2、为什么 新建的文件 只有背景,没有图层 ? 解决: 在图层面板的下方 “新建图层”, 就可以了!3、图层 面板的顺序 和图层的叠加顺序也是一样的!4、新建图层

Outlook的秘密武器:提升邮件阅读与回复效率的超实用方法

21天前

公司使用outlook,既然这样就研究一下可以熟练使用. 虽然标示原创,但内容来自互联网.再次感谢各位博主网站. 怎样优雅地使用?-------------这个是后看到的.看到别人的体会总结如何优雅的使用确实有道

Outlook邮件高手养成记:掌握这些高招,邮件管理轻松搞定

21天前

公司使用outlook,既然这样就研究一下可以熟练使用. 虽然标示原创,但内容来自互联网.再次感谢各位博主网站. 怎样优雅地使用?-------------这个是后看到的.看到别人的体会总结如何优雅的使用确实有道

Windows 7个性化开机:智能调整自动启动应用

20天前

在 Windows 7 中设置开机启动软件非常简单。你可以通过以下几种方法来实现:方法一:使用“系统配置”工具(msconfig)打开系统配置工具: 按 Win + R 打开“运行”对话框。 输

电脑小白必看:C盘清理秘籍,掌握删除技巧,远离卡顿烦恼!

18天前

你知道C盘里哪些文件可以删除,哪些不能删吗?(转载)2011年07月15日1.磁盘清理里面的INTERNET临时文件总是特别大,刚浏览几个网页就达到几十兆了,即使我每天清理,C盘空间仍然在减少.现在仅剩下20多M了.

PS怎么给GIF文字上加图片?_如何在动态表情包上加图片

17天前

一些网友在网络上得到了一个很有意思的文字动图,想把它加到图片上,肯定很有意思,但是要怎么操作呢?下面小编就教教大家怎么使用PS给GIF文字上加图片。 1、将你的GIF文字动图去,如果GIF过大,那么导入的时候可能会有延迟,

如何解决Office 2010中Excel文档双击打不开问题?_2010中双击excel文件不能直接打开

16天前

就我个人在使用Office 2010破解版时,时常会遇到Word文档、Excel文档、连接打印机时打印机不能正常打印问题!对于这些问题,时常弄得我特别苦恼。 刚刚我在打开自桌面上的某篇Excel文档时,双击图标(如图片1

麒麟操作系统之光盘刻录_麒麟系统怎么刻录光盘

12天前

刻录步骤: 1.依次点击开始菜单→所有软件→刻录; 2.点击“数据刻录”按钮; 3.点击左上角的“+”按钮,选择需要刻录的文件后点击“添加”按钮; 4.点击“刻录”按钮,并进行刻录设置; 注意:

浏览器如何快速清除缓存

10天前

浏览器如何清除缓存?随着浏览器的更新换代,小伙伴儿们可能都找不到或者不知道,今儿为大家介绍一些主流浏览器清缓存的方法,希望能对大家日常生活有点帮助。 IE6 1、点击“工具”菜单。 2、选择 “Internet

屏幕打印键PrintScreen的使用技巧_print screen 印屏幕 连续计数怎么取消

9天前

众所周知,Print Screen键是一个拷屏键,通过Print Screen键可以迅速抓取当前屏幕内容,然后粘贴到“画图”或“Photoshop”之类的图像处理程序中即可进行后期的处理。但是,下面的这几个非典型用法许多朋友可能并

安装包没了?别急,EasyRecovery帮你恢复原来的样子!

9天前

平时在工作或者学习中遇到好用的软件我都会跟朋友分享,所以电脑中也就保存了许多安装包。但是最近发现有些安装包在清理电脑的时候被误删了,这可真让人头大。之前用数据恢复软件EasyRecovery恢复过文档、照片以及音频等。于是这次我决定用

从新手到大神:详解Adobe Flash Player环境下硬盘修复技巧

8天前

硬盘在使用的过程中会出现各种奇怪的错误,比如小编今天碰到的一个,打开分区提示函数不正确!函数不正确如何修复?工具软件:光明数据恢复软件 步骤1:先百度搜索并下载软件打开后,选中需要恢复的盘,然后点《开始恢复》按钮

Excel2007超级链接教程:菜单灰了不可点击?搞定方法在此!

8天前

Excel 2007版本和2003版本菜单的操作有很大不同,以至于按照前篇的去除excel 2003中超链接的博文所说的那样,是找不到“工具”菜单的。 在excel 2007中,点击左上角的office按钮,在弹出菜单右下角可

Excel2007超级链接找不到了?一步到位教你快速找到并使用!

8天前

Excel 2007版本和2003版本菜单的操作有很大不同,以至于按照前篇的去除excel 2003中超链接的博文所说的那样,是找不到“工具”菜单的。 在excel 2007中,点击左上角的office按钮,在弹出菜单右下角可

发表评论

全部评论 0
暂无评论