生活资讯
网页设计个人网站怎么做(个人网页设计怎么做)
2023-07-03 02:37  浏览:41

大家好,下面给大家分享一下小编,如何做个人网站设计(如何做个人网站设计),这个很多人还不知道。这里有详细的解释,现在让我们来看看!

主题:设计个人网站

一.要求:

1.用Dreamweave web工具制作个人网站;

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

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

4.添加至少两个行为,并在主页中添加背景音乐。

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

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

首先,创建一个新文件夹。文件夹名称不能是汉字。网站的所有路径必须使用字母或数字,不能使用汉字。我们用名字吧,比如名字张三,文件夹名zs。

,如图所示

打开Dreamweaver

软件,拿到图表

要制作网页,你需要建立一个新的网站。这里就不说为站点配置服务器了,只说构建站点。选择站点-创建新站点。

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

,

新建网站后,你会得到这样一个界面。

点击高级进入界面。

该站点的名称与我们创建的文件夹的名称相同。填zs就行了。本地根文件夹是新文件夹zs。

,

接下来,在左栏中选择远程信息。

点按“无”后面的三角形,并选择本地网络。远程文件夹也会选择我们创建的文件夹。

接下来,单击左侧菜单中的测试服务器。

点击访问后面的三角形,选择本地网络,测试服务器文件夹也是我们搭建的文件夹zs,在url前缀后面加上zs。

,

然后点击确定,得到这样一个界面。我们来看一下老师的第一个要求,就是至少要有四个网页,那么我们就做四个。

单击新建,然后单击下一步,并选择。

然后点击创建,再点击文件-保存,保存这个文件,保存到我们一开始建立的文件夹里。保存的名称不能是汉字,只能是字母或数字,因为我们只有四个网页,所以把这四个网页命名为A、B、C、D,或者1、2、3、4可以更简单。当然,一个网站默认的索引首页是index,这里也用到了。

,

单击Save获得第一个页面,并以同样的方式构建其余三个页面。我在这里的主页默认是index.html,其他三个页面的名字分别是a.html、b.html和c.html。我们的四个网页已经保存在我们建立的文件夹中。

站点中已经有四个文件。

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

单击index.html。

,显示为当前页面。点击拆分,然后我们来看这个。

这个网页叫张三的房子。

是的,用同样的方法更改其他三个页面的名称。

页面标题

这是网页的名称。我们以张三为例。这,这样子,老师的第六篇我们看了一半。

,

b页标题

c页面标题

改完名字,一个一个保存。这个不多说。接下来,操作index.html。

将第一页显示为当前编辑页面。

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

您可以在代码视图中找到它。

我不会解释这意味着什么,我不知道,

就是这个,在后面输入代码,但是看到这张图,

我的光标在哪里?单击空键。这时候注意,输入法应该是美式键盘的字母格式,只要不是汉字就行。获取一个菜单,点击src选择它,然后点击enter构建它。此时,在src之后会立即出现一个浏览。点击浏览,会出现一个对话框。

选择一首音乐,然后点按“好”。

,

会继续弹出一个对话框。单击是并保存到。

在自己建的文件夹里,注意这里不能用汉字做音乐名,一定要改成字母或者数字。

我以beyond的歌为例,把名字改成by,点击保存背景音乐添加。

你可以看看,在站点目录里,已经有这首歌了。

接下来,开始设计页面布局。

,

这里用的是表格布局,这个栏目叫设计栏目。因为没有人会编码,

所以我们主要在这一栏操作,

我们点一下常用的表,就是下图。

中的这个图标。

获取对话框中显示的数据:

,

点击确定,出现如下界面。

该插入表格的格式可以自动调整大小。你可以自己试试,然后用这些表格布局给你看两个图标。

这个图标就像excel中合并拆分的单元格,意思是一样的。左边的代表合并单元格,右边的代表拆分单元格。excel中的每个人都会把它放得像那个布局一样。

是的,我做了一个简单的布局。为了方便,我简化了这张表。

这个布局非常简单。第二行全部合并,第三行第二列第三列合并。可以根据自己的需要进行拆分和合并,也可以在表格中再次插入表格。

设置宽度和高度时,可以在代码中找到,然后改成,其中align表示表格的位置,height表示表格的高度。可以根据自己的需要填写数字,默认以像素为单位。

接下来做导航,这是老师第六篇的第二个要求。

注意,我在这里给出了两个方法。你可以先看一看,然后再决定选哪一个。

我不明白什么是动态按钮导航栏。不知道是让这个字动起来还是让这个字动起来。如果嫌麻烦,就直接输入汉字,结果如下。

,

如果希望文本居中,可以同时选中这四个框,然后

居中并在水平栏中选择。

以后所有的文本格式都可以在这里选择,但是首先你必须选择你要操作的文本。

创建一个链接,选择单词home,然后右键单击-创建一个链接,选择index.html,然后以同样的方式链接其他三列中的文本。创建链接的文本将被加下划线,同时改变颜色。

如果不麻烦的话,教学生用flash做一个动态按钮导航。

将光标放在第一行的第一列,然后

闪光灯按钮在这个常用栏中,点击后面的小三角形,选择闪光灯按钮。

以上解释了如何做个人网站设计(如何做个人网站设计)。本文到此结束,希望对大家有所帮助。如果信息有误,请联系边肖进行更正。


相关导读:网页设计个人网站怎么做(个人网页设计怎么做)
相关内容:网页设计个人网站怎么做(个人网页设计怎么做)
发表评论
0评