Исходный код:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Без названия 1</title>
<style type="text/css">
.style1 {
color: #FFFFFF;
}
.style2 {
text-align: center;
}
</style>
</head>
<body style="background-color: #000000">
<p class="style2"><span lang="ru" class="style1">Простейшая веб-страница</span></p>
<TABLE BORDER>
<TR>
<TD class="style1">A</TD> <TD class="style1">B</TD>
<TD class="style1">C</TD>
</TR>
<TR>
<TD class="style1">D</TD> <TD class="style1">E</TD>
<TD class="style1">F</TD>
</TR>
</TABLE>
<TABLE BORDER>
<TR><TH class="style1">Head1</TH>
<TD class="style1">Item 1</TD> <TD class="style1">Item 2</TD>
<TD class="style1">Item 3</TD></TR>
<TR><TH class="style1">Head2</TH>
<TD class="style1">Item 4</TD> <TD class="style1">Item 5</TD>
<TD class="style1">Item 6</TD></TR>
<TR><TH class="style1">Head3</TH>
<TD class="style1">Item 7</TD> <TD class="style1">Item 8</TD>
<TD class="style1">Item 9</TD></TR>
</TABLE>
</body>
</html>
Вывод: В ходе выполнения лабораторной работы я получил навыки создания таблиц при помощи html тегов.
Тема: Создание фреймов в HTML-документе
Цель работы: научиться создавать в html-документе фреймы различной сложности.
Технические требования: персональный компьютер, операционная система Windows XP или более поздние версии, стандартный набор программ, Internet Explorer или Opera.
Исходный код:
<html>
<head>
<title>Пример работы с фреймами</title>
</head>
<body>
<iframe src="lsn017.html" name="frame1"
width="350" height="300" align="left"></iframe>
<h1>Пример работы с фреймами</h1>
..
<h1>Пример работы с фреймами</h1>
</frameset>
</body>
</html>
Вывод: В ходе выполнения лабораторной работы я получил навыки создания фреймов при помощи html тегов.
Цель работы: научиться устанавливать WampServer..
Программное обеспечение: браузер , операционная система Windows XP или более поздние версии, стандартный набор программ, WampServer.
Ход работы:
Запускаем файл установки «wamp5_1.7.1a.exe»
Нажимаем Далее.
Принимаем лицензионное соглашение и нажимаем Далее
Выбор корневого каталога программы, и нажимаем Далее
Нажимаем Далее
Установка программы.
Выбираем название SMTP server, оставляем по умолчанию и нажимаем Далее
Вводим почтовый ящик по умолчанию и нажимаем Далее
Далее будет запрос для директории документов по умолчанию, нажимаем ОК
поиска файла explorer.exe, указываем путь до файла и нажимаем Открыть
Завершение установки программы WampServer/
Выбираем язык программы.
Запускаем localhost
Работа программы WampServer
Вывод: В ходе выполнения лабораторной работы я установил WampServer.
Цель работы: научиться устанавливать Joomla..
Программное обеспечение: браузер , операционная система Windows XP или более поздние версии, стандартный набор программ, Joomla 1.6.
Проверка системы. На этой странице веб инсталлятор Joomla! проверяет настройки сервера, является ли ваш сервер подходящим для того, чтобы установить Joomla!. Если есть много зеленых результатов, то это хороший признак. В зависимости от вашей конфигурации здесь могут быть различия. Веб инсталлятор Joomla! берет параметры настройки конфигурации Apache, PHP, и операционной системы для рассмотрения.
Нажмите Далее, загрузиться страница с лицензией GNU/GPL, которую вы должны прочитать и принять.
Нажмите Далее Основная настройка и установка Joomla! будит происходить в следующих четырех шагах:
Шаг 1
Настройка Joomla! для подключения к базе данных MySQL. Вам необходимо правильно заполнить следующие поля:
Название |
Localhost |
Удаленный сервер |
Имя хоста MySQL |
localhost |
|
Имя пользователя MySQL |
root |
|
Пароль доступа к БД MySQL |
|
|
Имя БД MySQL |
mysite |
|
Префикс таблиц БД MySQL |
jos_ Не изменяйте |
Некоторые хосты поддерживают только одну БД на сайт. Используйте префикс таблиц для различия в их именах. |
Замечания |
Возможны изменения в зависимости от настроек вашего сервера |
Все настройки необходимо уточнить у вашего хостера. |
И отметить галочками:
Удалить существующие таблицы |
Удалит существующие таблицы в вашей базе данных. |
Создать резервные копии существующих таблиц. |
Создадутся резервные копии существующих таблиц базы данных |
Установить демонстрационные данные |
Если вы еще не знакомы с Joomla! не отключайте. |
Нажмите Далее
Шаг 2
Вам необходимо вести название вашего сайта. Это название отображается в заголовке окна браузера, когда кто - то обращается к вашему вебсайту. Это название также используется в других местах, например, оно используется при автоматической отправке сообщений по электронной почте. В нашем случае мы использовали My Site.
Нажмите Далее
Шаг 3
Вы должны подтвердить несколько основных параметров настройки.
URL сайта |
Обычно, автоматически установленные значения этих полей являются правильными. |
Абсолютный путь |
|
Ваш E-mail |
Введите адрес E-mail и Пароль - это будет адрес и пароль главного Администратора (SuperAdministrator) сайта. |
Пароль Администратора |
Нажмите Далее
Шаг 4
Четвертый и заключительный шаг поздравляет вас с успешной установкой.
Установка завершена. Вы можете перейти на сайт (Просмотр сайта) и зайти в панель управления сайтом (Администрирование). Запишите ваши данные для входа в систему Администрирования. Вам необходимо сделать то, что выделено полужирным красным текстом вас, просят удалять установочный каталог. Если вы не удалите установочный каталог при переходе на сайт или в панель управления, вы получите напоминание удалять установочный каталог(директория installation).
После удаления установочного каталога можете обновить страничку
Домашняя страница после установки
Вывод: В ходе выполнения лабораторной работы я установил joomla 1.6.