http://www.yuyong.net

怎么制作个人网页主页 怎么制作个人网页主页图片

网页中的个人主页其实也可以根据自己的喜好来制作,可以根据自己的喜好做出自己喜欢的个人主页,那如何制作个人主页呢?今天就介绍个简单的个人主页的制作过程,具体可以根据...

网页中的个人主页其实也可以根据自己的喜好来制作,可以根据自己的喜好做出自己喜欢的个人主页,那如何制作个人主页呢?今天就介绍个简单的个人主页的制作过程,具体可以根据自己的喜好而来哦,我今天介绍的是关于个人主页的幻景空间;

怎么制作个人网页主页 怎么制作个人网页主页图片

操作方法

  • 01

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 02

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 03

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 04

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 05

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 06

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 07

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 08

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




    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 09

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







     





    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 10

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

    怎么制作个人网页主页 怎么制作个人网页主页图片
  • 11

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

    怎么制作个人网页主页 怎么制作个人网页主页图片

特别提示

个人主页可以根据自己的喜好来制作,具体的操作可以根据自己的喜好来进行相关的设计制作的工作;

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。