怎样制作html网页?制作网页的整体思路有：在进行网页制作的时候，要明白网页的类型以及所需要的材料，并做好一个框架构想，这样利于网页的效果形成，对后期的建设有相应的链接作用和奠基作用。先布局，再用CSS进行控制。骨架搭好了，初始化样式。注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及对外部样式表的引入。这点可以参照HTML文件和LING&MAODIANSHANG等1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大小也来自图片宽2、图片的位置：当你在编写index.html页面代码时，出现一些图片路径时，那么先分清楚哪些是同级目录文件《!DOCTYPEhtml》《html》《head》《/head》《body》《/body》《/html》
1、Initializr
Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
2、HTML5 visual cheat sheet
HTML5 visual cheat sheet是一个非常酷的速查手册，每个Web开发人员的必备神器，可以帮助大家快速超找一个标签或者属性。
3、Cross browser HTML5 forms HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。Cross browser HTML5 forms还可以帮助你构建完美的HTML5表单兼容方案。
4、HTML5demos
HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持，比如说你的浏览器是否支持HTML5 Canvas？Safari是否可以运行简单的HTML5聊天客户端等问题。
5、DreamWeaver
网页制作软件，该软件已成为专业级网页制作程序，支持HTML，CSS，PHP，JSP和ASP等多种脚本语言着色显示，同时提供模板应用功能，支持一键式生成网页框架功能。它是初学者或专业级网站开发人员必备的选择工具。
HTML文件制作方法如下：
一、打开简单的文本器。大部分文本软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。
二、将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三个选择是一样的，没有差别。
三、用网页浏览器打开文件，双击文件，它应该会自动在浏览器打开，但现在还只是个空白网页。
四、更新网页，查看已保存的更改。将《strong》Hello《/strong》输入空白的文件。
更新浏览器上的空白网页，你应该可以看到网页上方有个加粗的“Hello”字眼。在本教程中，你随时可以测试新的HTML。只要保存.html文件，然后更新浏览器窗口，就能看到浏览器如何诠释HTML。
六、构建文档。删除HTML文档里的所有东西。这个HTML代码告诉浏览器你使用哪一版HTML，网页所有内容都在《html》和《/html》标签之间。
七，添加head和body标签。HTML文档分为2个部分。“Head”部分是特别信息，例如网页标题。“Body”部分则包括网页内容。
扩展资料
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：《br/》），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符《html》,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头;而《/html》,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
文本标记语言源程序的文件扩展名默认使用htm（磁盘操作系统DOS限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于操作系统或程序辨认，除自定义的汉字扩展名。在使用文本器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。
完整的空格可使用特殊符号（实体符）“ （注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“ （注意此字母必须小写，方可空格）”。
许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行，标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。
HTML注释由“《!--“号开始，由符号”--》“结束结束，例如《!--注释内容--》。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
1、html文件是最常见的网页文件，所谓HTML是超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。2、html文件的非常简单，使用文本器就可以打开，也可以使用editplus，vim，notepad++，ultraEdit 等等工具打开，打开就可以直接看到源码，也可以进行修改。3、html是网页设计和编程的基础，只要掌握了HTML的基本标签的用法，相对来说还是比较简单的，学习难度并不大的。WEB端编程中，难度较大的在于JavaScript这一块。4、希望对你有帮助，祝你学有所得。
可以先写html，再写css，最后写js。写html网页，首先就应该明确html的结构和元素，确定布局的整体框架。完成html后，就可以根据设计图写相应的css样式，保持和设计图基本一样的效果，并且注意需要滚动的地方需要设置高度和溢出。最后写js，完成页面的效果和数据接口调用。
制作一个自己的网页的具体方法如下：
工具／原料：Dreamweaver 8.0。
1、首先，你得安装Dreamweaver软件，打开启动后点击创建一个html页面。
2、设置表格行和列数。
3、点击确定得到一个宽1000像素的表格。在这里面我们可以加图片或者文字，来作为bnner。
4、这里我们先打上一行字演示一下。
5、设置一下表格的高度，左侧加5列来作分类导航。
6、最后保存来看看，按F12预览效果。
7、文字显示出来了，但是很单调呀，继续加点边框和底色。
8、边框加1，底色参数如下图。
9、合并单元格，如下图所示。
10、加张图片进来看看效果。
11、最后，加个背景色，点击菜单栏上的修改－页面属性－背景颜色，点击确定即可。
12、最后效果图，这是一个简单式的html制作。
html是编程语言之一。下面，我们来看看html网页制作教程吧。
新建记事本 在桌面上，新建一张记事本，如下图所示：
02编写代码 打开记事本，编写代码，如下图所示：
03修改后缀名 把记事本修改后缀名为.html，如下图所示：
04网页 在桌面上就会有一张网页，如下图所示：
05运行网页 最后在浏览器上运行该网页，如下图所示：
1，可以直接新建一个.html结尾的文件，也可以打开器之后，在里面新建一个文件，然后保存为 .html结尾的，结果都一样。2，然后选择使用某种器来打开它，如使用Notepad++器来它。3，然后在这个文件中写入网页所需的基本代码。4，写好之后，根据需要设置编码格式，一般是utf-8格式，格式设置不对，会出现乱码的情况；设置好格式之后，点击左上角的图标来保存或者是直接按下 ctrl+s快捷键来保存。5，保存好之后，然后点击‘运行’菜单，在出现的菜单中根据需要选择不同的浏览器来查看刚才好的网页，当然也可以按下快捷键，如 谷歌的是 shift+Ctrl+alt+R 来看看效果如何，这就是简单的html网页教程了。以上就是西安文菲科技的html制作流程
