Так как же создавать страничку?
Сейчас будем учиться создавать свою страницу. Для этого сначала введём название (заголовок) будущей странички. Затем введём имя. Вы, наверное, уже обратили внимание, что пока мы вписывали имя будущего творения, в окне адреса тоже транслировалось это имя, но уже на латинице. Удобно ведь, правда. Например, если я выбрал названием "Моя страничка", то адрес у неё будет такой (в смысле по умолчанию):
# Код:
Адрес форума/pages/moya_stranichka
Если Вам по каким-либо причинам не нравится этот адрес, можно в строчке для адреса ввести что-то своё. НО ПОМНИТЕ: не должно быть никаких пробелов! Их необходимо заменить нижним подчёркиванием "_"(как в моём примере).
Теперь приступаем непосредственно к созданию. Найдите на панели инструментов кнопку и нажмите на неё. Перед Вами откроется окошко редактора кода странички, которое выглядит так:
Собственно сюда и надо вводить необходимый Вам код. Если Вам не нравится, что код уходит за пределы окошка и необходимо прокручивать вправо, можно установить галочку на "Перенос, по словам" (правый верхний угол). По окончании написания кода нажмите кнопку "Обновить" (левый нижний угол) или "Отмена" (правый нижний угол), если Вам не нужны Ваши изменения.
Помните, при создании странички нет необходимости прописывать
# Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Без названия 1</title>
</head>
<body>
</body>
</html>
Так как это уже прописывается за Вас по стандарту!
Как только Вы закончили работать с кодом и нажали "обновить" - в окне предпросмотра появится Ваша страничка в уменьшенном варианте. Кстати, маленькая хитрость: потяните за правый нижний уголок этого окошка, и оно увеличится в размерах (если Ваша страничка большая и не помешается в его стандартный размер, таким образом можно легко это поправить).
Теперь немножко про панель инструментов: можно совершать некоторые операции без редактора кода. Например, вставку текста или изображений.
Идём по порядку:
1 - Сделать текст жирным.
2 - Сделать текст курсивом.
3 - Сделать текст подчёркнутым (снизу).
4 - Сделать текст перечёркнутым.
5 - Выравнивание содержимого по левому краю.
6 - Выравнивание содержимого по центру.
7 - Выравнивание содержимого по правому краю.
8 - Выравнивание содержимого по ширине.
9 - Изменение шрифта текста.
10 - Изменение размера текста.
11 - Изменение цвета текста. Заметим, что кроме стандартных цветов можно создавать и свои. Достаточно нажать на "Выбрать цвет" внизу палитры и перед Вами откроется новая палитра, теперь уже для выбора своего цвета:
Водите курсор, выбирайте оттенки и получайте моментально готовый код. Больше не надо лазить по таблицам веб-цветов, теперь всё под рукой. Но и это ещё не всё! Кроме того имеется уже созданная небольшая палитра цветов, там можно подобрать себе готовый. А на третьей вкладке можно узать, как правильно пишется понравившийся цвет на английском! Это тоже удобно и окажется полезным!
12 - Вставить изображение. При нажатии на кнопку перед Вами откроется окошко
Приступаем к вводу данных:
- Адрес изображения - вводим ссылку на него. Например, с Радикала или с Вашего форума.
- Описание изображения - введите то, что хотите, чтоб отображалось во всплывающей подсказке при наведении курсора на изображении.
- Выравнивание изображения - определит положение изображения относительно остальных элементов, например текста.
- Размеры изображения - введите длину и высоту изображения в пикселях. При вставке изображения его размеры будут автоматически подсчитаны. .
- Граница - введите толщину рамки вокруг изображения в пикселях.
- Вертикальный отступ - отступ от изображения до соседних элементов по вертикали.
- Горизонтальный отступ - отступ от изображения до соседних элементов по горизонтали.
Нажмите "Вставить", чтоб добавить изображение (левый нижний угол) или "Отмена", чтоб отказаться от вставки изображения на страничку.
13 - Предварительный просмотр - откроет окошко, где модно будет увидеть сотворённое Вами в полном размере.
14 - Полноэкранный режим редактирования - для тех, кто любит, чтоб форма с панелью кнопок была во весь экран. В отдельном окне естественно.
15 - Редактирование HTML-кода - собственно, с неё и начиналось наше создание странички. Открывает окошко с исходным кодом (исходник), который можно отредактировать там же.
16 - вставить готовый шаблон - возможно вставить один из трёх готовых шаблонов странички с играми или редактором изображений! Кстати, позволю себе заметить, что в отличие от привычной для нас формы ответа на самом форуме, где теги добавлялись в форму по нажатию кнопки, тут действует иной принцип. Например, чтоб сделать текст жирным, нам надо нажать на соответствующию кнопку (она будет выделена после нажатия) и начинать писать: текст будет вводиться УЖЕ жирным! По окончании просто ещё раз нажмите на кнопку жирного текста. Выделение с неё снимется, и далее можно строчить обычным текстом. Аналогично и для остальных кнопочек.
А ещё можно выделить нужный фрагмент текста и просто нажать на нужную кнопку (например, на курсив) и выделенный фрагмент будет написан курсивом.
Ещё одна тонкость: под формой будут показываться использованные Вами и не закрытые теги. Кликните по любому из них, и он выделит фрагмент странички, за который отвечает. Например, кликнув по тегу "u" автоматически выделится подчёркнутый текст.
А ещё при наведении мыши на кнопку всплывает небольшая подсказка, для чего эта опция нужна.
Далее, мы можем указать, имеется ли необходимость показывать на Вашей страничке форумное объявление. Кому-то, возможно, оно надо, кому-то - нет. Дело вкуса. Соответственно устанавливаем "галочку" на "ДА" или "НЕТ". И, если ВЫ закончили, нажимаем на кнопку "Создать". Обычно этот процесс происходит быстро, но если Вы создали нечто сложное или у Вас низкая скорость интернета - всё может затянуться. Наберитесь терпения. После переадресации Вам вернут на страничку создания своих страниц. А внизу, в списке появится только что созданная Вами. Если до этого Вы уже делали что-то, то странички будут расположены в порядке убывания, начиная с только что созданной. Кликайте по адресу и смотрите.
