网页制作用代码做布局，网页制作的基本步骤代码
网页制作代码html制作一个网页
1、打开电脑，在桌面空白处右键，选择“新建”“文本文档”。编写HTML代码：打开刚刚创建的文本文档，输入相关的HTML代码。
2、可以直接新建一个.html结尾的文件，也可以打开编辑器之后，在里面新建一个文件，然后保存为.html结尾的，结果都一样。2，然后选择使用某种编辑器来打开它，如使用Notepad++编辑器来编辑它。3，然后在这个文件中写入网页所需的基本代码。
3、第一步：在桌面上创建一个文本文件；第二步：将文本名改为test.html（扩展名为.html或者.htm即可，看不见扩展名可以到）；第三步：文件名改好后，右击打开方式，选择记事本；第四步：写代码。
简单制作html静态网页代码?
html网页制作教程首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。
首先，你需要新建一个TXT文本文档。在这个文档中，你可以输入一些简单的HTML代码，如htmlheadtitle我的静态网页/title/headbodyh1欢迎来到我的网页/h1p这是我的第一个静态网页/p/body/html。这里的关键是使用HTML标签来构建页面结构。
静态网页现阶段主要采用DIV+CSS+Javascript来实现，第一步：在桌面上创建一个文本文件；第二步：将文本名改为test.html（扩展名为.html或者.htm即可，看不见扩展名可以到）；第三步：文件名改好后，右击打开方式，选择记事本；第四步：写代码。
怎样用Dreamweaver套用网站源代码制作网页
1、在本地文件夹E：MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。 用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。
2、首先打开Dreamweaver软件，新建站点和html文件，并保存。然后打开想要借鉴的网站首页，比如“香奈儿中国官网”，然后右击网页选择”查看源“，查看网站主页的源代码。然后切换Dreamweaver到代码页面，复制“香奈儿”主页想要套用的代码，粘贴到代码页。
3、打开Dreamweaver软件。在开始界面，找到并点击“新建项目”或类似选项。在新建项目界面中，选择“HTML”作为项目类型。进入编辑窗口并切换到全屏代码编辑模式：选择HTML类型后，Dreamweaver会带你进入编辑窗口。在编辑窗口的顶部或侧边栏，找到全屏模式或代码编辑模式的切换按钮，并点击进入全屏代码编辑状态。
4、通过访问网站源代码，我们可以将页面上的内容、样式层、JS脚本及图片等元素逐一提取。具体操作时，可以将这些内容复制到Dreamweaver（简称DW）中，然后调整相应的链接地址，从而完成页面的迁移。
5、第一步：打开dw，点击dw左上角的文件按钮。第二步：在文件按钮弹出的菜单中选择新建。第三步：在弹出的对话框中选择要新建的内容，新建网页就是html的。第四步：在选择新建类型后，点击创建按钮。第五步：新建完成后会看到网页的源代码，然后我们在body标签中填写内容。
div+css布局的基本流程
1、创建两个div，并给它们应用float：left样式。 在这两个div的外部创建一个父级div。 给这个父级div设置宽度，使其恰好容纳两个子div。 确保父级div的溢出内容会自动换行。这样设置之后，当内容超过两个div的总宽度时，新的div就会自动换到下一行。
2、布局流程：方法一：设定左右列的宽度，并让左列浮动；中间栏设置左右边距，边距值等于左右列的宽度。这种方式通过浮动和边距调整来实现自适应效果。方法二：设定父元素为相对定位；左右侧栏使用绝对定位，中间栏使用相对定位，并且中间栏的左右margin等于左右侧栏的宽度。这种方式通过定位技术来精确控制布局。
3、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
4、清除浮动：在父容器的末尾添加一个空的DIV，并为其设置clear： both；属性，以清除浮动，确保布局稳定。或者使用伪元素：after来清除浮动，这是一种更现代且推荐的做法。
5、在网页设计中，利用CSS进行左右布局是一种常见的方法。通过设置左右两个容器的浮动属性，可以轻松实现页面内容的左右分栏显示。例如，使用CSS代码：.left { float：left； } .right { float：right； } 其中，.left类用于定义左侧栏的内容，通过设置float属性为left，使其向左浮动。
