Меню
Разработки
Разработки  /  Информатика  /  Разное  /  Рабочая программа по информатике "Основы сайтостроения"

Рабочая программа по информатике "Основы сайтостроения"

Рабочая программа создана для специальности "Документационное обеспечение управления и архивоведение" (3 курс).
08.10.2014

Описание разработки

Пояснительная записка.

Учебная дисциплина «Основы сайтостроения» является одной из дополнительных при подготовке специалистов  в области документационного обеспечения управления, предусмотренной государственным образовательным стандартом среднего специального образования.

Для студентов специальности важно знать и понимать основы создания сайта.

Цель данной дисциплины - научить студентов базовому подходу к созданию сайта, как к одному из самых удобных и универсальных способов представления информации.

Основные задачи дисциплины:

- познакомить студентов с основными этапами создания полноценного сайта;

- изучить базовые технологии, используемые при написании web-страничек (язык разметки HTML, серверные скрипты);

- познакомить с программами, используемыми при создании сайтов;

- коснуться вопросов подготовки текстов и графики для сайта;

- кратко рассмотреть вопросы дизайна сайта и создания грамотной навигации по сайту;

- рассмотреть жизненный цикл сайта, а также вопросы дальнейшей поддержки и продвижения в интернете.

Государственные требования к минимуму содержания и уровню подготовки выпускников специальности 0611 «Документационное обеспечение управления и архивоведение» включают изучение:

- принципов функционирования интернета;

- постановки задачи по созданию сайта;

- технологии, применяемой при создании сайтов;

- программ, используемых при создании сайтов;

- создания графического эскиза сайта;

- подготовки материалов для размещения на сайте;

- верстки сайта и тестирование;

рабочая программа по информатике основы сайтостроения

Весь материал - в документе.

Содержимое разработки


МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Государственное бюджетное образовательное учреждение

среднего профессионального образования

«Волгоградский индустриальный техникум»












РАБОЧАЯ ПРОГРАММА

учебной дисциплины


«Основы сайтостроения»

для специальностей

032002 «Документационное обеспечение управления и архивоведение»












2012


ОДОБРЕНА

Предметной (цикловой) комиссией социально-экономических дисциплин, математики и информатики.


Составлена в соответствии с Государственными требованиями



Председатель

Заместитель директора по учебной


работе

Мельникова И.А.

Бондаренко И.В.



Автор:

Тимофеева А.В. – Преподаватель специальных дисциплин


Рецензенты:

Сергеев А.Н.- Доктор педагогических наук, профессор, заведующий кафедрой информатики и информатизации образования ФГБОУ ВПО «Волгоградский государственный социально-педагогический университет»



Пояснительная записка

Учебная дисциплина «Основы сайтостроения» является одной из дополнительных при подготовке специалистов  в области документационного обеспечения управления, предусмотренной государственным образовательным стандартом среднего специального образования.

Для студентов специальности  важно знать и понимать основы создания сайта.

Цель данной дисциплины  научить студентов базовому подходу к созданию сайта, как к одному из самых удобных и универсальных способов представления информации.

Основные задачи дисциплины:

- познакомить студентов с основными этапами создания полноценного сайта;

- изучить базовые технологии, используемые при написании web-страничек (язык разметки HTML,  серверные скрипты);

- познакомить с программами, используемыми при создании сайтов;

- коснуться вопросов подготовки текстов и графики для сайта;

- кратко рассмотреть вопросы дизайна сайта и создания грамотной навигации по сайту;

- рассмотреть жизненный цикл сайта, а также вопросы дальнейшей поддержки и продвижения в интернете.

Государственные требования к минимуму содержания и уровню подготовки выпускников специальности 0611 «Документационное обеспечение управления и архивоведение»

включают изучение:

-        принципов функционирования интернета.

-        постановки задачи по созданию сайта.

-        технологии, применяемой при создании сайтов

-        программ, используемых при создании сайтов

-        создания графического эскиза сайта

-        подготовки материалов для размещения на сайте

-        верстки сайта и тестирование


По окончании учебной дисциплины студент должен знать:

-        принципы и структуру устройства «Всемирной паутины», формирование представления и управления информацией в сети Интернета;

-        основные принципы веб-дизайна;

-        необходимые способы проектирования, создания размещения веб-дизайна;

-        способы работы с графическими программами;

-        приемы организации и самоорганизации работы по изготовлению сайта;


После изучения данной дисциплины студент должен уметь:

-        ориентироваться и продуктивно действовать в информационном Интернет-пространстве, используя для достижения своих целей создаваемые веб-ресуры;

-        программировать на языках HTML и CSS;

-        проектировать, изготовить и разместить в сети веб-сайт;

-        передавать информацию в сеть Интернета с помощью протокола FTP, специальных программ, веб-форм.

Дисциплина «Основы сайтостроения» предусматривает практическую и самостоятельную работу студентов, подготовку практической работы.



В программе курсов рассматриваются:

  • основы построения сайтов;

  • основы HTML;

  • размещение сайтов в Интернете

Настоящая рабочая программа учебной дисциплины рассчитана на 64 часа практических занятий. В содержании учебной дисциплины по каждой теме приведены требования к формируемым представлениям, знаниям и умениям.

Для проверки знаний студентов в рабочей программе курсов указывается, по окончании изучения каких разделов следует проводить рубежный контроль в форме тестирования.

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

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

Содержание практических работ определяется предметной (цикловой) комиссией.


Тематический план

Наименование разделов и тем

Максимальная учебная нагрузка

Количество часов

Всего

Практические занятия

Лабораторные работы

Самостоятельная работа

Раздел 1. World Wide Web и Интернет

8


4

-


Тема 1.1. Web-браузеры

4

4

2

-

2

Тема 1.2. Web-сайты

4

4

2

-

2

Раздел 2. Основы HTML

61


38

-


Тема 2.1. Структура языка HTML

2

4

2

-


Тема 2.2. Создание Web-страницы и ввод текста

6

6

4

-

2

Тема 2.3. Атрибуты элементов в HTML

5

5

4

-

1

Тема 2.4. Форматирование и систематизация текста

4

4

4

-


Тема 2.5. Создание списков

4

4

4

-


Тема 2.6. Графика на Web-странице

8

8

6

-

2

Тема 2.7. Гиперссылки

11

11

8

-

3

Тема 2.8. Добавление таблиц в HTML-документ

2

2

2

-


Тема 2.9. Расширения в HTML

2

2

2

-


Тема 2.10. Формы

9

9

6

-

3

Тема 2.11. Мультимедийные объекты, фреймы и метаданные

8

8

4

-

4

Раздел 3. Размещение сайта в Интернете

19


10

-


Тема 3.1. Поиск хостинг-сервера

3

3

2

-

1

Тема 3.2. Создание сайта на сервере бесплатного размещения

8

8

6

-

2

Тема 3.3. Пересылка файлов с помощью FTP-клиента

3

3

2

-

1

Тема 3.4. Регистрация на поисковых серверах

3

3

2

-

1

Тема 3.5. Управление файлами и редактирование

2

2

2

-


Итого:

88


64

-

24

Содержание учебной дисциплины

Раздел 1. World Wide Web и Интернет

Тема 1.1. Web-браузеры

Студент должен:

иметь представление:

  • браузерах Internet Explorer, Chrome, FireFox и Opera;


  • адресации в Web;

знать:

  • схему адресации World Wide Web;

  • относительные URI;

  • протоколы, используемые в URI.

Документы, созданные с помощью HTML, предназначены для отображения в приложениях-клиента для работы World Wide Web. В отличие от некоторых приложений других форматов документов, для распознавания формата HTML используется только один тип приложения – Web-браузер.

Web-браузер выполняет поис и загрузку Web-страниц, и отображение их согласно стандартам и спецификациям HTML.

Самостоятельная работа: подготовка конспекта.

Тема 1.2. Web-сайты

Студент должен:

иметь представление:

  • Web-приложениях;

  • выборе критериев при оценке сайтов;

  • тестировании сайтов;

знать:

  • причины создания Web-страниц;

  • этапы создания сайта;

  • особенности проектирования сайта.

Web является не только сравнительно недорогим местом рекламы вашего бизнеса, но и средством эффективной коммуникации с потребителями и потенциальными клиентами благодаря своей интерактивности и удобству в использовании. Одним из наиболее популярных Web-приложений являются поисковые машины. Их базы данных включают огромное количество Web-сайтов со всего мира. Вы заходите на страницу и вводите ключевые слова для поиска, которые Web-приложение передаёт на обработку скрипту-обработчику. Скрипт сопоставляет ваши ключевые слова с базой проиндексированных Web-страниц, после чего генерирует HTML-страницу с результатами поиска. URI этой страницы возвращается программой-обработчиком Web-серверу, который воспринимает его как обычную ссылку. Сервер передаёт эту ссылку вашему Web-браузеру, и он загружает созданную страницу, содержащую гипертекстовые ссылки на те Web-сайты в базе, контент которых соответствует запросу.

Самостоятельная работа: подготовка рефератов.

Раздел 2. Основы HTML Тема 2.1. Текстовые редакторы

Тема 2.1. Структура языка HTML

Студент должен:

иметь представление:

  • HTML-элементе;

  • разметочных операторах, называемых тегами;

знать:

  • типы данных, используемые в HTML;

  • единицы измерения, используемые в HTML.

Элемент HTML – это базовый структурный блок HTML-документа, который размечается с помощью специальных разметочных операторов, называемых тегами.

Тема 2.2. Создание Web-страницы и ввод текста

Студент должен:

иметь представление:

  • шаблоне HTML-документа;

  • информации о версии HTML;

знать:

  • основные элементы HTML;

  • элементы-контейнеры и пустые элементы;

  • блочные и встроенные элементы;

  • правила HTML-кодирования.

  • Базовый элемент Web-страницы – это текст. Можно написать HTML-код, используя обычный текстовый редактор, такой как Блокнот. Набирайте текст и сохраняйте его с помощью команды «Сохранить как» с расширением .htm или .html. Для просмотра файла откройте его в окне браузера.

Если в HTML-файл вносятся изменения и надо посмотреть, как они повлияют на внешний вид Web-страницы, файл сначала нужно сохранить, а затем обновить (F5).

Самостоятельная работа: работа в текстовом редакторе Блокнот.

Тема 2.3. Атрибуты элементов в HTML

Студент должен:

иметь представление:

  • общих атрибутах;

знать:

  • атрибуты элемента ;

  • атрибуты элемента

    .

Атрибут – это параметр элемента, который уточняет, как этот элемент должен быть обработан браузером.

Назначение элементу HTML определённых свойств называется атрибутом.

Общая схема элемента HTML с использованием атрибутов описывается в следующем виде:

содержимое элемента

Атрибуты элемента всегда располагаются в начальном теге. Если элемент содержит несколько пар атрибут/значение, то они разделяются пробелами, причём порядок следования атрибутов может быть любым.

Значение атрибута может быть заключено в кавычки: либо одинарные (‘значение’), либо двойные (“значение”). W3C рекомендует всегда заключать значения атрибутов в кавычки, хотя технически кавычки должны использоваться только тогда, когда значение содержит пробелы или сложные символы.

Самостоятельная работа: подготовка конспекта.

Тема 2.4. Форматирование и систематизация текста

Студент должен:

иметь представление:

  • физическом и логическом стиле форматирования текста;

  • предварительно отформатированный текст;

знать:

  • создание заголовков;

  • атрибуты элементов - ;

  • теги логического форматирования в HTML;

  • «программистские» элементы HTML.

Элементы форматирования, или элементы разметки структуры, выделяют в HTML-документе структурные блоки, а браузер затем сам решает, как выводить на экран размеченный тегами текст. Помещая определенный фрагмент текста в контейнер заголовка, другой фрагмент – в контейнер абзаца, мы как бы говорим браузеру: «эта страница имеет такую структуру: заголовок, затем два абзаца текста, затем подзаголовок» и так далее. Элементы физического форматирования или элементы визуального представления, явно указывают браузеру, каков должен быть стиль выделенных фрагментов. Используя этот тип элементов для разметки страницы, мы указываем браузеру: «этот фрагмент страницы должен быть выделен на экране полужирным шрифтом, а этот - курсивом».

Тема 2.5. Создание списков

Студент должен:

иметь представление:

  • нумерованных и ненумерованных списки;

знать:

  • организацию нумерованных списков;

  • организацию ненумерованных списков;

  • списки определений;

  • вложение элементов и комбинирование списков.

Элементы списка являются контейнерами. Они могут содержать другие элементы-контейнеры или пустые теги. Каждый пункт списка располагается на отдельной строке. Тег (одиночный тег) отвечает за добавление перед текстом номера или другого символа в зависимости от конкретного типа списка.

Тема 2.6. Графика на Web-странице

Студент должен:

иметь представление:

  • размере графических файлов;

  • добавление графики на Web-станицу;

знать:

  • типы графических файлов;

  • схему вложения графики в другие элементы HTML.

Особая роль в сети WWW уделяется графике, наряду с использованием оптимального формата, самое главное сколько «весит» графический файл. При открытии Web-страницы браузер закачивает её с сервера, очевидно, что в условиях недостаточной пропускной способности каналов большой размер графики значительно замедляет открытие Web-страницы. Размер многоцветной графики с высоким разрешением может достигнуть десятков мегабайтов. Оптимальный размер для Web-графики где-то между 10 и 30 кБ, что составляет сотые доли размера многоцветной графики с высоким разрешением.

Самостоятельная работа: работа с графическими файлами.

Тема 2.7. Гиперссылки

Студент должен:

иметь представление:

  • ссылках внутри документа;

  • использовании относительных URL;

знать:

  • элемент-якорь ;

  • атрибут target;

  • элемент ;

  • относительные ссылки разных видов;

  • гиперссылки на e-mail адрес;

  • ссылки на FTP-сервис;

  • элемент ;

  • создание графических и гипермедийных ссылок.

Любая Web-страница без гиперссылок не перестаёт быть Web-страницей, но ее присутствие не мало важно.

Самостоятельная работа: создание графических ссылок.

Тема 2.8. Добавление таблиц в HTML-документ

Студент должен:

иметь представление:

  • создание таблиц;

  • использовании таблиц при вёрстке Web-страниц;

знать:

  • элемент

    ;

  • элемент ;

  • элемент строки

  • ;

  • элементы ячеек

  • и ;

  • создание колонок;

  • колонки с разделителями;

  • создание вертикальных линий;

  • центрирование по вертикали.

    Таблицы – очень полезная вещь на Web-странице, с их помощью можно удачно расположить любую информацию, сделать страницу структурированной и лёгкой для восприятия.

    Тема 2.9. Расширения в HTML

    Студент должен:

    иметь представление:

    • расширениях используемых в различных спецификациях;

    знать:

    • спецификации Netscape HTML:

    • спецификации Microsoft HTML.

    Одна из самых больших проблем – это проблема несовместимости различных браузеров. Компании-разработчики технологий для Web вносят определённые изменения в стандарты и поэтому некоторые элементы HTML могут по-разному отображаться в различных браузерах.

    Тема 2.10. Формы

    Студент должен:

    иметь представление:

    • использовании Web-форм;

    • создании выпадающего меню и прокручивающихся списков;

    • использовании элементов форматирования в формах;

    знать:

    • создание форм;

    • элемент ;

    • правила дизайна форм;

    • GGI-BIN-скрипты и обработку данных формы.

    Смысл использования форм в Web прост – они позволяют получать ответы на вопросы или другую информацию от посетителей. Формы дают возможность запрашивать у пользователя определённую информацию, затем эта информация посылается на Web-страницу для дальнейшей обработки.

    Тема 2.11. Мультимедийные объекты, фреймы и метаданные

    Студент должен:

    иметь представление:

    • вставке мультимедийных объектов;

    • фреймах;

    • метаданных;

    знать:

    • достоинства и недостатки фреймов;

    • организации ссылок внутри фреймов;

    • защиту Web-страниц от использования в чужих фреймах;

    • атрибут .

    Фреймы разбивают Web-страницу на независимые окна, содержащие собственную информацию. В каждые из этих окон загружается отдельный HTML-документ. Мета информация содержит информацию о самом документе, а не о его содержимом и носит дополнительный характер.

    Самостоятельная работа: работа с фреймами, вставка мультимедийных объектов.

    Раздел 3. Размещение сайта в Интернете

    Тема 3.1. Поиск хостинг-сервера

    Студент должен:

    иметь представление:

    • бесплатных хостинг-серверах;

    знать:

    • организацию счётчика посещений;

    • организацию гостевой книги, формы поиска;

    • дополнительные сервисы: собственный чат, интерактивный опрос, персональный форум.

    Интернет-сайт создан, но пока ещё он доступен только пользователю, который его создал, поскольку содержится на «локальном» компьютере. Для того, чтобы сайт могли увидеть все желающие, нужно разместить его на диске одного из серверов Интернет.

    Самостоятельная работа: подготовка докладов.

    Тема 3.2. Создание сайта на сервере бесплатного размещения

    Студент должен:

    иметь представление:

    • регистрации на сервере;

    • работе с Web-конструктором;

    • добавлении CGI-сервисов;

    знать:

    • технологию пересылки файлов на сервер при помощи интерактивной формы;

    • способы редактирования страниц и способы изменения структуры сайта.

    Среди отечественных серверов бесплатного размещения Web-сайтов одним из наиболее популярных и удобных является сервер Narod.ru, являющийся одним из сервисов не менее популярной поисковой службы Яндекс. Чтобы обнародовать своё «виртуальное сетевое представительство», прежде всего нужно зарегистрировать на сервере место под свой сайт. Зарегистрировавшись, можно приступить к созданию головной страницы сайта.

    Самостоятельная работа: регистрация на сервере бесплатного размещения сайта.

    Тема 3.3. Пересылка файлов с помощью FTP-клиента

    Студент должен:

    иметь представление:

    • FTP-клиентах, в том числе бесплатных и условно-бесплатных;

    знать:

    • принцип установки связи с FTP-сервером;

    • использовании FAR для регистрации часто используемых FTP-соединений.

    Интерактивная форма загрузки файлов сайта на сервер – это дополнительный сервис, предоставляемый разработчиками хостинг-серверов. Для размещения страниц можно воспользоваться протоколом FTP. Протокол FTP – это один из стандартов передачи информации по компьютерной сети, обычно применяемый для простой пересылки файлов.

    Самостоятельная работа: подготовка конспекта.

    Тема 3.4. Регистрация на поисковых серверах

    Студент должен:

    иметь представление:

    • размещении кратких сведений, соответствующих тексту страниц в метатэге;

    • «продвижении» своего сайта с помощью взаиморекламы;

    знать:

    • возможности регистрационных служб.

    Для того, чтобы любой пользователь мог попасть на вновь созданную страницу необходимо зарегистрироваться на поисковом сервере, внести сведения о новом сайте в базу данных поисковика. Практически на каждом поисковом сервере можно отыскать гиперссылку «Регистрация», «Добавить сайт», «Добавить URL» и т. д.

    Самостоятельная работа: размещение сведений о новом сайте.

    Тема 3.5. Управление файлами и редактирование

    Студент должен:

    иметь представление:

    • создании Web-страницы по шаблону;

    • сохранении изменений в файле на диске сервера;

    • просмотре отредактированной страницы;

    знать:

    • способы переименования, копирования, перемещения и удаления файлов на сервере;

    • способы сохранения, предварительного просмотра, отменения изменений, подсказке.

    Кроме возможности загрузки файлов на сервер с локального компьютера, сервер предоставляет гибкие возможности работы с перечнем уже загруженных файлов.








    Литература

    Основная

    1. Ефимова О., Шафрин Ю. Практикум по компьютерной технологии. – М.: ABF, 1997.

    2. Храмцов П. Б., Брик С. А., Русак А.М., Сурин А. И. Основы web-технологий М.: ABF, 2004.

    3. Кожемякин А. А. HTML и CSS в примерах. Создание Web-страниц. М.:Альтекс-А, 2004.

    4. Усенков Д. Уроки Web-мастера. М.: БИНОМ, 2003.

    5. Дуванов А. А. Web-конструирование. HTML. СБб.: БВХ-Петербург, 2003.

    Дополнительная

    1. Шарф Д. HTML 4.0: Справочник. СПб: Питер, 1998.

    2. Вуд Л. Web-графика: Справочник. СПб: Питер, 1999.

    3. Симонович С. В., Евсеев Г. А., Алексеев А. Г. Специальная информатика. – М.: АСТ-ПРЕСС: Инфорком-Пресс, 2002

    4. http://pers.narod.ru/study/inet/html.html

    5. http://ru.html.net


    Средства обучения


    1. Программа Microsoft Internet Explorer, Chrome, FireFox,Opera;

    2. Текстовый редактор Блокнот.


    Содержание


    Пояснительная записка 3

    Тематический план 5

    Содержание учебной дисциплины 6

    Литература 12


    -75%
    Курсы профессиональной переподготовке

    Учитель, преподаватель информатики в начальной школе

    Продолжительность 300 или 600 часов
    Документ: Диплом о профессиональной переподготовке
    13800 руб.
    от 3450 руб.
    Подробнее
    Скачать разработку
    Сохранить у себя:
    Рабочая программа по информатике "Основы сайтостроения" (0.13 MB)

    Комментарии 1

    Чтобы добавить комментарий зарегистрируйтесь или на сайт

    юлия, 09.09.2015 13:39
    20

    © 2008-2024, ООО «Мультиурок», ИНН 6732109381, ОГРН 1156733012732

    Учителю!
    Огромная база учебных материалов на каждый урок с возможностью удаленного управления
    Тесты, видеоуроки, электронные тетради