Как отредактировать HTML Facebook шаблоны

В этом уроке Вы увидите, как отредактировать HTML Facebook шаблоны. Здесь изложена пошаговая инструкция по редактированию шаблона.

1. Перед тем, как приступить к настройке шаблона, просмотрите исходный шаблон. Для этого просто откройте в браузере файл Index.html.
2. Чтобы изменить содержание страниц откройте в Dreamweaver каждый ‘html‘ файл.
3. Можно использовать опцию "Split" (Опция разделения) для того, чтобы одновременно видеть дизайн и код. Чтобы сохранить файл, нажмите CTRL+S или перейдите на File -> Save (Файл -> Сохранить)
4. Чтобы добавить больше страниц просто скопируйте исходную. Переименуйте ее и откройте в программе Dreamweaver, чтоб изменить ее содержимое.
5. Чтобы изменить изображения или видео найдите папку, где находятся эти файлы, и просто замените их.
6. Чтобы изменить цвет текста нужно отредактировать .CSS файл.
7. Для того, чтоб отредактировать логотип или текст с названием компании, нужно изменить ‘psd’ файл и при помощи опции Save For Web (Сохранить для Web) программы Adobe Photoshop.

   ПРИМЕЧАНИЕ: если хотите использовать те же шрифты, установите, пожалуйста, все шрифты на компьютер, но вначале откройте ‘psd’ файл и Photoshop. Просто скопируйте все шрифты из ‘sources/fonts’ папки в ‘control panel/fonts‘ папку на компьютере.

8. В Photoshop откройте ‘psd’ файл и активируйте фрагменты View->Show->Show Slices (Вид -> Показать -> Показать фрагменты).
9. Из панели инструментов выберите “текстовый инструмент” (text tool), нажмите мышкой на тексте логотипа и измените его по желанию.
10. После редактирования логотипа перейдите в библиотеку и скройте все слои, кроме того, что с логотипом.
11. Потом перейдите File->Save For Web (Файл -> Сохранить для Web). Выберите фрагмент, который Вы только что отредактировали, и нажмите на кнопку Save (Сохранить) .
12. Убедитесь, что Вы сохранили файл а папке ‘site’. Если Вы все сделали правильно, Вам будет предложено заменить файл.
13. Нажмите на ‘Replace’ (Заменить).
14. После того как Вы отредактировали файлы, загрузите содержимое папки /site на сервер, при этом сохраните первоначальную структуру файла. После этого перезагрузите страницу приложения в Facebook, чтобы увидеть результат.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: