秀米新手教程详细图解,秀米 使用教程 图片版

题图来自Unsplash，基于CC0协议

导读

秀米是一款用于快速搭建移动端网站的在线工具，操作简单，视觉效果出色，非常适合发布个人作品集、简历、照片墙等内容。以下是一组图解教程，帮助你快速上手秀米的操作流程。

第一步：账号注册与登录

新用户需要先注册秀米账号，目前支持微信登录和手机号注册。注册成功后进入控制台，看到一个欢迎界面，提示“开始制作”。

第二步：创建新的作品

点击“新建作品”按钮，可选择“普通内容”或“简历教程（推荐）”。本次教程使用普通内容进行基础演示。进入作品创建界面后，可选择是否使用模板，也可以选择空白页开始编辑。

第三步：页面布局与容器添加

进入编辑界面后，左右分区清晰：

• 左侧为编辑区域
• 中部为左侧导航抽屉（可折叠）
• 右侧为常用组件和属性设置面板

最常用的容器添加方式：

点击最下方的工具栏中的「+」按钮，可以在页面中添加内容区块，通过拖动与缩放调整大小和位置。

第四步：添加网页元素——背景、颜色与文字

在秀米里添加文字和背景：

1. 点击顶部工具栏的「配色」按钮，点击自定义设置。
2. 根据项目需要更换文字颜色、背景色和整体风格。

添加文字：

点击左侧的「文字」组件，将文字拖入到编辑区，可设置字体大小、行高、颜色等。

第五步：添加图片与配图元素

点击「图片」组件，可以从上传本地图片或从网络加载网红图片开始。

上传图片后，不仅可以调整尺寸，还可以添加阴影、圆角效果，这些都可在右侧属性面板里设置。

第六步：插入轮播图、图标、按钮等组件

轮播图适用于展示多张大图或广告内容。

步骤如下：

1. 点击「轮播图」按钮。
2. 选择轮播样式。
3. 上传图片并填写说明文字。
4. 在右侧调整自动轮播时间、切换方式等。

第七步：添加表格组件展示数据列表

如果您需要用表格展示信息，比如技能列表、日程安排等，可以添加表格组件。

添加表格：

点击「表格」组件，添加后可调整行列数量、对齐方式等。

第八步：设置网站标题与公告栏

在网站顶部，添加网站标题和简短的描述：

1. 进入「页面设置」（一般在界面右上角）。
2. 可设定全局标题、副标题（显示在页面顶部横幅位置）。
3. 还能设置公告栏，用于网站简介或提示信息。

第九步：预览与发布

编辑完成之后，记得点击右上角的“预览”查看最终效果。如果满意，即可点击“发布”。作品发布后，可通过管理后台跳转访问。

第十步：进阶用法：主题设置与模板套用

在制作网站时，您可以通过「主题」功能设置更具一格的样式：

1. 进入“设置”里的“主题”。
2. 选择喜欢的模板，或自定义配色、字体。
3. 一键套用，快速美化网页。

结束语：

以上就是秀米的新手快速上手图解教程。尽管内容较为基础，但基本的操作逻辑很多模板网站都通用，掌握了秀米，使用其他H5制作工具也会更加得心应手。祝你制作愉快！如果你对任何功能还有疑问，可以下载官方素材包和模板，或访问秀米论坛获取帮助。

如有其他具体问题，随时告诉我，我可以为你详细解答！