Начиная с этой главы, предполагается, что читатель уже немного освоился с html и css. Для кого-то главы будут слишком простые, для кого-то слишком непонятные. Надеюсь, мне удастся найти баланс, чтобы первые не заскучали, а вторые не запутались.
Если не знаете, с чего начать изучение html и css, то в качестве учебника советую вот эти сайты:
- https://code.mu/ru/markup/book/prime/
- https://htmlbook.ru
- https://konyakov.ru/pubs/html/tutorial.html
Сама ими пользовалась, а в htmlbook заглядываю до сих пор, если что-то забываю.
Вот смотрю я на свой сайт и думаю – чего-то не хватает. Хочу не чёрный фон в шаблоне, а лиловый. И чтоб буквы были чёрные, а не белые, иначе сливаться будут. Но где же мне найти этот шаблон? Как он выглядит, как его изменить?
Для этого мне понадобится зайти на сайт через FTP. Если честно, именно так я чаще всего сайт и обновляю, просто потому что привыкла. Это можно сделать сразу несколькими способами:
- WebFTP, то есть какой-нибудь веб-клиент для работы с FTP;
- FileZilla или какой либо ещё подобный ему клиент. Отличие от WebFTP в том, что клиент устанавливается на компьютер;
- Средства самой Windows. Правда, нужный компонент, скорее всего, отключён. Включается он через «Свойства: Интернет».
- Сетевой адрес: ftp://w10.host
- Порт: 21
- Имя и пароль (те же, что и при регистрации)
Изначально на сайте нет почти ничего. До того, как мы впервые зайдём в Конструктор сайтов, там вообще лежит только index.html, а все основные файлы и папки копируются только после входа. К слову, они копируются каждый раз, когда мы заходим в Конструктор. Так сделано для того, чтобы пользователь при желании мог быстро откатить настройки, или на тот случай, если он случайно удалит какой-либо файл. Именно удалит, а не изменит.
Итак, мы видим следующие файлы и папки: Нас интересует папка templates, так как именно в ней находятся все шаблоны. Чтобы открыть её, нажимаем на её название. Если вдруг мы ошиблись и нам нужно вернуться назад, то нажимаем Up… Для каждого шаблона создана соответствующая подпапка с его названием, внутри которой находится файл index.html (собственно, сама страница-шаблон) и различные файлы и папки, которые этот шаблон использует. Файл index.html обязательно должен присутствовать в папке и иметь такое название, иначе Хомяк его попросту не признает шаблоном. Сейчас хочу я изменить шаблон win95. Перемещаемся в эту папку. Поскольку мы работаем через WebFTP, то скачивать файл “index.html” не обязательно, мы можем отредактировать код прямо в браузере. Для этого нажимаем на кнопку Edit рядом с нужным нам файлом, после этого перед нами откроется окно редактора. При этом, в коде я меняю цвет всех надписей на чёрный, а фон – на бледно-лиловый. Чтоб было удобнее, можно поменять вид и посмотреть, что примерно получится. Имеющийся визуальный, конечно, не Frontpage 2003 (он больше похож на Frontpage Express), но какое-никакое визуальное представление даёт. Вид меняется (хотя многие, наверное, уже догадались) с помощью меню с выпадающим списком. В нём всего четыре опции – две для текстового представления, две для визуального. Те, что для визуального, имеют в скобках надпись WYSIWYG – Что Видишь, То И Получаешь. Опция с припиской code editor используется для того, чтобы представить текст в виде строчек кода. Это может быть особенно полезно, если мы редактируем сценарий или html-файл, поскольку в нём будет проще ориентироваться именно с помощью такого представления.
Выбираем опцию CKEditor и видим, как примерно будет выглядеть наш шаблон на сайте. К сожалению, редактор не отображает цвет фона.
Чтобы сохранить изменения, нажимаем на дискету. Если вдруг кто-то не знает, что это такое, то это картинка между стрелочкой и выпадающим меню. Чтобы выйти из редактора и вернуться назад, нажимаем на стрелочку. Теперь, если я открою главную страницу сайта, то увижу такую картину: Примечание:
В этой главе я немного рассказала о WebFTP и показала, как в него заходить. Многого сказать я о нём не могу (тем более, что тема – не WebFTP, а Хомяк), поэтому оставлю ссылку на инструкция по его использованию:
https://web1.0hosting.net/net2ftp/modul ... -user.html
Страницу справки можно открыть, если нажать на круглую кнопку со знаком вопроса вверху страницы. Справка доступна только на английском языке, но никто не мешает включить в браузере переводчик. При работе с редактором стоит учесть, что он читает и создаёт файлы только формата Юникод. Вследствие этого, если вы захотите отредактировать файл, имеющий кодировку отличную от Юникода, то при открытии файла окно редактора окажется пустым. Кроме того, при открытии файла может выпасть следующая ошибка: Данная ошибка, как я полагаю, является типичной. Чтобы её убрать, просто попробуйте ввести логин и пароль ещё раз, либо вернуться на предыдущую страницу и попытаться открыть файл снова.