WWW.DISS.SELUK.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА
(Авторефераты, диссертации, методички, учебные программы, монографии)

 

Татарникова Л. А.

Современные web-технологии

Учебное пособие

Второе издание, исправленное

Томск — 2011

УДК 004.912

ББК 32.973.26-018.2 я72

Татарникова Л. А.

Современные web-технологии : Учеб. пособие. / Л. А. Татарникова. — 2-е изд., испр. — Томск, 2011. — 188 с.

Учебное пособие является частью учебно-методического комплекта

«Современные web-технологии» и предназначено для учащихся 8–9-х классов информационного профиля. В пособии приведены общие сведения о технологии создания веб-страниц. Большое внимание уделено современному подходу к сайтостроению, назначению и возможностям популярного веб-редактора Dreamweaver.

© НОУ «Открытый молодёжный университет», © Татарникова Л. А., Приветствуем тебя, дорогой студент!

И не удивляйся, теперь ты студент Открытого молодёжного университета!

А сейчас о курсе, по которому ты будешь заниматься.

Первые интернет-сайты были похожи на электронные газеты: текст, картинка и незамысловатый фон. Сегодня это настоящие произведения искусства с динамичными объектами, анимацией, слайд-шоу и звуковыми эффектами. Их создатели находятся в постоянном поиске новых технологий.

Этот курс — для тех, кто уже знает о том, как устроен простой сайт и стремится создавать виртуальные шедевры. Ты упрочишь свое знание HTML, научишься оформлять страницы с помощью каскадных таблиц стилей (CSS), использовать визуальный веб-редактор, создавать «гибкие» сайты, размещать на веб-страницах медиаконтент (видео, Flash, графические карты), осуществлять поисковую оптимизацию и др.

Коллектив разработчиков КОП «Школьный университет»

Оглавление 9 ВВЕДЕНИЕ 11 УРОК 1. ИЗ ЧЕГО СОСТОИТ САЙТ 11 Программы для работы над простой веб-страницей 12 Структура веб-страницы 13 Теги разметки и форматирования текста 14 Теги логической и физической разметки 17 Заголовок страницы 20 УРОК 2. АТРИБУТЫ ТЕГОВ 20 Атрибуты блочных тегов Оформление шрифта тегом font Атрибуты тега body 23 Цвет 28 УРОК 3. ЗНАКОМСТВО С ВЕБ-РЕДАКТОРОМ 004 28 Интерфейс веб-редактора 28 Macromedia/Adobe Dreamweaver 30 Создание сайта 31 Кодировка веб-страницы 34 УРОК 4. ИЗОБРАЖЕНИЯ НА ВЕБ-СТРАНИЦЕ 34 Изображения на веб-странице 36 Вставка изображения в веб-редакторе 38 УРОК 5. СПИСКИ НА ВЕБ-СТРАНИЦЕ 38 Список на веб-странице 39 Свойства списков 40 Списки в веб-редакторах 44 УРОК 6. СПЕЦСИМВОЛЫ HTML 44 Esc-последовательности 45 Некоторые спецсимволы 47 Индексы 50 УРОК 7. СОЗДАНИЕ ТАБЛИЦ 50 Таблицы на веб-странице 50 Теги формирования таблицы 51 Атрибуты табличных тегов 54 Создание таблицы в веб-редакторе 56 УРОК 8. НАСТРОЙКА ТАБЛИЦЫ 56 Цвет фона 57 Поля в таблицах Оглавление 58 Создание цветной сетки таблицы 59 Объединение ячеек 64 УРОК 9. ГИПЕРССЫЛКИ 64 Гиперссылки на веб-странице 64 Создание гиперсcылки 65 Типы гиперссылок 69 УРОК 10. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ 69 Каскадные таблицы стилей 71 Стилевое правило 72 Селекторы 76 Некоторые стилевые свойства 81 УРОК 11. ПОДКЛЮЧЕНИЕ

СТИЛЕВЫХ ТАБЛИЦ

81 Подключение стилевых таблиц 81 Внутренняя таблица стилей 82 Внешняя таблица стилей 83 In-line стиль 83 Каскадность стилей 86 УРОК 12. СВОЙСТВА БЛОКА 86 Блок на веб-странице 86 Структура блока 90 Сокращённая запись свойств УРОК 13. ПОЗИЦИОНИРОВАНИЕ 94 Позиционирование на веб-странице 95 Абсолютное позиционирование 100 Относительное позиционирование 104 Фиксированное позиционирование 107 УРОК 14. СОЗДАНИЕ СТИЛЕЙ 109 Создание правила 112 Редактирование правила 114 УРОК 15. СОЗДАНИЕ БЛОКА 006 114 Свойства шрифта 116 Свойства текста 120 УРОК 16. ВЁРСТКА БЛОКАМИ 120 Способы нестандартного размещения блоков 120 Настройка позиционирования в веб-редакторе 120 Плавающие блоки 122 Завершение обтекания 125 Расположение блока по центру 127 УРОК 17. ТАБЛИЧНАЯ РАЗМЕТКА 127 Разметка веб-страницы 128 Табличная разметка 132 УРОК 18. «РЕЗИНОВЫЙ» ЗАГОЛОВОК 132 «Резиновые» объекты 133 «Резиновая» шапка 135 Формирование «резиновой»

УРОК 19. «РЕЗИНОВАЯ» РАМКА 138 Двумерные «резиновые» объекты на странице 138 Формирование двумерного «резинового» объекта УРОК 20. СЛОЖНАЯ РАМКА 143 Сложные «резиновые» объекты 144 Формирование сложного «резинового» объекта 146 УРОК 21. DIVНАЯ «РЕЗИНОВАЯ» РАЗМЕТКА 146 Разметка веб-страницы 146 Блочная абсолютная разметка 148 Идентификатор позиционированного блока 151 УРОК 22. DIVНАЯ «ПЛАВАЮЩАЯ» РАЗМЕТКА 151 Блочная «плавающая» разметка 152 Блочная и табличная разметки: сравнение 154 Рецепты создания колонок одинаковой высоты 157 УРОК 23. БЛОЧНОЕ МЕНЮ 157 Язык CSS и вёрстка веб-страниц 158 Блочное меню 159 Блочное меню: вариации 160 УРОК 24. МЕНЮ ИЗ ТАБОВ 160 Схема «раздвижных дверей»

161 CSS-реализация «раздвижных дверей»

163 УРОК 25. ВСТАВКА FLASH НА СТРАНИЦУ 163 Как вставить на страницу flash-ролик 164 Настройки flash-ролика

УРОК 26. В ГОСТЯХ У СОЗВЕЗДИЙ

167 Чувствительные области на изображении 168 Теги создания карты изображения УРОК 27. CSS3: ТЕНЬ, ТРАНСФОРМАЦИЯ УРОК 28. CSS3: ЗАКРУГЛЁННЫЕ УГОЛКИ,

ГРАДИЕНТ И ПРОЗРАЧНЫЕ ТЕНИ

УРОК 29. CSS3: НОВЫЕ ВОЗМОЖНОСТИ

САЙТ В ИНТЕРНЕТЕ

САЙТ В ИНТЕРНЕТЕ

ЗАКЛЮЧЕНИЕ

СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ

Введение Сейчас, наверное, нет такого человека, который не знал бы, что такое Интернет. Мир Интернета бесконечно разнообразен и безумно интересен.

не задумываясь об огромных расстояниях, — Интернет победил пространство.

мира. Не важно, что нам нужно найти: формулировку второго закона Ньютона, фотографию Колина Мука или данные своего одноклассника — мы идём за ними в Интернет.

Мир Интернета бесконечно разнообразен.

программы нам помогут упростить работу над страницей?

Какие справочники позволят найти нужную информацию?

Какие приёмы дадут возможность сформировать современные красивые страницы?

Ответы на эти вопросы ты и получишь в нашем курсе.

Урок 1. Программы для работы над простой веб-страницей Из чего состоит сайт текстовый редактор (ни в коем случае не текстовый процессор), например, «Блокнот», в котором мы будем редактировать нашу страницу;

отображать только те страницы, которые сохранены на диске. Поэтому перед просмотром изменённой в «Блокноте»

Браузер — программа для просмотра веб-страницы.





Похожие работы:

«МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ АКАДЕМИЯ АРХИТЕКТУРЫ И ИСКУССТВ ЮЖНОГО ФЕДЕРАЛЬНОГО УНИВЕРСИТЕТА Лишневский А.А. календарь...»

«ФЕДЕРАЛЬНОЕ АГЕНТСТВО ВОЗДУШНОГО ТРАНСПОРТА ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ ГРАЖДАНСКОЙ АВИАЦИИ Кафедра связей с общественностью А.В. Агафонов ПСИХОЛОГИЯ И ПЕДАГОГИКА Пособие к изучению дисциплины и выполнению контрольного домашнего задания для студентов III курса специальности 160901 дневного обучения Москва - 2010 2 ББК Рецензент – к.п.н. Золотарева Л.Г. Агафонов А.В. Психология и...»

«Бюджетное учреждение Ханты-Мансийского автономного округа-Югры для детей, нуждающихся в психолого-педагогической и медико-социальной помощи ЦЕНТР ПСИХОЛОГО-ПЕДАГОГИЧЕСКОЙ РЕАБИЛИТАЦИИ И КОРРЕКЦИИ Психолого-педагогическая коррекция эмоциональных нарушений как условие профилактики самовольного ухода детей из дома. Методические рекомендации Составители: педагог-психолог Центра психолого-педагогической реабилитации и коррекции Ковешникова А.М., г. Ханты-Мансийск 2012 г. 1 Содержание Пояснительная...»

«Минобрнауки России от 22.08.2012 N 08-250 О введении учебного курса ОРКСЭ Документ предоставлен КонсультантПлюс www.consultant.ru Дата сохранения: 15.09.2013 Документ предоставлен КонсультантПлюс Минобрнауки России от 22.08.2012 N 08-250 О введении учебного курса ОРКСЭ Дата сохранения: 15.09.2013 МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ ПИСЬМО от 22 августа 2012 г. N 08-250 О ВВЕДЕНИИ УЧЕБНОГО КУРСА ОРКСЭ Департамент государственной политики в сфере общего образования Минобрнауки...»

«Министерство образования Республики Башкортостан Государственное бюджетное образовательное учреждение среднего профессионального образования Стерлитамакский химико-технологический техникум ОТЧЕТ по итогам самообследования ГБОУ СПО Стерлитамакский химико-технологический техникум г. Стерлитамак, 2012 год 1 СОДЕРЖАНИЕ 1 Организационно-правовое обеспечение образовательной деятельности 4 2 Система управления и структура техникума 7 2.1 Соответствие организации управления техникумом уставным...»

«Частное образовательное учреждение высшего профессионального образования Омская юридическая академия МЕТОДИЧЕСКИЕ УКАЗАНИЯ по выполнению курсовой работы для студентов экономических специальностей и направлений подготовки Омск 2012 ББК 65р30 М 54 Методические указания по выполнению курсовой работы для студентов экономических специальностей и направлений подготовки / сост. М. В. Мясникова, С. М. Толкачев. – Омск : Омская юридическая академия, 2012. – 64 с. Рецензенты: М. Б. Ионина, доцент кафедры...»

«А.И. БочкАрёв, Т. С. БочкАрёвА, С. в. САкСонов Допущено Научно-методическим советом по физике Минобрнауки РФ в качестве учебного пособия для студентов высших учебных заведений, обучающихся по техническим направлениям подготовки и специальностям УДК 50(075.8) ББК 20я73 Б86 Рецензенты: Г. С. Розенберг, директор Института экологии Волжского бассейна, чл.-корр. РАН, засл. деятель науки РФ, д-р биол. наук, проф., В. И. Столбов, президент Тольяттинского филиала РАЕН, засл. деятель науки и...»

«КАЗАХСКИЙ НАЦИОНАЛЬНЫЙ АГРАРНЫЙ УНИВЕРСИТЕТ З.Т. ТАСТАНОВА ИСТОРИЯ РЕЛИГИЙ КАЗАХСТАНА Учебное пособие Алматы, 2012 ББК 378.147 Рецензент: Торланбаева К.У., д.и.н., доцент кафедры Международные отношения и регионоведение Университета Туран. Тастанова З.Т. История религий Казахстана. //Учебное пособие. г.Алматы, КазНАУ, изд. Айтмар, 2012. – 120 стр. ISBN 978-601-241-305-2 Данное учебное пособие имеет цель привлечь внимание читателя к конфессиональным проблемам, а также дать понятие о религиях в...»

«МИНОБРНАУКИ РОССИИ Нижнекамский химико-технологический институт (филиал) федерального государственного бюджетного образовательного учреждения высшего профессионального образования Казанский национальный исследовательский технологический университет Д. Б. Вафин ЭНЕРГООБЕСПЕЧЕНИЕ ПРЕДПРИЯТИЙ УЧЕБНОЕ ПОСОБИЕ Нижнекамск 2013 УДК 621.31 В 23 Печатается по решению редакционно-издательского совета Нижнекамского химико-технологического института (филиала) ФГБОУ ВПО КНИТУ Рецензенты: Дмитриев А.В,...»

«1 ФЕДЕРАЛЬНЫЙ ПЕРЕЧЕНЬ УЧЕБНИКОВ, РЕКОМЕНДОВАННЫХ МИНИСТЕРСТВОМ ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ К ИСПОЛЬЗОВАНИЮ В ОБРАЗОВАТЕЛЬНОМ ПРОЦЕССЕ В ОБЩЕОБРАЗОВАТЕЛЬНЫХ УЧРЕЖДЕНИЯХ, НА 2009/2010 УЧЕБНЫЙ ГОД С СОСТАВОМ УМК Состав УМК Авторы, название учебника класс Издательство № п/п НАЧАЛЬНОЕ ОБЩЕЕ ОБРАЗОВАНИЕ Русский язык Агаркова Н.Г., Агарков Ю.А. В комплект входят три тетради по письму и методическое пособие Учебник по обучению грамоте 1 Академкнига/Учебник и чтению Чуракова Н.А. Русский...»

«Бурда А.Г., Бурда Г.П. МЕТОДЫ ПРИНЯТИЯ УПРАВЛЕНЧЕСКИХ РЕШЕНИЙ В ЭКОНОМИЧЕСКИХ СИСТЕМАХ АПК Рекомендовано УМО РАЕ по классическому университетскому и техническому образованию в качестве учебного пособия для студентов высших учебных заведений, обучающихся по направлениям подготовки 080200 - Менеджмент, 081100 Государственное и муниципальное управление Краснодар, 2013 УДК 330.45:338.436.33 (075.8) ББК 65.050 Б92 Бурда А.Г. Б92 Методы принятия управленческих решений в экономических системах АПК:...»

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

«МИНИСТЕРСТВО ОБЩЕГО И ПРОФЕСИОНАЛЬНОГО ОБРАЗОВАНИЯ РФ МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ИНДУСТРИАЛЬНЫЙ УНИВЕРСИТЕТ Н.А. Берков Н.Н. Беркова УЧЕБНОЕ ПОСОБИЕ АЛГОРИТМИЧЕСКИЙ ЯЗЫК ФОРТРАН 90 Москва 1998 ББК 32.973-01 УДК 681.3.06 Алгоритмический Язык Фортран 90: Учебное пособие. Берков Н. А., Беркова Н.Н. – М: МГИУ, 1998 г. –96с. Данное учебное пособие предназначено для студентов МГИУ, изучающих алгоритмический язык ФОРТРАН. Приводится описание основных типов данных и операторов языка Фортран стандарта...»

«Перечень учебных изданий, которым присвоен гриф УМО Наименование Вид Наименование Авторы Формулировка грифа издания издания вуза 2013 год Рекомендовано Учебнометодическим Авторский объединением по коллектив образованию в области Российской таможенного дела в Товарная Н.Н.Алексеева, таможенной номенклатура качестве учебного Учебное Л.П.Соловьева, академии и внешнеэкономиче Владивостокско- пособия для студентов пособие Е.И.Андреева, ской образовательных А.А.Глухоманова го филиала деятельности...»

«М.В. САФРОНЧУК МИКРОЭКОНОМИКА Рекомендовано Министерством общего и профессионального образования Российской Федерации в качестве учебного пособия для студентов высших учебных заведений, обучающихся по экономическим специальностям Второе издание, стереотипное УДК 330.101.542(075.8) ББК 65.012.3я73 C21 Рецензенты: А.Ю. Егоров, заслуженный деятель науки РФ, д-р экон. наук, проф., Ю.Ф. Воробьёв, д-р экон. наук, проф. Сафрончук М.В. Микроэкономика : учебное пособие / М.В. Сафрончук. — 2-е С21 изд.,...»

«ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ НОВОСИБИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ Механико-математический факультет Н. Т. Когабаев ЛЕКЦИИ ПО ТЕОРИИ АЛГОРИТМОВ Учебное пособие Новосибирск 2009 УДК 510.5(075) ББК В12я73-1 К 570 Когабаев Н. Т. Лекции по теории алгоритмов: Учеб. пособие / Новосиб. гос. ун-т. Новосибирск, 2009. 107 с. ISBN 978-5-94356-799-5 В настоящем учебном пособии изложены математические основы теории алгоритмов. Пособие отражает содержание лекций основного курса Теория алгоритмов...»

«Министерство образования Российской Федерации Самарский государственный университет Кафедра философии гуманитарных факультетов ФИЛОСОФИЯ Методические материалы Для студентов филологического факультета (Специальность Русский язык и литература. Дневное и заочное отделение) Самара 2003 Печатается по решению Совета кафедр гуманитарных и социально-экономических наук Самарского государственного университета Составитель: доцент, к.филос.н. Конева Л.А. Рецензент: доцент, к.философ. н. Четырова Л.Б....»

«А.В. МОРОЗОВ, И.Л. САВЕЛЬЕВ М ЕТОД ИКА ИСС ЛЕДО ВА НИЙ В С ОЦИАЛЬНО Й РАБО ТЕ У ЧЕБНОЕ ПОСОБИЕ Министерство образования и науки Российской Федерации Федеральное агентство по образованию Государственное образовательное учреждение Высшего профессионального образования Казанский государственный технологический университет А.В. МОРОЗОВ, И.Л. САВЕЛЬЕВ М ЕТО ДИКА И ССЛ ЕДОВАН ИЙ В СО ЦИАЛ ЬНО Й РАБ ОТ Е УЧЕБ НОЕ П ОСОБ ИЕ Рекомендовано Учебно-методическим объединением вузов России по образованию в...»

«Л.Б.Левковец, Векторная графика. CorelDRAW X6 – СПб: НИУ ИТМО, 2013. – 357 с. Учебное пособие предназначено для изучения новой версии программы векторной графики CorelDRAW Graphics Suite X6 по программам высших учебных заведений по направлениям информационных систем, вычислительной техники, художественной графики, web-дизайна. Так, в Санкт-Петербургском государственном университете информационных технологий механики и оптики Академии методов и техники управления (ЛИМТУ) материалы, на которых...»

«Министерство образования Республики Беларусь Учреждение образования Полоцкий государственный университет Ю.И. Киреева СТРОИТЕЛЬНЫЕ МАТЕРИАЛЫ Допущено Министерством образования Республики Беларусь в качестве учебного пособия для студентов строительных специальностей учреждений, обеспечивающих получение высшего образования 2-е издание, дополненное Новополоцк ПГУ 2010 1 УДК 691(075.8) ББК 38.я73 К43 РЕЦЕНЗЕНТЫ: д-р техн. наук, проф. Я. Н. КОВАЛЕВ (кафедра строительства и эксплуатации дорог...»






 
2014 www.av.disus.ru - «Бесплатная электронная библиотека - Авторефераты, Диссертации, Монографии, Программы»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.