Прикладные программы для студентов факультета журналистики Москва




Скачать 178.85 Kb.
НазваниеПрикладные программы для студентов факультета журналистики Москва
Дата21.03.2013
Размер178.85 Kb.
ТипПрограмма



СБОРНИК
МЕТОДИЧЕСКИХ МАТЕРИАЛОВ


по курсу

Электронные издания


Прикладные программы
для студентов факультета журналистики






Москва

Институт международного права и экономики имени А.С. Грибоедова

2006






Утверждено

кафедрой прикладной информатики







С о с т а в и т е л ь – В.Г. Яснецкая



Сборник методических материалов по курсу «Электронные издания»: Прикладные программы для студентов факультета журналистики. – М.: ИМПЭ им. А.С. Грибоедова, 2006. – 14 с.


Подготовлен на кафедре прикладной информатики.


Программа соответствует требованиям

Государственного образовательного стандарта


Яснецкая В.Г., 2006




ЦЕЛИ и задачи курса


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

В процессе прохождения курса студенты получают представление о видах электронных периодических изданий, изучают основы языка создания гипертекстовых документов HTML. По мере изучения материалов курса студенты создают свой сайт. Кроме этого, в курсе рассматривается два типа программных продуктов, предназначенных для создания и поддержки разнообразных интернет-изданий – визуальные гипертекстовые редакторы (на примере программы Microsoft FrontPage) и редакторы HTML-кода (на примере программы Allaire HomeSite). Курс включает в себя как теоретическую часть, так и практическое использование указанных выше программ. С их помощью студенты осуществляют редактирование созданного сайта и размещают его в Интернет. Таким образом освещается весь процесс создания и поддержки полноценного электронного периодического издания.

Каждая тема курса содержит примеры, выполняемые совместно с преподавателем, а также упражнения для самостоятельного выполнения студентами, что улучшает усвоение теоретического материала данного курса.

Итогом курса является самостоятельный выпуск электронной газеты, размещаемый в дальнейшем на сайте института.

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

программа

Тема 1. Введение. Виды электронных изданий


Виды электронных изданий. Электронный вариант печатных изданий (газета, журнал, книга). Информационные агентства.

Характеристики каждого из вариантов.

Специфика аудитории различных электронных изданий и способы её привлечения.

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

Часто используемые элементы дизайна, сложившиеся традиции расположения отдельных частей веб-страниц.

Типичные ошибки начинающих веб-дизайнеров.




Тема 2. Основы создания гипертекстовых документов


Язык разметки гипертекстовых документов.

Структура простейшей веб-страницы.

Основные теги. Атрибуты тегов.

Тег .

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

Способы задания цвета в HTML-документе.

Вставка специфических символов в веб-страницу.

Тег

.

Тег .

Тег
.

Тема 3. Гиперссылки. Добавление графики на веб-страницу


Способы создания и виды гиперссылок.

Атрибуты тега <А>….

Протокол mailto.

Добавление графических изображений на веб-страницу.

Использование картинок в роли фона.

Тема 4. Списки. Тег HEAD


Создание маркированных и нумерованных списков.

Списки определений.

Использование вложенных списков разных типов.

Специфика тега HEAD. Тег TITLE.

Мета-информация.

Тема 5. HTML-таблицы


Вывод табличных данных в HTML-документе. Создание простой таблицы.

Атрибуты тега .

Атрибуты тегов ,
и .

Объединение ячеек.

Форматирование ячеек, строк, столбцов и таблицы в целом.

Использование таблиц для компоновки данных на веб-странице. Понятие «жесткого» и «резинового» дизайна веб-страницы.

Тема 6. Фреймы


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

Атрибуты и .

Управление одним фреймом из другого.

Альтернатива фреймам.


Тема 7. Формы

Создание заполняемых форм данных на веб-странице.

Элементы форм: TEXTAREA, SELECT, TEXT, PASSWORD, CHECKBOX, RADIO.

Кнопки RESET и SUBMIT.

Форматирование элементов форм.

Способы обработки данных из формы.

Тема 8. Редактор HomeSite


Обзор возможностей по созданию и редактированию веб-страниц с помощью редактора кода HTML на примере Allaire HomeSite.

Интерфейс программы.

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

Создание ссылок.

Вставка изображений.

Форматирование шрифта.

Работа с таблицами.

Тема 9. Редактор Microsoft FrontPage


Разработка структуры сайта и оформление веб-страниц с помощью визуального HTML-редактора на примере Microsoft FrontPage.

Проводник FrontPage.

Редактор FrontPage.

Работа с ссылками и закладками.

Использование графики.

Работа с таблицами.

Создание фреймовых структур.



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

Тема 1. Введение. Виды электронных изданий


Вопросы для самоподготовки

  1. Какие возможности предоставляет Интернет?

  2. Какие виды электронных периодических изданий можно выделить?

  3. Охарактеризовать виды электронных периодических изданий.

  4. Расшифровать следующие сокращения: HTML, URL, http, ftp, www.

  5. Что такое гипертекст, гиперссылка, веб-страница, сайт?

Тема 2. Основы создания гипертекстовых документов


Варианты заданий

    1. Создать веб-страницу в текстовом редакторе Блокнот со словами «Привет!».

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

Упражнение 1. Создать веб-страницу index.html следующего вида:



Добро пожаловать к Василию Васильевичу Васильеву!












ВАСЯ

ВАСЯ

ВАСЯ

©



















Пишите мне: vasya@mail.ru


Вопросы для самоподготовки

  1. Что такое тег?

  2. Какие виды тегов существуют?

  3. Что такое атрибут тега?

  4. Какие основные теги включает в себя любая веб-страница?

  5. Опишите способы задания цвета в HTML.

  6. Каким образом можно изменить цвет текста всей веб-страницы?

  7. Как задать цвет фона веб-страницы?

  8. Можно ли поменять цвет у части текста на веб-странице?

  9. Как вывести синюю линию без тени?

  10. Как выровнять текст по центру?

  11. Как выровнять текст абзаца по ширине?

  12. Как вывести знак © на веб-страницу?

Тема 3. Гиперссылки. Добавление графики на веб-страницу


Варианты заданий

  1. Создать гиперссылку на сайт института.

  2. Добавить на веб-страницу логотип института.

  3. Создать гиперссылку «Курсы валют», по которой осуществляется переход на сайт www.rbc.ru.

Упражнение 2. Создать заготовки следующих веб-страниц:

portfolio.html – «портфолио»;

resume.html – «резюме»;

photo.html – «фото»;

humor.html – «юмор».

Упражнение 3. Дополнить веб-страницу index.html гиперссылками «портфолио», «резюме», «фото», «юмор». Ссылки должны располагаться между линий, расположенных внизу веб-страницы.

Упражнение 4. Вставить картинку над ссылками на веб-странице index.html.

Упражнение 5. Добавить протокол mailto к ссылке vasya@mail.ru на странице index.html.

Вопросы для самоподготовки

  1. Какой тег задает гиперссылку?

  2. Какие способы задания адреса гиперссылок существуют?

  3. Для чего предназначен протокол mailto?

  4. Какую роль играет атрибут HREF?

  5. Можно ли сделать так, чтобы веб-страница, соответствующая гиперссылке, открывалась всегда в новом окне?

  6. Какой атрибут задает текст подсказки, всплывающей при наезде мыши на гиперссылку?

  7. С помощью какого тега можно вставить картинку на веб-страницу?

  8. Можно ли сделать картинку ссылкой?

  9. Какой атрибут отвечает за адрес файла-картинки?

Тема 4. Списки. Тег HEAD


Варианты заданий

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

  2. Создать список вида:

Девушки:

    • Иванова

    • Семенова

Юноши:

    • Васильев

    • Петров

    • Дуров

  1. Вывести в строке заголовка программы-броузера текст «Моя группа»

Упражнение 6. Оформить веб-страницу resume.html следующим образом:


Василий Васильевич Васильев

Цель




Менеджер, руководитель подразделения фирмы.

Опыт работы



1990–1994, Предприятие «Башмачок» Москва

Руководитель планового отдела

Введена новая система планирования.

Увеличены объемы продаж на 13%.

Уменьшены издержки производства на 23%.



1985–1990, Предприятие «Башмачок» Москва

Заместитель руководителя планового отдела.

Увеличены объемы продаж на 7%.

Организована единая компьютерная сеть.

Введены в строй 4 филиала предприятия.



1980–1984, Трикотажная фабрика № 3 Москва

Старший экономист

Введена новая система расчетов с торговлей.

Улучшена связь с поставщиками.

Стажировка на головном предприятии.

Образование




1971–1975, Институт промышленности Москва

Факультет: Экономика легкой промышленности.

Специальность: Экономист.

Увлечения




Компьютеры, автомобили, чтение.


Упражнение 7. Оформить веб-страницу humor.html: пять анекдотов или коротких смешных рассказов расположить один под другим и отделить один от другого горизонтальной линией, занимающей 70% экрана. У каждого анекдота или рассказа должен быть свой цвет текста.

Упражнение 8. Добавить описание и ключевые слова «журналистика» и «веб-дизайн» на первую страницу нашего сайта.

Упражнение 9. Добавить в строку заголовка окна программы-броузера текст «Добро пожаловать к Васильеву В.В.!»

Вопросы для самоподготовки

  1. Какой тег задает нумерованный список?

  2. Какой тег задает маркированный список?

  3. Какой тег задает список определений?

  4. Какой тег добавляет новый элемент нумерованного или маркированного списка?

  5. Можно ли задать нумерацию не цифрами, а буквами?

  6. Для чего предназначен тег ?

  7. Что такое мета-информация?

  8. Какой тег позволяет задать название веб-страницы, выводимое в строке заголовка окна программы-броузера?

Тема 5. HTML-таблицы


Варианты заданий

  1. Вывести текст в виде таблицы из двух столбцов и трех строк.

  2. Добавить к первой строке таблицы заливку серым цветом.

  3. Установить выравнивание по центру по горизонтали и по вертикали во всей таблице.

  4. Расположить один любой элемент веб-страницы (текст, рисунок) таким образом, чтобы этот элемент всегда располагался в центре веб-страницы независимо от разрешения экрана и размеров монитора.

Упражнение 10. Оформить веб-страницу partners.html так, чтобы получилась таблица из трех строк и шести столбцов. Расположить в ней фотографии партнеров и данные о них в шахматном порядке (см. методическое пособие).

Упражнение 11. Преобразовать первую веб-страницу сайта index.html следующим образом:

Добро пожаловать к Василию Васильевичу Васильеву!

резюме




фото

партнеры

юмор

портфолио

как меня найти

Пишите мне: vasya@mail.ru


Упражнение 12. Оформить страницу photo.html так, чтобы в верхней её части располагались «иконки» – миниатюры больших картинок в таблице из одной строки (количество столбцов определяется числом фотографий). Оригиналы «иконок» должны располагаться на той же веб-странице внизу в таблице из одного столбца (количество строк определяется числом фотографий). Каждая «иконка» должна работать как ссылка на соответствующее большое изображение в таблице ниже.

Вопросы для самоподготовки

  1. Для чего могут использоваться таблицы на веб-странице?

  2. Как убрать отображение границ таблицы?

  3. С помощью какого атрибута можно объединить ячейки в таблице по горизонтали?

  4. С помощью какого атрибута можно объединить ячейки в таблице по вертикали?

  5. Как «растянуть» таблицу на всю веб-страницу?

  6. Кто такое «резиновый» дизайн?

  7. Что такое «жесткий» дизайн?

  8. Можно ли использовать различное выравнивание текста в разных строках таблицы?

Тема 6. Фреймы


Варианты заданий

  1. Вывести на экран два горизонтальных фрейма.

  2. Вывести на экран два вертикальных фрейма.

  3. Убрать видимые границы фреймов и свободное пространство на их границе.

Упражнение 13. К сайту нужно добавить фреймовую структуру. Идея такова. Нужно обеспечить переход к любой странице сайта не только через первую страницу, а также через меню, которое будет отображаться вверху окна броузера при просмотре любой страницы сайта. При переходе на другую страницу обновляется только нижняя часть экрана, а меню остается на месте. Исключение составляет первая страница, на которой все ссылки уже есть и необходимость во фреймовой структуре отпадает. Меню должно включать в себя ссылку на первую страницу, которая будет открываться поверх всех фреймов.
Более подробное описание последовательности действий, которые нужно выполнить в этом упражнении, можно посмотреть в методическом пособии в практическом задании 7.

Вопросы для самоподготовки

  1. Для чего нужны фреймы?

  2. Сколько всего веб-страниц нужно сделать для вывода в одно окно программы-броузера двух веб-страниц?

  3. Как из одного фрейма управлять другим?

  4. Какой основной тег отсутствует в файле с фреймовой структурой?

  5. Как убрать отображение границ фреймов?

  6. Как вывести два горизонтальных фрейма, причем в нижнем должно быть ещё два вертикальных фрейма?

Тема 7. Формы


Варианты заданий

  1. Вставить форму-анкету на веб-страницу. На ней должны быть поля: Фамилия, Имя, Отчество, пол (с выбором «м» или «ж»), дата рождения (с выбором из списка дня, месяца и года).

  2. Добавить к форме кнопку «Отменить ввод данных».

  3. Добавить к форме кнопку «ОК» для отправки введенных данных на e-mail автора сайта.

Упражнение 14. Создать форму для добавления анекдотов на страницу юмора следующего вида:




Вопросы для самоподготовки

  1. Для чего предназначены формы?

  2. Какой тег создает форму?

  3. Какой тег добавляет в форму текстовое поле?

  4. Как создать поле для ввода пароля (чтобы на экране вводимые символы заменялись звездочками)?

  5. Как создать следующий элемент формы:

  6. Как создать кнопку, очищающую введенные в форму данные?




Тема 8. Редактор HomeSite


Варианты заданий

  1. Вставка различных тегов в веб-страницу.

  2. Проверка веб-страницы на наличие ошибок в тегах.

Вопросы для самоподготовки

  1. К какому типу редакторов относится HomeSite?

  2. Как отобразить/скрыть дерево файлов в левой части окна программы?

  3. Можно ли сохранить изменения сразу во всех открытых веб-страницах?

  4. Как просмотреть веб-страницу в броузере, не выходя из HomeSite?

  5. Как подобрать цвет фона или текста?

  6. Как воспользоваться подсказкой программы – набором атрибутов, которые можно использовать в данном теге?

Тема 9. Редактор Microsoft FrontPage


Варианты заданий

  1. Форматирование отдельных веб-страниц.

  2. Использование заготовок оформления.

Вопросы для самоподготовки

  1. К какому типу редакторов относится FrontPage?

  2. Как создать новый сайт FrontPage?

  3. Как посмотреть html-код веб-страницы?

  4. Для чего предназначена карта навигации?

  5. Как посмотреть файловую структуру сайта?

  6. Как открыть другой сайт?

  7. Как опубликовать сайт (например, на www.narod.ru)?




ЛИТЕРАТУРА




Гультяев А.К. Macromedia HomeSite 5.0. Инструмент подготовки Web-публикаций: Практическое пособие. – СПб.: Корона-принт, 2002.

Кирсанов Д. Веб-дизайн. – М.: Символ-Плюс, 1999.

Крол Э. Все об Интернет. – Киев, 1995.

Матросов А., Сергеев А., Чаунин М. HTML 4.0 в подлиннике. – СПб.: BHV, 2000.

Нильсен Я. Веб-дизайн. – М.: Символ-Плюс, 2000.

Омельченко Л., Федоров А. Самоучитель Microsoft FrontPage 2000. – СПб.: BHV, 1999.

Пауль М. Саммит, Мери Д. Саммит Создание Web-публикаций в Microsoft FrontPage. – М.: Лори, 1998.

Томас А. Пауэлл. WEB-дизайн: Наиболее полное руководство. – СПб.: BHV, 2003.

Фей М.Д. Реклама, маркетинг и дизайн в Интернет. – М., 1999.

Яснецкая В.Г. Электронные издания: Учебно-метод. пособие для практических занятий. – М.: ИМПЭ им. А.Г. Грибоедова, 2003.


Содержание





ЦЕЛИ и задачи курса 4

программа 4

Тема 1. Введение. Виды электронных изданий 4

Тема 2. Основы создания гипертекстовых документов 5

Тема 3. Гиперссылки. Добавление графики на веб-страницу 5

Тема 4. Списки. Тег HEAD 5

Тема 5. HTML-таблицы 5

Тема 6. Фреймы 5

Тема 8. Редактор HomeSite 6

Тема 9. Редактор Microsoft FrontPage 6

Тема 1. Введение. Виды электронных изданий 7

Тема 2. Основы создания гипертекстовых документов 7

Тема 3. Гиперссылки. Добавление графики на веб-страницу 8

Тема 4. Списки. Тег HEAD 8

Тема 5. HTML-таблицы 11

Тема 6. Фреймы 13

Тема 7. Формы 13

Тема 8. Редактор HomeSite 15

Тема 9. Редактор Microsoft FrontPage 15

ЛИТЕРАТУРА 16

Содержание 17

Похожие:

Прикладные программы для студентов факультета журналистики Москва iconПрограммы Для студентов факультета журналистики Москва
Определение пр: Два определения пр (мексиканское 1978 г и института ипр, принятое в Лондоне в 1987 г.)
Прикладные программы для студентов факультета журналистики Москва iconПрограммы вспомогательных (прикладных) дисциплин Современные технические средства журналиста Для студентов факультета журналистики Москва
«Современные аудио- и видеосредства в практической работе журналиста» – канд филол наук В. Н. Солнцев
Прикладные программы для студентов факультета журналистики Москва iconПрограмма курса Махачкала ипц дгу 2002 Печатается по решению редакционно-издательского совета филологического факультета. Программа составлена на основе программы мгу
История зарубежной журналистики – курс, рассчитанный на студентов 3-4 курсов отделения журналистики филологического факультета, уже...
Прикладные программы для студентов факультета журналистики Москва iconБурцева Елена Васильевна Вопросы к зачёту по дисциплине "Прикладные программы", для заочников группы юи -31з
К зачету подготовить ответы на все вопросы к лабораторным работам в методичках "Прикладные программы" часть 1 и "Прикладные программы...
Прикладные программы для студентов факультета журналистики Москва iconУчебно-методическое пособие для студентов факультета журналистики Москва 2006
Довольно высок уровень немотивированной агрессии по отношению к представителям других наций и народностей
Прикладные программы для студентов факультета журналистики Москва iconУчебное пособие Для студентов факультета журналистики Москва
...
Прикладные программы для студентов факультета журналистики Москва iconУчебное пособие Для студентов факультета журналистики Москва
Т 80 Зарубежная литература XX века (19141945). Часть Франция: Учеб пособие. – М.: Импэ им. А. С. Грибоедова, 2003. – 68 с
Прикладные программы для студентов факультета журналистики Москва iconРоссийской Федерации Федеральное агентство по образованию Государственное образовательное учреждение высшего профессионального образования
«Античная литература» для студентов 1 курса факультета филологии и журналистики (отделение журналистики)
Прикладные программы для студентов факультета журналистики Москва iconУчебно-методический комплекс дисциплины Логика Для студентов факультета журналистики
Учебно-методический комплекс дисциплины «Логика»: Для студентов факультета журналистики. – М.: Импэ им. А. С. Грибоедова, 2008. –...
Прикладные программы для студентов факультета журналистики Москва iconРоссийской Федерации Федеральное агентство по образованию Государственное образовательное учреждение высшего профессионального образования
«История зарубежной литературы конца 19 – начала 20 веков» для студентов 3 курса факультета филологии и журналистики (отделение отечественной...
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница