html5网页制作流程,web网页制作流程

如何用HTML5制作网页

现在以HBuilder工具编写为例：

1. 打开此工具，在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称，新建一个HTML文件----form01.html

!DOCTYPE html

!--

    作者：offline

    时间：2017-01-06

    描述：form表单

    

    在form标签中，有两个经常使用的属性

    action：表单提交服务器地址

    method: 表单提交的方法/方式----get/post

                    其他提交方式---put delete

            提交方式----get（默认的提交方式）

            1.请求的参数放到地址栏中

            2.不安全

            3.存在缓存

            4.传输数据的大小收到限制

            提交方式----post

            1.请求的参数放到http协议中

            2.相对安全---账号密码等信息不会放到地址栏中

            3.没有缓存

            4.传输数据的大小限制较小

                 修改成post之后，可能会出现错误信息。

    input标签：定义输入字段，用户可在其中输入数据。

           属性：

           type 指示 input标签的类型，默认的是text

                            按钮类型： 普通按钮 button 重置按钮 Reset  提交按钮 submit

           value 定义要显示的文本。

--

html

    head

        meta charset="utf-8"

        titleform表单1/title

    /head

    body

         form action="" method="post"

             input type="text" name="username" value="zhangsan" /

             input type="submit" value="提交" /

         /form

    /body

/html

3.查看此网页是不是HTML5，主要看表头

4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式

相关问答

Q1: H5页面怎么制作？？

可以挑选专业的h5制作工具来制作h5页面。

不同于简单替换图片文字，专业的h5页面制作工具有丰富的交互功能可供使用，制作出来的h5页面更酷炫和丰富，使用户印象深刻，比较知名的工具有：epub360等。

通常我们所说的H5就是H5广告，大多是在微信上宣传营销使用的，而HTML5是第五代HTML的标准，可以说，H5都是基于 HTML5 实现的，包括目前我们看到的大部分网页，基本上所有H5都遵循HTML5这个规范，不然就会出现问题。

它是一种基于互联网的网页编程语言，而手机端广告只不过是其中的一个点。2007年W3C（万维网联盟）立项HTML5，直至2014年10月底，在经历了各种被实验，被抛弃，被甩，被各家大佬当皮球踢来踢去之后，html5的规范终于正式定稿了！

Q2: 静态网页制作步骤

静态网页制作步骤：

第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。

第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。

第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。（这个部分需要有代码基础，可先学习HTML入门教程）

第三：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。

第四：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。

扩展资料：

静态网页是标准的HTML文件，它的文件扩展名是。htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。

静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗？这些静态页面其实只是做网站或者做模板的材料而已。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

Q3: 做网站的步骤

私人做网站的流程：域名、空间、网站程序、网站设计、更新、推广等。

网站(Website)开始是指在因特网上根据一定的规则，使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合。

简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。

衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度(俗称"网速")、网站软件配置、网站提供服务等几方面考虑，最直接的衡量标准是网站的真实流量。