怎么制作html5手机页面?

2024-12-20 12:45:39
推荐回答(5个)
回答1:

1、打开百度,在百度上搜索:易企秀,然后点击搜索,在搜索的结果中点击进入易企秀的官方网站。

2、进入后,先登录自己的账号,可以直接用QQ微信登录即可,登录后就可以开始制作自己的手机网页微场景了。

3、首先点击【我的场景】接着点击【制作场景】,接着会进入场景模板选择界面,里面有很多免费的模板。

4、可以在模板中心选择一个自己需要的点击,直接套用模板,也可以选择自己创建一个空白页面。

5、进入后就可以根据自己的需要,将模板里面的文字图片和音乐替换成自己需要的即可,如图所示。

6、还可以给自己的手机网页添加背景音乐,动画效果,跳转链接,特效组件等等。

回答2:

随着CSS3的兴起,有一种叫rem的单位渐渐的出现在我们的视野中。它是一个相对单位,能实现响应式的那种。它是相对于html根元素来设置当前文字大小,或者宽高的。因为它是一个不固定值,不像PX。听说在PX这个单位在PC和移动的解析不同,所以才使用rem的。
一、header信息的设置(自适应)
1、声明信息
2、编码设置
3、移动设备特别设置(重要声明!)


Viewport说明:该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备
width=device-width 为设备的宽度.
user-scalable=no/yes 此功能为用户调整缩放。默认为yes。一般设置为no
PS:初次尝试制作移动端页面。亲们,由于我没有加上面的viewport声明,结果导致页面狼狈不堪。
二、手机触摸手动滑动效果
1、触摸屏效果滚动组件(js必须包含的部分)






2、所要在手机端做滑动效果的部位(html代码部分)



aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


bbbbbbbbbbbbbbbbbbbbbbbbbbb


cccccccccccccccccccccccccccc


ddddddddddddddddddddddddd


3、js代码块(改代码会在动在要加滑动效果的html代码块中自动生成一块代码)

4、加载slider.css样式

附:
另外一种简单的写法(适用于幻灯)
html代码部分




2、js代码部分


附:小知识
一、字体效果
color:#FFF 定义字体的颜色
text-shadow:0 0 2px #146F61;(css3.0特效)
CSS3.0的文字阴影 text-shadow
语法:text-shadow: h-shadow v-shadow blur color;
也就是
text-shadow:【x轴(x offset) y轴(Y offst) 模糊半径(Blur) 颜色(color)】
例如:text-shadow: 5px 5px 5px #FF0000;

回答3:

1、学html5,然后自己编程,如果有html的基础,其实不会太难;
2、去html5页面制作平台,如vxplo、wix、maka.im都可以做html5的手机页面,不过wix现在没有中文网站;vxplo功能很齐全,但同时操作很复杂,一般人不会使用;maka.im通过模板组合、添加图文的方式制作,适合刚入门的童鞋。

楼主自己看哪个适合自己吧~

回答4:

Html5和以前html,jsp写法一样的,基本上区别不大,如果要写手机页面的话,可以用dw

然后在里面用手机版块看效果

回答5:

分享个群,每天有免费手机网站的课程分享,你可以去学习, 306456935