Лабораторная работа по «Основам интернет технологий»

Автор работы: Пользователь скрыл имя, 02 Июня 2013 в 20:06, лабораторная работа

Описание работы

1. Цель: Создание web сайта главной страницы. Для создания главной страницы я использовал блокнот и браузер Internet Explover.
После того как я прописала этот код и сохранила файл форматом HTM, я запустила файл через браузер Opera и получила следующее изображение на моем сайте.
2. Цель : создание дополнительных WEB страниц и гипертекстовых ссылок. Аналогично я создала web страницы

Файлы: 1 файл

отчёт.docx

— 5.34 Мб (Скачать файл)

Филиал федерального государственного бюджетного образовательного учреждения высшего профессионального образования

«Уфимский государственный авиационный  технический университет»

 

 

 

 

 

 

 

 

 

 

 

 Отчет по лабораторной работе по дисциплине

«Основы интернет технологий»

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Лабораторная  работа №1

 

Цель: Создание web сайта главной страницы.

Для создания главной страницы я  использовал блокнот и браузер  Internet Explover.

Путь к блокноту:


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

После того как я открыла блокнот  я стала прописывать HTML код,

Для создания заголовка я использовала следующий код:

 

<html>

<head>

<title>Салон красоты "Ideal"</title>

</head>

<body>

 

После того как я прописала этот код и сохранила файл форматом HTM,

я запустила файл через браузер  Opera и получила следующее изображение на моем сайте

 

 

 

После этого я принялась за работу кнопок с использованием гиперссылок.

Сделав меню с помощью стиля  CSS

Вот код самого меню

<ul>

    <li><a href="index.htm">О салоне </a></li>

    <li><a href="1.htm">Услуги и цены </a></li>

    <li><a href="2.htm">Акции </a></li>

 </ul>

 

После того как я прописала следующий  код я опять сохранила файл и запустила его через Opera и получила следующее

 

 

После того как я вставила кнопки я решила вставить картинку с текстом,

и прописала следующее в блокноте

<body background="1.jpg">

<h1><center><font color=#FFBBFF><em>Салон красоты "Ideal"</h1></center></em>

</h1></center>

<h1><center><font color=#FFBBFF>

<i><b><center>Хорошо выглядить сегодня - это не просто безупречный вид,это ощущение своей красоты.

Наши мастера смогут создать  это магическое чувство внутри.</center><i><b>

 

</body>

 

<img src="3.jpg" align="center">

</HTML>

сохранила эту команду, и открыла  браузер для просмотра и получила следующее

 

 

 

И полностью моя главная страница WEB сайта стала выглядеть вот так,

сайт.html

 

 

Ну и соответственно в самом  начале я сделала  фон прописав команду

<body background="1.jpg">

и по завершению первой страницы сайта  я закрыла код

</BODY>

<HTML>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Лабораторная работа №2

Цель : создание дополнительных WEB страниц и гипертекстовых ссылок

Аналогично я создала web страницы

Лабораторная работа №2

Цель : создание дополнительных WEB страниц и гипертекстовых ссылок

Аналогично я создала web страницы

 

aaa.htm

bbb.html

ссс.html

 

<body>

<center>

<h1>

<a href=aaa.html>О салоне</a><sub><sub><sub>   

<big><big><a href=bbb.html>Услуги и цены</big></big></sub></sub></sub>

<sup><a href=ccc.html>Акции!</sup>

</h1></a>


Информация о работе Лабораторная работа по «Основам интернет технологий»