Слайд 5
Сохранить страницу.
Для сохранения Web страницы, левой кнопкой мышки,
жмём меню “Файл” - “Сохранить как”.
В появившемся окне,
набираем имя файла, например, mypets.html и сохраняем страницу в рабочую папку нашего проекта, имя которой Вы можете задать произвольно, например, OurSite
Слайд 7
Форматирование страницы
Фон страницы можно задать следующим образом -
выбираем в меню программы Writer: “Формат” – “Страница” –
“Фон”
Во-первых, если в окне “Фон” выбрать тип фона: “Цвет”, то фон страницы мы можем задать цветом, выбрав его из таблицы цветов.
Во-вторых, если в окне “Фон” выбрать тип фона: “Графический объект”, то фон страницы мы можем задать рисунком.
Слайд 15
Заголовки
Заголовки различных уровней:
Заголовок первого уровня…Заголовок шестого уровня
Цифры между
1 и 6 = 2,3,4,5= создают заголовок промежуточных размеров.
При
применении тега текст будет выглядеть как абзац и будет начинаться с новой строки а так же с новой строки будет начинаться и следующий за ним текст.
Слайд 19
Форматирование шрифта
Если вы хотите установить размер шрифта для
всей страницы то пишем со значениями ?=
от 1 до 7; по умолчанию 3. Выбор шрифта=, самые распространенные Arial,Tahoma,Verdana,Times New Roman,Georgia.
Слайд 20
Форматирование шрифта
Расположить текст посередине можно с помощью тега
Расположить слева=
справа=
Слайд 21
Форматирование шрифта
Параграф =
Выравнивание = значения=
left
- слева,
right - справа,
center - по центру,
jastify - по
ширине.
Слайд 22
Форматирование шрифта
Новая строка =
( перевод строки)
Убрать выравнивание =
Горизонтальный разделитель =
Слайд 23
Форматирование шрифта
Если вы хотите сделать пробел нужной длины
то вставьте в текст символ
нужное количество раз.
Выделение
цитат курсивом =
Выделение текста подчеркиванием =-предпочтительнее,
и
Нижний индекс= ,запись=H2SO4
Верхний индекс,запись=m3
Слайд 24
Пример написания шрифта
Код:
Пример
size="4" color="#0000FF"> написания шрифта
Слайд 25
Списки
Внести в текст страницы тэги, задающие списки нумерованные
и ненумерованные, а также списки определений.
Слайд 26
Списки
Внести в текст страницы тэги, задающие списки нумерованные
и ненумерованные, а также списки определений.
Первый пункт списка
Второй пункт
списка
Третий пункт списка
Слайд 27
Таблицы
Пример кода самой простой таблицы:
Содержание
Кстати, перевод строки после
каждого тега вебмастеры ставят только для удобства редактирования html-кода,
этот же код таблицы можно вставить так:
Слайд 28
Внесение изменений и дополнений в Web-страницу
В процессе создания
web-страницы приходится добавлять новые тэги и просматривать получаемый результат:
Активизировать текстовый редактор с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл - Сохранить].
Активизировать браузер с открытым в нем предыдущим вариантом страницы.
Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница
Слайд 29
Т.к. это наш первый сайт и мы не
планируем на нем зарабатывать, то разместить его можно на
бесплатном хостинге.
Минусы бесплатного хостинга это то ,что сервер вешает на ваш сайт свою рекламу, тем самым изменяя дизайн сайта(почти всегда в худшую сторону), может удалить некоторые страницы(не всегда),изменить переходы по сайту, перенаправляя на свою рекламу, без объяснений вообще заблокировать сайт(редко).Если вы хотите обновить сайт,добавить или убавить страницы(как правило после размещения в Интернете, вы начинаете видеть то, что могли бы сделать сайт и получше) это будет сделать иногда сложно.
Слайд 30
Основные подходы к созданию сайта
Необходимо ответить на вопросы:
В чем причина возникновения интереса к Интернет-ресурсам?
Какие возможности предоставляет
Интернет в области Web-конструирования?
На кого должна быть ориентирована страница - на создателя или пользователя?
Какие цели чаще всего преследуют создатели различных сайтов?
Попробуйте классифицировать по различным основаниям сайты, расположенные в сети
Слайд 31
Практическое задание:
Разделиться на группы (примерно по 3 человека);
дать имя группе (исходя из выбранной темы);
ТЕМЫ ЗАДАНИЯ: “Мой
город”, “Моя семья”, “Мои интересы”, “Моя малая родина”, “Мои питомцы”, “Мой класс”.
Слайд 32
Например, темы проектов:
“Мой город” - история, проблемы, перспективы.
“Мои интересы” - как я смогу реализовать себя.
“Мой
класс” – об одноклассниках, успехи, взаимопомощь, досуг, интересы.
Слайд 33
Цель задания: подготовить информационно-содержательное наполнение сайта, и определить
основные формы представления информации.
Программные средства: текстовый процессор Writer, НТМL,
FrontPage (по выбору группы)
Слайд 34
Этапы работы:
1. Определить цель создания сайта.
2. Определить предполагаемый
контингент посетителей сайта.
3. В соответствии с целью создания сайта
и предполагаемым контингентом продумать содержание сайта.
4. Определить возможные формы представления информации на сайте.
5. Сформулировать названия основных рубрик (страниц) сайта.
6. В текстовом процессоре Writer подготовить концепцию создания сайта.
Слайд 35
Пояснения к выполнению задания:
1. Сайт может быть создан
с различными целями, в связи с этим будет разным
и его содержание.
2. Определив цель создания сайта, продумайте, кто может быть его потенциальным посетителем, т.е. кого может заинтересовать информация, размещенная на сайте.
3. Обдумайте содержание. Если это сайт об учащихся школы, или сайт выпускников, то наверное интересно объединить в этом сайте домашние странички школьников.
Слайд 36
Пояснения к выполнению задания:
4. В качестве форм предоставления
информации можно рассмотреть обычную текстовую информацию, фотографии, телеконференции (продумайте
тему), чат, доску объявлений (продумайте тему), фотографии, работы учащихся (например открытки, выполненные во Flash) и др.
5. В соответствии с отобранным материалом продумайте названия страниц (ссылок, пунктов меню) сайта.
6. Откройте текстовый процессор Writer и подготовьте письменную концепцию сайта, кратко описав все этапы работы (цель, контингент посетителей, формы представления информации, названия рубрик).