简单的html5页面（怎样用html5做简单网站）

本文目录一览：

• 1、怎么制作HTML5页面让它适应电脑和手机的尺寸?
• 2、怎样做简单的H5页面
• 3、怎么制作html5手机页面?

怎么制作HTML5页面让它适应电脑和手机的尺寸?

1、百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。这种方法适合布局简单的页面，实现复杂页面较为困难。 使用CSS3 rem单位：设置html字体大小为一个基准值，如根据屏幕宽度计算出合适的font-size。

2、用以下代码开头：！DOCTYPE HTMLhtmlheadmeta charset=utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and （max-width：449px）{ } 自动根据屏幕像素 调用不同的CSS代码。

3、输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。输入width：100％；height：100％；min－width：1000px；这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

4、你写的这段是要放在所有css样式后边的，以防止样式覆盖。这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另一个样式。

怎样做简单的H5页面

找到h5制作平台现在网络上有很多h5制作平台，我们要做的是寻找到有实力的平台，然后进入平台注册账号，再登陆网站。点击h5页面制作，就可以看到各种模板了，然后你可以根据你的需要选择合适的模板，没有合适的模板也没关系，自己设计一个，因为使用自助h5页面制作，所以不用编写代码。

把h5页面放在微信公众号里其实很简单。先在微信图文区域编写好自己的活动推荐图文二维码，一般H5页面都有属于自己的一个唯一的二维码，你将二维码放到文章里面，群发出去。

选择H5制作平台：登录各种在线平台，如yongsy.com，注册账号后，进入H5页面制作界面，挑选适合的模板，如果没有满意的，可自定义设计，操作简便。编辑与修改模板：模板内的内容通常需要调整，修改过程直观易懂，通常分为模式显示区、制作区和组件属性修改区。

你可以先到意派官网上的案例库中找找灵感，然后再到其教程中心查找相关教程慢慢学，合成海报、长页面、测试题等比较简单的H5创意形式都可以自学完成。此外，你还可以直接套用一些简单的模板，比自学制作更方便一点。

怎么制作html5手机页面?

打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。首先点击【我的场景】接着点击【制作场景】，接着会进入场景模板选择界面，里面有很多免费的模板。

利用meta标签：设置viewport元标签，初始比例为1，最小比例为1，最大比例为1，用户不可扩展，页面不可缩放。这有助于页面在不同设备上保持原始比例。 百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。

制作手机网页时，通常使用HTML5代码编写。这不仅是一种有效的方式，也是一种方便手机端使用的宣传工具。在制作手机网页时，步骤如下：首先，在百度上搜索易企秀并登录账号，然后选择制作场景，接着套用模板或创建空白页面，最后根据需要修改内容和添加特效。

寻找H5的制作平台目前网络上有不少H5页面的制作平台，我们可以从中找一个比较流行的、免费的，然后在这个平台上注册一个自己的账号，进入这个平台。找到H5页面创建，就能够看到不同的主题，接着可以根据实际的需要选择一个合适的主题。