На предыдущих занятиях мы с Вами познакомились как подключится и работать в Сети!

Цель занятия:  научиться создавать простые Web-страницы. Компоновать страницы, форматировать текст, размещать эмблемы, рисунки, фотографии. Создавать связи между страницами.

ВВЕДЕНИЕ

 ЗАН-1.  Коммуникации и поиск информации в глобальной компьютерной сети Интернет.  Возможности и опасности сети.  Структура Web-страницы и сайта. Программы просмотра и поиска информации. 

ЗАН -2. Языки разметки текста, форматы и редакторы. Последовательность создания сайта.  Типовые методы и решения пакета MS Front Page. Меню программы MS Front Page.

ЗАН-3 \ Текущее. Форматирование текста и размещение графики.  Гиперссылки и навигация на Web-страницах. Компоновка элементов.
 Списки и формы.

ЗАН-4.  Публикация Web-сайта на НАРОД.РУ.  Яndex –Мастерская. Тестирование и раскрутка. Счетчики посещаемости. Индексация  в поисковых системах. Ключевые слова и метаописание. Оптимизация сайта.

ЗАН-5.  Использование фреймов и таблиц стилей.  Скрипты и серверные технологии. PHP–программирование и ASP-технология.

ЗАН-6. Интернет-проекты  на основе программно независисимых систем систем управления контентом.

ЗАКЛЮЧЕНИЕ.

Итак, приступаем к созданию своего сайта!

         Первое, что необходимо сделать - это: 

1. Придумать имя всему проекту - "Как Вы яхту назовете -..."

2. Придумать и назвать по-английски (и желательно до 8 символов) папку, где будут храниться файлы проекта.

3. Дать имя главной странице - index.htm

Продолжим тренироваться на сайте,  посвященном партиям родного Катманду, 
который состоит из главной страницы, 3 тематических  и 2 страниц 3 уровня.

Это то что мы хотим получить в итоге нашей деятельности:

Начнем по порядку! 

Шаг 1-2. Партии родного Катманду - это наверное папка PARTY-KTM на диске, предположим C: (D:).

Шаг 3. Имя главной страницы - index.htm.

 Фаза 1.  Загружаем программу Front Page. 

Осмысленно смотрим на экран - здесь очень важно "сделать лицо" - если Вы хотите понравится Преподавателю!

Смотрим и видим,  сверху - вниз:  Заголовок программы - Главное Меню - Панель инструментов - Информационную строку с именем файла new_page_1.htm - Белое рабочее поле - Нижнюю информационную строку с 3 кнопками <Normal - HTML - Preview>

 И на рабочем поле - вверху-слева - мелькает маркер-приглашение!

В общем-то можно приступать!  Но еще один момент информационной культуры. 

 Давайте сразу сохраним пока пустой файл в заготовленную папку PARTY-KTM под именем index.htm'

Делаем. 

File <Enter> \ Save As (сохранить как) <Enter>

Появляется стандартное окошко сохранения файла,  в котором последовательно нужно выбрать и задать:

- Диск для хранения;

- Папку (и возможно подпапку); 

- Имя и тип  файла - в нашем случае - index.htm 

          Нажимаем <Enter> Файл сохранен! 

Можно передохнуть!  Всякое маленькое дело лучше начинать с "перекура"!  Программу FP пока можно закрыть!

(В чем была "сырмяжная правда" предыдущей операции сохранения файла. Мы могли с энтузиазмом неофита броситься "творить"! Наверняка бы увлеклись. Проработали часа 2. А компьютер - у него своя жизнь - мог и сбиться и отказать! И потеряли бы Вы всю свою работу - проверено!)

Фаза 2. Немного формат-творчества! 

Возвращаемся в программу FP. Открываем пока пустой файл index.htm из папки PARTY-KTM.

Начнем, по месту мелькающего маркера,  набирать простой текст: "В нашей родной Катманду наблюдаемы партии  Слонов, Ослов и Мосек."

 А теперь поймем, (выполняя), что такое форматирование и как оно практически делается?

Последовательность форматирования: Делай Раз, делай Два, делай Три! 

Сил моих нет - все это описывать! Приходите на Занятия - мышкой покажу!

А Гению-самоучке - который умеет читать книжки (великое умение) - я не нужен!

Форматирование текста

Форматирование - термин, который пришел вместе с компьютером и как говорят, локализованными (приспособленными под страну "проживания") программами. Представьте себе фирму-локализатора, получившую Заказ на обработку пакета, предположим Front Page,  в  строке главного  меню,  на пятом месте слева написано - Format. 

Давайте зайдем и посмотрим. Один из самых действенных принципов при освоении информационных технологий.

Под форматированием текста понимается, в частности, установка его шрифтов, (типов и размеров, начертаний). 

Как выполнить простейшую операцию по установке типа шрифта Arial-10, жирное начертание. 

Во-первых, компьютеру необходимо указать объект, с которым Вы намереваетесь работать. Объект необходимо, как говорят на жаргоне - "зачернить" или выделить, если правильно по компьютерному.

Установить маркер с помощью мыши в нужное место, нажать левую кнопку мыши.  Маркер установится в указанном Вами месте. Далее - нажать левую кнопку, и удерживая ее передвигать мышь - при этом  текст зачерняется - до нужного места - и отпустить кнопку мыши.

Вы выделили объект - отдельный символ, слово, предложение, абзац, несколько абзацев, целую страницу, раздел, файл.  

Давайте отвлечемся от своего взгляда на экран, и попробуем понять, что для компьютера "объект" и операции форматирования, распространяющиеся на него. 

Размещение графики

 Текст, конечно, наиболее распространенный и легко создаваемый в нашей культуре тип информации. 

Однако, если мы не нарисуем Слона, Осла и Моську - нас не поймут!

В общем-то можно "рисовать Слона и здесь!"  -  Но так - ты "Слона не продашь"!

Пока отвлечемся на гиперссылки и после общей компоновки страницы - обязательно нарисуем и "продадим"  Слона!

1. Поставим маркер в начало страницы. 

2. В главном меню найдем Table - Укажем и нажмем! 

3. Попросят выбрать подпункт Insert - Select и тд - Выбираем - Вставить (Insert). 

Нам начнут задавать вопросы: Сколько строк, столбцов? - Тут придется подумать! 

И вспомнить - чего мы хотим!

 Хорошо бы посмотреть на макет главной страницы. На обычных очных занятиях - я бы так и сделал!

4. 

Ищу  партнеров  для создания дистанционного курса "Основы информатики и вычислительной техники"  |  ЭКСТЕРНАТ