松桃小程序谈怎么制作自己的网页
编辑：松桃新城建站 关注： 时间：2019-12-17 10:47:09
温馨提示：专业网站建设、小程序制作、APP开发，尽在新城建站，详询 15544599750（手机、微信、QQ同号）
文前导读：
怎么制作自己的网页
相信大家在浏览网页时，每每看到一个不错的网页，都会眼前一亮。有的甚至想自己动手试着做一个自己的页面，但往往又发现自己没有接触，无从下手。今天小编在这里就教你怎么制作属于自己的网页页。
怎么制作自己的网页
网页制作
一、打开DW
点击--新建html，弹出提示框，默认选项值，点击确定。即可进入下图所显示的界面。此时编辑器已经为你提供好了一个页面的框架：头部-躯体。第一行是文档类型的声明，之间的内容也不做讲解，因
为这块信息不直接显示在浏览器窗口中，暂且与咱们无关。
怎么制作自己的网页
二、布局
所有的网页内容都是用一块块内容组合起来的，这就意味着需要考虑哪一块放什么内容。用来布局的代码有div，用来展现内容的则有p(段落)、a（链接）、img（图片）等，这也是用的最多。主体布局
都是用div实现的。页面用到的代码标签有div/a/p/dl/dt/dd/ul/li。首先你需要明白，基本上所有网页标签代码都是成对出现一个开始一个结尾。
怎么制作自己的网页
三、body区域标签
在body区域中有这样一个标签在它里面包含着
共5个，第一个是顶部的LOGO一级电话号码。可以看到div里面top banner1/2/2 tc h230等字样，这些都是样式名.div相当于一个盒子或者是箱子，在里面你可以放置任何东西。
backgroun:url(../images/banner1.jpg) no-repeat center;div设置了名为banner1的图片背景，这张图片位于images文件夹内，同时no-repeat意味背景的不重复（），center意味着图片在div中是居
中的（包括水平和垂直），h230它的样式是.h230{ height:230px;}既高度230px(像素)。tc才用到了text-align：center;既文本（内容）的对齐方式：居中（和Word里面的居中居左居右一样)。
怎么制作自己的网页
div没有设定宽度，他会默认的显示为100%，既浏览器的窗口大小，如果里面包含内容的话，则他会有一个最小宽度。
四、躯干部分
这个为最外层的盒子，通俗地讲就是快递最外层的包装袋。
五、正文区域
第一层盒子来设置背景，背景是一张图片在content1中设置了，设置方法同上一个步骤当中提到的，效果会在下面图显示出来
第二层盒子用来包括正文的内容，设置了宽度w990(width:990px)以及用m0{margin:0 auto}来是内容处于网页中间
怎么制作自己的网页
以下的三个dl则用来布局内容，fl 、fr两个样式分别为float：left和float：rght，表示向左或向右浮动，你过你不理解浮动，你可以想象树叶漂浮在水面上左右浮动，浮动边界就是盒子的边。
mt=margin-top;即外边距，比如已经有一个盒子，现在我在距离盒子右边20cm的地方再放一个盒子，此时我们可以看做相对于新放下的盒子第一个的有外边距为20cm。mt20意味着顶部边距为20像素。
dt的里面插入了（为数不多的不成对标签之一）一张图片，外面的则定义了超链接，就像在Word里面添加超链接，实际上出来的是就是这样一个标签。href后面则是添加超链接地址。
怎么制作自己的网页
六、底部信息
可以看到基本上所有的页面底部都会有一个版权信息、免责声明等等内容。这个比较简单。
上面的一行代码即可搞定。毕竟是入门，复杂的就不多讲。
怎么制作自己的网页
拓展阅读：
本文由新城建站整理发布，喜欢请收藏，转载请保留链接 松桃小程序谈怎么制作自己的网页https://www.nccpu.net/guizhou/tongren/songtao/31092.html
519763739
15544599750