Методическая разработка к циклу занятий по теме
«Основы подготовки и редактирование сайтов, HTML»
Составитель: Д.А.Мацкявичюс, доцент по кафедре вычислительной техники РХТУ им. Д.И.Менделеева.
Цель. Овладеть базовыми навыками создания веб-страниц и редактированием простых HTML-документов.
Задачи
- Освоить логику теговой разметки текстов, структуру HTML-документа и логику формирования имен тегов.
- Выучить теги разбивки документа на строки и абзацы, теги начертаний, методы ввода спецсимволов.
- Изучить теги построения простых таблиц.
- Закрепить знания о подготовке графических материалов, освоить их размещение на веб-страницах.
- Научиться делать относительные гиперссылки.
В результате прохождения цикла занятий, слушатель должен знать:
- Базовые принципы веб-дизайна.
- Логику теговой разметки текстов, структуру HTML-документа и логику формирования имен тегов.
- Теги разбивки документа на строки и абзацы, теги начертаний, методы ввода спецсимволов.
- Технологию использования относительной адресации гиперссылок, принципы построения URL.
- Основы технологических приемов для облегчения внесения правок на сайт.
Уметь:
- Создавать простые HTML-документы «с нуля».
- Обнаруживать и исправлять простые ошибки вывода HTML-документа.
- Подготавливать и внедрять графические материалы для сайта с точки зрения показа их на экране.
- Использовать таблицы для макетирования сайтов и вывода простых табличных данных.
- Создавать и применять базовые стили для оформления элементов сайта.
Владеть:
- Подходами к поиску ошибок на веб-страницах и внесению в них изменений.
- Навыками создания простейших сайтов (страниц) для последующего размещения в сети Интернет или интранете.
- Представлением о технологиях создания динамических сайтов.
Используемое оборудование и материалы
- Проектор.
- Маркерная доска.
- Персональные компьютеры.
- ПО: браузер, простейший текстовый редактор, предпочтительно в FAR.
Общая продолжительность — 8 часов (2л, 2с, 4п). Предполагается до 20 часов самостоятельной работы по подготовке сайта.
Теоретические материалы
Содержание. Детальная рубрикация приведена там.
Тематика по программе «Основы использования компьютерной техники в научных исследованиях»
- Обзор визуальных HTML редакторов.
- Редактирование HTML напрямую и в визуальном HTML-редакторе.
- Простое оформление текста и гиперссылок.
- Использование графики.
- Принципы Web-дизайна.
Вопросы для подготовки
- Теги структуры HTML-документа.
- Теги абзаца, заголовков, разрыва строки.
- Теги начертаний и индексов.
- Теги таблицы, атрибуты.
- Теги списков.
- Подготовка и добавление графики.
- Формировние гиперссылки, атрибуты. Абсолютный и отностиельный адрес.
- Базовые понятия CSS и JavaScript.
Контроль знаний
- Разработка мини-сайта из 3-х страниц.
- Письменная контрольная работа по HTML-тегам.
- Структура HTML-документа.
- Теги присвоения начертаний и индексов для символов.
- Разбивка текста на строки и абзацы, атрибуты выравнивания, заголовки.
- Формирование списков.
- Гиперссылки на документы и на места внутри документа.
- Элементы URL.
- Относительный и абсолютный адрес.
- Загрузка документа в новом окне.
- Форматы графических файлов и их характеристики для размещения в сети Интернет.
- Основные табличные теги, объединение ячеек по горизонтали и вертикали.
- Цвет: объекты для присвоения, базовый синтаксис.
Основная и дополнительная литература
- На данном сайте.
- htmlbook.ru Для тех, кто делает сайты (справочник по HTML, CSS; множество практических советов).
- Справочник Web-языков (SpravkaWeb.Ru).