- •Курс Практическое занятие 1 «Составление технического задания на разработку web-сайта»
- •1 Цель работы
- •2 Пояснение к работе
- •Образец технического задания на разработку web-сайта Техническое задание на разработку Веб-сайта
- •Подписи Сторон:
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 2 «Применение тегов html при создании web-страниц»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 3 «Отправка данных с использованием форм. Создание формы на html-странице»
- •1. Цель работы:
- •2. Краткие теоретические сведения
- •Пример формы
- •2.2 Перечень используемого оборудования
- •5 Содержание отчета
- •6 Список литературы
- •Практическое занятие 4 «Форматирование web-страниц с использованием таблиц стилей. Создание каскадных листов стилей (css)»
- •2 Пояснения к работе
- •2.1 Краткие теоретические сведения
- •1. Каскадные таблицы стилей
- •1. Семейства шрифтов font-family
- •4. Оформление текста text-decoration. Значения: подчеркивание (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).
- •1. Цвет элемента color — цвет элемента в модели rgb или по стандартным названиям цветов.
- •Отступы.
- •1. Выравнивание text-align — выравнивание абзаца относительно страницы или ячейки таблицы. Значения: по левому краю (left), по центру (center), по правому краю (right), по ширине (justify).
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 5 «Создание баннера для web-страницы»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •Варианты заданий
- •Практическое занятие 6 «Создание gif-анимации»
- •Практическое занятие 7 «Создание простейшей анимации в программе Micromedia Flash»
- •2.2 Перечень используемого оборудования
- •3 Задание
- •Простейшая анимация
- •Дополнительные кадры анимации
- •Анимация размеров клипа
- •Создание анимации имитирующие приближение локомотива к зрителю
- •Настойка плавности анимации
- •Применение цветового эффекта
- •Анимация фильтра Glow (Свечение) и его настройка
- •Применение фильтра Blur (Размытие)
- •Озвучивание анимации
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 8 «Анимация с использование готовых анимационных эффектов в программе Micromedia Flash»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 9 «Создание анимации формы в программе Macromedia Flash»
- •Практическое занятие № 10
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •1. Введение
- •2. Сведения об ошибках
- •Сообщение об ошибке
- •Исправление ошибок
- •3. Дата и время
- •4. Команда onMouseOver
- •Разбор скрипта
- •Другие свойства
- •5. Обработчики событий
- •Команды и эффекты
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
2.2 Перечень используемого оборудования
2.2.1 Персональный компьютер
2.2.2 Описание практической работы
3 Задание
3.1 Напишите скрипт так, чтобы вышли две строки текста, красная и синяя. Необходимо дописать несколько команд Javascript, а не просто добавить немного HTML к приведенному примеру. На странице должно оказаться следующее:
Иван рубил дрова, Варвара топила печь.
-
Скопируйте скрипт на страницу и сохраните ее.
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY>
<SCRIPT language=JavaScript>
..t
dothis = new Date()
month = dothis.getMonth()
month = (month * 1) + 1
day = dothis.getDate()
year = dothis.getFullYear()
document.wrte(" ",day,"/",month,"/",year," ")
</SCRIPT>
</BODY> </HTML>
Загружая страницу, браузер должен выдать вам два сообщения об ошибке. Исправьте их.
Если он заработает, то на странице появится сегодняшняя дата. (Подсказка: возможно, сначала вы получите только одно сообщение. Вторая ошибка появится, когда вы исправите первую.)
-
Напишите скрипт, который поместит на вашу страницу дату, разделенную дробями /. Приветственный текст должен быть зеленого цвета. Также отметьте, что это вы написали скрипт.
-
Новый метод, alert() (предупредить) - он вызывает небольшое диалоговое окно с текстом и кнопкой OK. Попробуйте сделать так, чтобы окно предупреждения всплывало при наведении курсора на ссылку. Вот формат команды:
alert('текст в окошке')
Подумайте хорошенько, решите, что должно произойти сначала, что потом.
-
Создайте форму, которая будет взаимодействовать с пользователем. Форма должна иметь три элемента: поле ввода с просьбой ввести имя; два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад; кнопку отправки данных. С каждым элементом должно произойти следующее: При вводе имени в строке состояния должны появиться слова: «Впишите сюда свое имя». Два поля с флажками должны отослать в строку состояния слова: «Вы выбрали...» и выбор пользователя. При нажатии на кнопку должно выскочить окно предупреждения, благодарящее пользователя за участие в опросе.
4 Контрольные вопросы
4.1 Что позволяет вызывать команда onSubmit?
4.2 В чем суть объектой модели JavaScript?
4.3 Дайте определение понятию JavaScript?
5 Содержание отчета
5.1 Наименование работы
5.2 Цель работы
5.3 Задание
5.4 Выводы по работе
5.5 Ответы на контрольные вопросы
6 Список литературы
6.1 Дунаев В.В. Сам себе Web-дизайнер. – СПб.: БХВ – Петербург; Арлит, 2002
6.2 Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ-Плюс, 2004.
6.3 Клонингер К. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку»: Пер с англ. – М.: ДМК Пресс, 2005
Практическое занятие 11 «Профессиональная система для создания и управления интернет-проектами «1C-Битрикс: Управление сайтом» |
Практическое занятие 12 «Публикация сайта на бесплатном хостинге» |
Хостинг – англ. web-hosting, collocation, синоним - веб-хостинг.
Хостинг - это услуга по размещению чужого веб-сайта на своем веб-сервере или чужого веб-сервера на своей "площадке" c предоставлением подключения к интернету и обслуживания.
Как правило, спрос на хостирование сайтов значительно больше, чем на хостирование серверов, поскольку последнее нужно только для довольно крупных сайтов. Кроме того, хостингами называют сами площадки или сервера, предоставляющие эту услугу. Размещение своего сервера на хостинговой площадке (collocation) - всегда платная услуга, а вот размещение сайтов бывает бесплатным.
Бесплатные веб-хостинги предлагают пользователям некоторое пространство на своих серверах для размещения сайтов. При этом к размещаемой информации могут предъявляться определенные требования (ограничения по содержанию, по объему размещаемых файлов и др.). Кроме того, на многих веб-хостингах ограничено или невозможно использование скриптов, баз данных и т.д. Многие известные веб-хостинги предлагают построение сайтов на основе так называемых "шаблонов" или "конструкторов". С их помощью можно легко создавать веб-страницы, не имея представления о языке HTML. Обычно бесплатные хостинги оговаривают в пользовательском соглашении свое право размещать на хостируемых сайтах рекламу, чтобы таким образом компенсировать свои затраты. Иногда бесплатный хостинг страничек пользователей предлагает провайдер.