|
Оглавление |
Занятие 2 |
Разработка Интернет-проекта собственными силами.
Занятие 2 \ Создаем сайт - первый подход. \\\ В активной разработке!
Языки разметки текста, форматы и редакторы. Последовательность создания сайта. Меню программы MS Front Page. Типовые методы и решения пакета MS Front Page. | Практическая работа и Домашнее задание
На прошлом занятии мы познакомились с принципами построения и возможностями мировой паутины WWW. Как обеспечить свое присутствие в Сети? - Необходимо иметь "Гражданство" - сетевое представительство = сайт! "Вообще говоря, главное - придумать, что на этой странице должно содержаться!" Цель занятия: Дать представление о принципах HTML кодировки, как универсального способа отражения информации в сети. Во-вторых, познакомить Ученика с последовательностью, инструментами и методами создания сайта. Представить типовые решения и изучить приемы работы в редакторе HTML форматов Front Page из состава пакета MS Office. |
|||||||||||||
ЗАН-1. Глобальная компьютерная сеть Интернет. Возможности и опасности. Программы просмотра и поиска информации. Структура Web-страницы и сайта. ЗАНЯТИЕ-2
\ Текущее ЗАН-3. Форматирование текста и размещение графики. Гиперссылки и навигация на Web-страницах. Компоновка элементов страницы с помощью таблицы. Списки и формы. ЗАН-4. Публикация Web-сайта на НАРОД.РУ. Яndex–Мастерская. Тестирование и раскрутка. Счетчики. Индексация в поисковых системах. Ключевые слова и метаописание. Оптимизация. ЗАН-5. Скрипты и серверные технологии. PHP–программирование. ЗАН-6. Интернет-проекты на основе систем управления контентом. Литература 1. Н. Угринович. Информатика и информационные технологии. М.: Лаборатория Базовых Знаний, 2000. - 440 с. 2. Сазанов В.М., Фомина М.В. «Компьютер – Базовый Курс», Учебное пособие. М.: «Виртуальная школа компьютерных технологий» - 2004. 3. Основы Web-технологий. П.Б. Храмцов и др. - М.: "Интернет-Университет Информационных технологий . 2001- 512 с. 4. Виртуальный компьютерный музей -www.computer-museum.ru 5. Рендел Н., Джонс Д. Microsoft Front Page в подлиннике: пер. с англ. СПб,: BhV Санкт-Петербург, 1997. - 432 с. 6. Каймин В.А. Информатика. Учебное пособие. М.: Изд-во РИОР, 2005. - 81 с. |
Языки разметки текста Создание Web-сайта реализуется на основе языка разметки гипертекстовых документов HTML, cуть которого состоит в том, что в текстовый документ с графическими и звуковыми объектами (мультимедийный образ сайта) вставляются управляющие символы, понимаемые всеми программами отображения Web-информации. Интерпретаторы языка встроены в программы просмотра и отображения информации на компьютере - броузеры. Язык HTML был предложен в 1969 году швейцарским программистом Тимом Бернерсом-Ли, которого считают одним из авторов Сети.
Управляющие символы - тэги содержатся угловых скобках < > и передаются от компьютера к компьютеру. Первый тэг всякого HTML документа - <HTML>, а последний </HTML>, что говорит программе-интерпретатору о завершении гипертекстового документа в HTML кодировке. Большинство тэгов - парные, например <HTML> и </HTML>. Парные тэги выделяют фрагменты гипертекстов - заголовок, тело кода, название Web-страницы и т.д.
Структуризация текстовой части сайта - разделы, абзацы, строки, форматирование обеспечиваются соответствующими тэгами. Например, абзацы начинаются с тэга <p>, а переход на новую строку обозначается <br>. Имеются также тэги для обозначения и расположения графических образов. Например, графический образ школы, его размер и положение в заголовке данной страницы описаны следующим образом: <IMG height=45 src="../index.files/vschl.jpg" width=41 border=0 style="position: relative"> Отдельное обозначение в языке HTML предусмотрено для описания гиперссылки. Тот же графический образ школы, используемый для перехода к главной странице сайта, имеет на языке HTML следующее описание: <p style="margin-left: 2; margin-right: 2; margin-top: 2; margin-bottom: 1" align="center"><FONTface=Arial size=4><a href="http://v-school.narod.ru"><IMG height=45 src="../index.files/vschl.jpg" width=41 border=0 style="position: relative"><br> </a></FONT><FONT face=Arial color=#808080 size=2><IMG src=http://www.narod.ru/counter.xhtml></FONT></center>
Для языка HTML приняты международные стандарты, в соответствии с которыми гипертексты должны иметь "заголовок" и "тело". В заголовке гипертекста должно содержаться название, которое отображается браузерами на верхней строке экрана. Список ключевых слов заголовка просматривается поисковыми системами и хранится на сервере, что позволяет легко находить нужную информацию. Для придания сайту авторских прав в гипертекст следует ввести сведения об авторах и владельцах авторских прав. Вы увидели, как составляется описание Web-документа на языке разметки страницы. Создавать Web-страницы можно с помощью обычного текстового редактора, например MS Pad или Word, вставляя тэги разметки в текст документа. Данную возможность следует понимать, однако в практической жизни использовать тяжело. Для облегчения жизни обычным пользователям, имеющим твердое желание завести в Сети свой сайт, предлагаются редакторы HTML-разметки, освоение которых и использование не сложнее обычного офисного пакета типа MS Word или Excel. Существует множество HTML-редакторов, позволяющих достаточно легко создавать Web-страницы: CorelWebDesinger, FrontPage, HomeSite, HotDog Webmaster, HotMetal. Мы будем учиться работать в среде редактора Microsoft Front Page из состава офисного пакета MS Office. Однако, прежде чем бросаться нажимать кнопочки и иконки меню - дело нехитрое, вернемся к алгоритму (последовательности) создания своего сайта. |
Курс рассчитан на 6 учебных занятий по 4 учебных часа! |
|
Ищу партнеров для создания дистанционного курса "Основы информатики и вычислительной техники" | ЭКСТЕРНАТ |
ВИРТУАЛЬНАЯ ШКОЛА КОМПЬЮТЕРНЫХ ТЕХНОЛОГИЙ |
© 2002-2005 Сазанов В.М. |
||
О проекте | Курсы | Условия | Экстернат | Партнерство | Семинар | Ссылки | Контакты |
Посетителей: Сегодня: