Наполнение содержанием(текст, картинки, анимация)
В «Обычном режиме» с таблицей можно работать так же, как любом другом редакторе, никакие коды-команды нам не понадобятся.
В верхнюю ячейку вставляем логотип. Это рисунок (конечно, придуман, нарисован и помещен в папку он должен быть заранее). Вставляется рисунок через меню Вставка - Изображение или щелчком левой кнопки мыши по значку в панели инструментов.
Наше изображение должно находиться в папке, которую мы создавали специально для рисунков. С помощью кнопки Выбрать файл указываем к нему путь.
Если мы хотим, чтобы при наведении курсора на изображение появлялась какая-то подсказка – ее текст вводим в соответствующее поле. В случае с логотипом это не нужно. Альтернативный текст – это описание изображения, текст, который будет выводиться на экран вместо рисунка при невозможности отобразить. Если такой альтернативный текст мы показывать не хотим – ставим метку – Не использовать альтернативный текст. Вместо рисунка в таком случае будет показана только рамка, обозначающая его положение на странице.
Если на рисунке размер изображения не задан, то используется исходный. При необходимости можно жестко задать размер изображения. Для этого – вторая вкладка в окне настроек. Размер можно и не задавать цифрами – можно потом просто увеличить или уменьшить рисунок, как делаем это обычно – сдвинуть его границы уже в ячейке, размер в пикселях будет прописан в соответствующие поля автоматически.
На вкладке Внешний вид можно задать отступы рисунка от границ ячейки или текста. Пока нам это не нужно, мы уже задали поля для всех ячеек таблиц. А при размещении рисунков в тексте к этой вкладке мы еще обратимся.
Последняя вкладка в этом окне дает возможность привязать ссылку к изображению. Это может быть ссылка на какой-то сайт, как в случае на рисунке, на файл, на конкретное место на текущей странице или на другую страницу нашей книги. К логотипу, конечно, привязывать что-то, кроме ссылки на сайт, вряд ли уместно. Применительно к рисункам в тексте – поговорим подробнее, когда будем их вставлять.Нажимаем Ok, наш рисунок появился в верхней ячейке. Он смещен вправо, как мы и задали.
Во второй строке будет заголовок страницы. Для заголовка нужно задать тип и размер шрифта. Идем в меню Формат - Шрифт. Теоретически мы можем выбрать любой из имеющихся шрифтов в списке, лишь бы он кириллицу поддерживал. А практически следует иметь ввиду, что выбранный нами какой-нибудь красивый шрифт типа AnastasiaScript - или Venski Sad Two - может быть не установлен в компьютере ученика и заголовок у него будет отображаться совершенно иначе.
Для заголовков уместны шрифты с засечками, а для основного текста – без засечек, т.к. читать с экрана удобнее именно его – глаз не «цепляется» за лишние черточки. И размер – не меньше 12 пунктов для основного текста, не меньше 16 для заголовков страниц, не меньше 14 для заголовков в тексте. При этом для печатного текста рекомендации разворачиваются наоборот – легче и проще читается текст, набранный шрифтом с засечками. Текст должен быть хорошо читаем и контрастность цветов фона и текста не должна раздражать.
Мы взяли для заголовка шрифт Bookman Old Style в полужирном начертании, для основного текста выбрали Verdana. Настроим величину шрифта с помощью инструментов Увеличения и Уменьшения
В четвертой строке сделаем навигационную панель. Для этого в строку вставим таблицу из одной строчки и трех столбцов. В ячейках напишем: Предыдущая, Содержание, Следующая. Здесь будут ссылки на соответствующие страницы, подбираем нужный шрифт и его размер. В последней строке обозначим авторство. В классическом варианте строка будет такой - © 2010. Имя автора. С активной ссылкой на сайт автора или на электронный адрес, по которому с автором можно связаться. Активная ссылка – это ссылка, по которой можно перейти, щелкнув по ней мышкой. Значок копирайта вставляется Вставка- Буквы и символы . Можете скопировать значок из этой лекции.
Сейчас границы таблицы выделены красным. Это – только рамка для удобства работы. В итоговом варианте в браузере границы не будут видны. Фон страницы можно оставить белым, а можно использовать в качестве фона картинку, текстуру, просто задать фон цветом.Для этого нужно зайти в меню Формат - Цвета и фон страницы.
На этой странице определяем цвет основного текста, цвета ссылки в обычном, активном (при наведении курсора) и посещенном виде. Для выбора цвета нужно нажать на кнопку с цветным прямоугольником. Откроется палитра доступных цветов. Можно выбрать стандартный, а можно задать цвет с помощью кода Фон самой страницы задается здесь же. Если это будет какой-то цвет – он выбирается из предложенной палитры. А можно использовать любое изображение. Кнопка Выбрать файл поможет указать к нему путь. Рисунок должен находиться в той же папке рисунков. Жмем на кнопку нижней панели «Предварительный просмотр»
Очень полезный сайт http://www.lenagold.ru/ , большое количество рисунков, фонов, тем.
Если что-то в виде страницы нас не устраивает – возвращаемся к настройкам цвета и фона. Заходим в меню Формат - Заголовок и свойства страницы. Здесь проверяем кодировку выбираем UTF-8, выбираем русский язык. В поле автор вносим свои имя и координаты, заполняем поле Описание. Заголовок мы впишем при сохранении страницы. Пока это поле оставим пустым. Здесь же можно отметить, что эта страница – шаблон. То есть на ее основе мы можем создавать другие страницы. Для первой страницы пока оставим это окошко пустым.Снова Ok.
Сейчас в левом верхнем углу страницы видим красный значок. Это значит, что наша страница еще не сохранена. В панели инструментов выбираем кнопку Сохранить. На предложение ввести заголовок страницы можно просто оставить поле пустым и нажать Ok. Но тогда при редактировании страниц в дальнейшем будет не очень удобно ориентироваться – на ярлыке листа названия не будет. Если мы предполагаем только 1 рабочий лист – это, конечно, не проблема. Но если таких страниц много – это создает лишние поводы для ошибок. Потому пока дадим странице нейтральный заголовок – 001. Страницу сохраняем в основную папку, которую создавали. Пусть файл называется 001. Это – не заголовок. Заголовок страницы мы изменим при наполнении ее контентом, а имя файла останется таким. Теперь в нашей папке book есть папка с рисунками – pic и один html-файл с названием 01.Сохраним!