КАТЕГОРИИ:
Архитектура-(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; Просмотров: 545; Нарушение авторских прав?; Мы поможем в написании вашей работы!