大家好，林林来为大家解答以上问题，如何设计网站布局，如何设计网站很多人还不知道，现在让我们一起来看看吧！

如何制作网页？如何做一个自己喜欢的网站？看到别人有自己的网站是不是有点羡慕？当然可以。更复杂的网站需要大量的技术知识。比如javascrpt，jquery，ajax，flash等等！这些只是为了让网站的页面好看。让静态网站变得动态。如何制作一个简单的网页？然后用Dreamweaver和Frontpage做，然后用Homesite和Hotdog修改细节，用fireworks、Adobe ImageReady和Flash做Photoshop动画，然后申请空间和域名，大部分是收费的，最后用软件上传。

在开始制作之前，我们先来分析一下这个页面。查看本页所用内容。

1.网页顶部的标题“我的主页”是一段文字。

2.网页中间有一张图片。下方的欢迎词是一段文字。

3.网页的背景是深紫色。设计好这个网页的结构后，我们就可以开始制作了。

解决方案和步骤：

1.首先启动Dreamweaver，并确保您已经用站点管理器设置了一个网站(根目录)。为了制作方便，请提前打开资源管理器，把要用的图片收集到网站目录的images文件夹中。

2.然后单击创建新项目下的HTML。下面常用的是javascrpt和CSS样式。

3.进入页面编辑设计视图状态。一般情况下，编辑器默认左对齐，光标在左上角闪烁。光标位置是插入点的位置。如果希望文本居中插入，只需单击属性面板中的“居中”按钮。启动中文输入法，输入“我的主页”这个词。字小没关系，我们可以设置。

4.使用插入栏：点击插入栏对象按钮选择按钮，弹出“选择图像源文件”对话框。其余操作同上。

5.使用面板组“资源”面板(如下图):点击按钮，展开根目录下的图片文件夹，选择文件，用鼠标拖动到工作区的适当位置。

6.在图片右侧空白处点击，回车喂。还是按照上面的方法，输入单词“Welcome”然后用属性面板设置单词。保存页面。这样就编辑了一个简单的页面。

7.在页面编辑器中按F12预览网页效果。网站的第一页，也就是首页，我们保存的时候通常会命名为index.htm。

很多时候，我们需要html静态页面代码，那么我们就来介绍一下静态页面代码。

Html/html:静态网页源代码开头和结尾的结构标记，网页的所有内容都在代码中呈现。

Bodycolor=背景色；/body:网页的主要部分。

Title/title:网页页眉的标题名显示在标签中，用在head/head标签中。

Metaname=keyword content=IT，education，network”:设置搜索关键字。

本文讲解到此结束，希望对大家有所帮助。