网站首页制作(网站首页制作教程)

您好,今天小华来为大家解答以上的问题。网站首页制作相信很多小伙伴还不知道,现在让我们一起来看看吧！

网站首页制作(网站首页制作教程)

1、首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html打开页面后，选着设计窗口，如图所示。

2、设计窗口可以快速布局网页，不需要自己编辑代码。

3、打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。

4、打开表格属性编辑表格属性。

5、插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

6、设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。

7、点确定即可完成logo插入。

8、表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。

9、如图所示接下来我们来做搜索框，点击插入—表单—插入文本域—确定。

10、插入文本框后可点击文本框调整文本框的属性。

11、根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

12、用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。

13、拆分好后在小格里面添加文字内容即可。

14、表格大小可根据步骤四调整。

15、接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。

16、点击插入插入按钮的图片。

17、接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。

本文到这结束，希望上面文章对大家有所帮助。