如何编辑HTML Facebook模板

下面的教程将向您展示如何编辑 HTML 基于Facebook的模板. 您将看到关于编辑模板的一般方面的分步说明.

1. 在开始自定义模板之前，您可以预览原始模板.  要预览模板，只需打开 Index.html file in the browser.
2. 为了修改页面内容，请打开每个页面。html‘ file in Dreamweaver.
3. 你可以使用Split选项查看设计和代码. 按“”键保存文件 CTRL+S key or go to File -> Save
4. 要添加更多页面，只需复制原始页面即可. 将其重命名并在Dreamweaver中打开以修改其内容.
5. 为了编辑图像或视频，找到文件所在的文件夹，并简单地更改它们.
6. 为了编辑文本颜色，我们应该修改 .CSS file.
7. 为了编辑 Logo，或公司名称文本，我们应该修改'psd’文件，使用Adobe Photoshop选项Save For Web.

   注意:如果你想使用相同的字体, 请将所有字体安装到您的计算机, 在打开“psd”文件和Photoshop程序本身之前. 简单地复制所有的字体sources/fonts“文件夹到你的”控制面板/字体文件夹.

8. Open the ‘psd’文件，并启用切片: View->Show->Show Slices.
9. Select the “text tool，在工具面板上单击 logo 发送文本并更改它以满足您的需求.
10. 编辑完成后 logo，导航到库并隐藏所有图层，除了 logo itself.
11. Then go to File->Save For Web. 选择您编辑过的切片并单击Save Button.
12. 确保将其保存在site’ folder. 如果所有操作都正确，系统将提示您替换文件.
13. Hit ‘Replace’.
14. 您现在可以打开索引.html 文件查看预览.
15. 修改完文件后, 将“/site”文件夹的内容上传到服务器, 保持文件结构不变. 完成后，重新加载 APP 页面查看这些变化.

请随时查看下面的详细视频教程: