html5网页制作素材(html页面设计素材)

H5网页怎么制作

点击制作栏目，进入模板选择页

1、选择空模板，自由创作；

2、选择主题模板，更快速的创作出炫丽的展示。

2

选择模板后，进入创作界面

3

预览树操作

1、显示的页面的显示顺序；

2、右键调整页面的显示顺序；

3、点击页面右上角的X,可以把不需要的页面删除。

功能—添加修改文字

1、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

2、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。

功能—添加修改图片

1、上传图片：点击右侧图片选项→上传按钮→选择图片→确定

2、截图：点击截图按钮→选择图片区域→双击

功能—添加修改按钮

添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

功能—添加修改表单

1、添加表单：点击右侧的添加表单按钮，在弹出的窗口中填写提交数据的名称

2、修改表单样式：在右侧的属性栏中，修改表单的显示样式

3、查看及下载数据：客户提交数据后，可以在表单数据中看到，并提供下载

功能—添加修改底图

1、修改背景颜色：点击右侧底图选项→选择颜色

2、上传底图：点击右侧底图选项→点击上传按钮→确定

功能—添加修改背景音乐

添加背景音乐：点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮

功能—添加修改切换效果

添加切换效果：选择页面→点击配置选项→选择切换效果

功能—添加修改动画效果

添加动画效果：点击添加动画的组件→点击动画选项→点击动画效果

保存

点击导航栏的保存按钮→再点击预览按钮→进入发布页面

生成

1、添加标题、描述、缩略图

2、生成的二维码和链接可以用于分享到微信、微博等

3、点击生成按钮，即完成了一个作品的制作过程。

急求大学HTML5与CSS网页制作作业

网页模板素材下载：

找个合适的随便修改下就可以了。都是免费的~~亲

怎样才能作出一个好的h5页面？

一、对H5页面用上纹理效果，提升页面的真实触感

一般来说，用户通过木纹、布料或者是有分割线形式的图形效果，都可以称之为纹理。由于纹理的使用具有非常强烈的强调效果，所以通过将H5页面的背景加入纹理效果，就能够表现出极为强烈的存在感以及是真实感，同时又能进一步的营造氛围。

二、借助色块、文字、图片对H5页面进行分割

在制作H5页面时，如果需要在版面中展现大量的信息时，最常用的方法就是利用文字颜色整理信息、通过色块划分版面区域、以及利用色相对版面中的素材进行分类。尽管这三种划分方式会让人觉得有点散乱而且不稳重，不过只要利用这三个要素在空白H5页面各个位置框出区域，就可以制作出协调而又易读的版面。

三、从图片吸取颜色，使文字更加突出

要让H5页面更加显眼，一般就需要将图片和文字发挥出最大的效果，这里如果文字的颜色过于复杂，必定会影响到H5页面中图片的展示，毕竟图片自身就含有极多的色彩，草率的设置H5页面上的文字，很容易会造成不协调的现象。这时候就可以挑选较深的色彩作为文字的颜色，这样文字就能和图片产生统一性，也能让整个H5页面更加的均衡。

四、通过群组的方式放置素材

在H5页面上同时介绍两个主题时，可以通过不同的关键色来设置主题的颜色和底色，然后以这两种关键颜色来设计主轴，以此创造出群组，同时又简明易懂地创造出对比性，凸显出两个主题内容之间的差异。

最后想免费制作H5页面，可以去应用之星网站来制作。