阿里云速成美站网站后台数据录入完成后，您需要为您的网站设置便于客户浏览和操作的前台显示界面，本章节主要通过已安装的网站模板指导您完成PC版、手机版网页的制作，以及网站数据的备份。
前提条件
已完成网站后台的设置，并且成功绑定域名。
编辑PC版网站
在“管理后台”界面，单击“站点编辑”。
设置地址栏网站的名称、网站地址栏图标和网站宽度。
选择“设置 > 网站设置”，弹出“网站设置”对话框。
输入地址栏网站的名称、上传网站地址栏图标和设置网站的宽度，单击“保存”。
设置底板内容。
底板内容为每个页面都会出现的内容，比如网站logo、导航栏等。在其他页面直接使用底板内容，无需重新制作，节省网站制作时间。底板其他设置，请参见底板设计。
单击“首页”。选择“底板管理 > home”。
设置底板内容，比如网站名称、页脚。
按“Ctrl”+“S”，保存页面的修改。
设置导航栏。
导航栏的其他设置，请参见 导航栏的添加和管理。
单击“首页”。单击“页面管理”，查看导航栏信息，删除不需要的信息。
按“Ctrl”+“S”，保存页面的修改。
设置页面内容。以替换“首页”的图为例。页面中灰色部分为底板中的内容，需要在底板中编辑。
页面的其他设置，请参见 页面中添加图片模块并编辑和 页面中编辑文字。
单击“页面管理”，选择需要编辑的页面。
单击待编辑的图，选择“属性”。
在弹出的“图片设置”对话框中，单击“更换图片”。
在弹出的“选择图片”对话框中，单击“上传文件”。图片上传成功后，单击“选择使用”。
选择“缩放模式”，调整图片的大小。
页面编辑完成后，按“Ctrl”+“S”，保存页面的修改。
展示设置网站后台中添加的产品。
选择“页面管理 > 创建新页面”，创建产品详情页模板，此页面用来放置您在录入产品数据时添加的详细信息。设置页面名称、页面地址、选择底板和导航栏显示，单击“保存”。
单击“插件”，弹出“我的插件”对话框。拖拽“产品”到页面中，弹出“选择产品类型”对话框。选择“产品详情”，单击“确定”。
选择“样式设置”，根据需要设置样式，并将产品详情模块拖动到适合的大小。
样式设置的详细参数说明，请参见 产品详情样式设置详细介绍。
按“Ctrl”+“S”，保存页面的修改。
选择“页面管理 > 创建新页面”，创建产品列表页模板。设置页面名称、页面地址、选择底板和导航栏显示，单击“保存”。
单击“插件”，弹出“我的插件”对话框。拖拽“产品”到页面中，弹出“选择产品类型”对话框。选择“产品列表”，单击“确定”。
单击“样式设置”，弹出“样式设置”对话框。选择“参数设置 > 链接设置”，设置“详情链接指向”到6.a中创建的“产品详情页模板”，设置“更多指向”和“分类链接指向”到6.e中创建的“产品列表页模板”。
按“Ctrl”+“S”，保存页面的修改。
在“页面管理 > 待添加产品的页面”所在行，单击“属性”。
在弹出的“页面属性”对话框中，单击“设置链接”，弹出“链接到”对话框。在“产品列表”页签，将“产品列表页”选择为6.e中创建的“产品列表页模板”，单击“选择”，弹出“选择”对话框。根据实际情况选择所需产品分类，单击“确定 > 确定 > 保存”。
设置站内搜索插件。
站内搜索插件的其他设置，请参见 站内搜索添加设置。
在待增加搜索插件的页面，单击“插件”，弹出“我的插件”对话框。
拖拽“站内搜索”到页面，弹出“选择站内搜索类型”对话框。选择“搜索框”，单击“确定”。
单击“样式”，弹出“样式”对话框，设置搜索插件的样式。
按“Ctrl”+“S”，保存页面的修改。
增加购物车。
选择“添加 > 购物车”，拖拽购物车到页面。
单击“购物车样式设置”，弹出“购物车样式设置”对话框。选择购物车样式，关闭对话框。
按“Ctrl”+“S”，保存页面的修改。
制作手机版网站
通过PC版生成手机版时，可能存在部分插件不兼容，建议手动修改。
制作完成PC版网站后，双击，在弹出的对话框中，单击“生成”。
转换成功后，单击“保存”。
备份网站数据
网站制作过程中建议经常备份网站数据，以便当您需要回退网站数据时，可以返回到备份的时间点。
在“阿里云速成美站后台”界面，选择“设置 > 数据库备份”，弹出“数据库备份”对话框。
单击“创建数据库备份”，弹出确认备份对话框。单击“确定”，备份成功后，弹出“操作成功”对话框。单击“确定”。
备份成功后，在“数据库备份”对话框中显示一条备份记录，您可以单击备份记录所在行的“恢复”，将网站恢复为备份的数据。
验证网站
在浏览器地址栏输入配置域名中绑定的域名，查看网站详细信息。确认网站内容无误后，您可以将域名地址提供给您的客户，通过域名地址直接访问您的网站。
