КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Лабораторная работа № 1
|
|
|
|
ЛАБОРАТОРНЫЙ ПРАКТИКУМ
Публикация и продвижение сайта
Выпуск и дальнейшее обслуживание
Тестирование реакции пользователей
Тестирование доставки
Проверка совместимости с операционными системами и браузерами
Ограничениям, связанным с использованием различных операционных систем, конфигураций компьютеров и браузеров придается значение с самого начала процесса разработки, однако все-таки эти аспекты также должны быть подвергнуты тестированию. Просматривайте сайт именно с применением тех операционных систем, конфигураций компьютеров и версий браузеров, которые будут у предполагаемых пользователей.
Необходимо также проверить адекватность доставки сайта. Попытайтесь просмотреть сайт именно при той конфигурации системы, которая имеется у реального пользователя. Если сайт сконструирован с расчетом на пользователей модемов, создайте модемную учетную запись, чтобы протестировать скорость доставки.
! Пользовательское тестирование — это самая важная форма тестирования
Тестирование сайта с участием пользователей должно проводиться только после того, как возникла определенная уверенность в том, что он работает правильно. Разрешите пользователям поработать с настоящим, полностью функциональным сайтом и попросите их прокомментировать этот процесс. Не проводите данный вид тестирования до тех пор, пока не будут устранены наиболее грубые и очевидные ошибки, как утверждает нижеследующее правило.
Наступило время увидеть сайт в действии. Оправдал ли он ожидания пользователей? Достигнуты ли цели, ради которых создавался сайт? Не требуется ли небольшая корректировка? На практике это означает, что начинается самостоятельная жизнь сайта.
Со временем обязательно потребуется реализовать на сайте новые возможности. Неизбежны усовершенствования в связи с обновлением технологий. Весьма вероятны изменения визуального ряда для отражения новых направлений маркетинговой стратегии фирмы.
Окончание первичной разработки сайта символизирует начало непрерывного процесса по усовершенствованию и переработке, который в большинстве случаев носит название технического обслуживания (maintenance).
«Создание веб-сайта с использованием технологии HTML»
Цель – научить студентов создавать базовые веб-структуры с помощью блокнота
В рабочей папке Вашего курса создайте папку site, в директории site создайте директорию img, в которой Вы будете хранить графические файлы (*.jpg, *.gif,*.png)
Упражнение 1
1. Наберите в текстовом редакторе (блокнот) следующее:
<html>
<head>
<title>my home page</title>
</head>
<body bgcolor=”#123456”>
<p align=”center”><b><font color=”#0000FF”>Привет! Это моя личная страничка!
</font></b></p>
</body>
</html>
2.Сохраните этот файл под названием ind1.htm в вашей папке. Затем откройте файл для просмотра результата.
Попробуйте поэкспериментировать со своей страничкой ind1.htm. Выберете понравившийся цвет фона, попробуйте окрасить заголовок в тон к фону (см. Основные тэги)
! В программе просмотра, в котором открыта Ваша страница нажмите на правую кнопку, выберите пункт “просмотр HTML-кода” и начинайте редактирование. С этого момента Вы работаете с двумя файлами: текстовым документом и html –файлом.
После редактирования файла с тегами, не забудьте сохранить файл
· Чтобы увидеть результат Вашей работы в браузере нажмите обновить (F5)
· В случае несовпадения кодировки – поменяйте ее в пункте меню Вид.
Упражнение 2 – создание списка
1. Добавьте в редактируемый файл-источник следующий текст:
<p align="center"><b>Мои увлечения:</b></p>
<ul>
<li><b>Компьютер</b></li>
<li><b>Интернет</b></li>
<li><b>Веб-дизайн</b></li>
</ul>
2. Поэкспериментируйте с цветом.
Упражнение 3 - вставка рисунка
1. В директорию img (см. Задание 1) поместить рисунок в формате jpg, переименовать ее в ris1.jpg.
2. В редактируемый файл-источник дописать строку (до тега </body>):
<p>А это мое любимое фото</p>
<p><img src="img/ris1.jpg" width="100" height="60" vspace="20" hspace="20" alt="Смотрите и любуйтесь"></p>
3. Сохраните этот файл под названием ind2.htm в директории site
Упражнение 4 – гиперссылки
1. Наберите в текстовом редакторе (блокнот) следующее:
<html>
<head>
<title>design-web</title>
</head><body bgcolor="#FFFFFF" text="#333333" link="#669900" vlink="#666666" alink="#000000">
<h4 align="center"><font color="#990000">Посмотрим что такое ссылка</font></h4>
<div align="center">
<ul>
<li>
<div align="left"><a href="ind1.htm">Ссылочка 1</a></div>
</li>
<li>
<div align="left"><a href="ind2.htm">Ссылочка 2</a></div>
</li>
</ul>
</div>
</body>
</html>
3.Сохраните этот файл под названием ind3.htm в директории site.
Упражнение 5 – создание модульной сетки с помощью таблицы
1. Наберите в текстовом редакторе (блокнот) следующее:
<html>
<head>
<title>заготовка страницы</title>
</head>
<body text=blue>
<table align=center border=1 bordercolor=blue width=760 height=600>
<thead bgcolor=aqua>
<tr> <th colspan=3 height=100>заголовок</tr>
</thead>
<tbody>
<tr>
<td rowspan=3 width=150> меню</td>
<td colspan=2 height=100>модуль1</td>
</tr>
<tr>
<td width=150>модуль2</td>
<td width=400>модуль3</td>
</tr>
<tr>
<td colspan=2 height=100>модуль4</td>
</tr>
</tbody>
<tfoot bgcolor=aqua>
<tr> <th colspan=3 height=100>заключение</tr>
</table>
</body>
</html>
|
|
|
|
|
Дата добавления: 2015-05-26; Просмотров: 568; Нарушение авторских прав?; Мы поможем в написании вашей работы!