网页设计个人网站怎么做(个人网页设计怎么做)

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

主题:设计个人网站

一.要求:

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做一个动态按钮导航。

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

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

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