怎么制作个人网页主页

2025-10-02 00:47:01

1、首先打开你桌面上已经安装好的Dreamweaver制作网页的工具,点击新建一个HTML文件;

怎么制作个人网页主页

2、新建好一个html文件后,然后选择拆分的选项,方便看代码与效果图,将鼠标放置在<body></body>中间方便编写程序代码,一般情况下,都是放置于body的中间啦;

怎么制作个人网页主页

3、首先在body中插入一个div容器,里面套用table,点击插入--布局对象--div标签的选项,步骤如下所示;

怎么制作个人网页主页

4、下一步会提示插入标签的相关内容,我直接点击确定就可以了;

怎么制作个人网页主页

5、点击确定后,会出现一个div的标签,然后我们在div的标签中插入一个table,table中设计为一行三列的形式,我们点击插入--表格的选项就可以了;

怎么制作个人网页主页

6、在弹出的表格框中,填入相关的行数、列数,以及表格的宽度的相关信息的内容,如下所示;

怎么制作个人网页主页

7、接着在第一行第一列中插入第一列中的信息的相关的内容,代码如下所示,主要是插入相关的图片的信息,步骤如下所示;

<td width="537" height="345" align="left">

 

<p align="center"><map name="FPMap0">

 

<area href="index1.htm" shape="rect" coords="40,230,99,249</map>

<img border="0" src="images/pic01b.jpg" usemap="#FPMap0 

</td>

怎么制作个人网页主页

8、接着插入第二行第二列的相关信息的内容,主要是插入意境汉字的内容,步骤如下所示:

   <td width="43" height="1" align="left" rowspan="2">

 

       <br>

 

       <font face="隶书" size="5" color="#006666">

 

       听<br>

 

       海<br>

 

       的<br>

 

       声<br>

 

       音</font>

 

   </td>

怎么制作个人网页主页

9、同理插入第三行内容的,具体的操作如下所示

<td width="173" height="1" align="left" valign="top" rowspan="2">

 

                   <br>

 

                   <font size="6" face="隶书" color="#800000">我<br>

 

                   的<br>

 

                   主<br>

 

                   页<br>

 

                   空<br>

 

                   间</font>

 

                    

 

                   <br>

 

                   <br>

 

                   <br>

 

                   <br>

 

</td>

怎么制作个人网页主页

10、操作完成后,接着Ctrl+S保存一下就可以了,操作如下所示;

怎么制作个人网页主页

11、保存好后,最后我们按下F12预览一下个人主页的效果图;

怎么制作个人网页主页

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢