Создание WEB-страниц. Язык HTML
Получение представления о языке HTML, простых приемах создания WEB-страниц. Разработка WEB-страницы по заданию. Получение подробной информации. Разработка навыков формирования гиперссылок на смежные документы Internet. Проставление меток в документе.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | лабораторная работа |
Язык | русский |
Дата добавления | 23.05.2016 |
Размер файла | 14,4 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Министерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования
"Московский Авиационный Институт
Отчет
по лабораторной работе
на тему: "Создание WEB-страниц. Язык HTML"
Выполнил: Бердибек С.Б.
Байконур 2016 г.
Цель работы: Получить представление о языке HTML, простых приемах создания WEB - страниц и разработать WEB - страницу по заданию. страница гиперссылка метка
Листинг HTML-страниц
1 - страница (Основная)
<HTML>
<HEAD>
<TITLE>Моя семья</TITLE>
</HEAD>
<body bgcolor="#2F4F4F" text="#000000">
<div align="center"
<H1>ФОТОГАЛЕРЕЯ
</H1>
<P>Семья Таймановых!! Добро пожаловать!</P>
<P><IMG SRC="149.jpg"></P>
<H2>Сатбек Бердибек</H2>
<H1>
<P>АНАР ТАЙМАНОВА</P> </H1>
<P><A HREF="2.html"><IMG SRC="вайт.jpg" width="300" height="330" alt="" border="0" align=""></div>
</A></P>
<div align="center"
<P>Для получения подробной информаций нажмите на картинку</P>
<H1><div align="center"
<P>БЕКНУР ТАЙМАНОВ</P> </H1>
<div align="center"
<P><A HREF="3.html"><IMG SRC="айфон.jpg" width="300" height="350" alt="" border="0" align=""></div>
</A></P>
<div align="center"
<P>Для получения подробной информации нажмите на картинку</P>
<H1>
<P>БЕКСУЛТАН БЕРДИБЕК</P> </H1>
<P><A HREF="4.html"><IMG SRC="640-1.jpg" width="350" height="400" alt="" border="0" align=""></div>
</A></P>
<div align="center"
<P>Для получения подробной информации нажмите на картинку</P>
<H1>
<P>АЙКЕН ТАЙМАНОВА</P> </H1>
<P><A HREF="5.html"><IMG SRC="01.jpg" width="350" height="400" alt="" border="0" align=""></div>
</A></P>
<div align="center"
<P>Для получения подробной информации нажмите на картинку</P>
</BODY>
</HTML>
2 - страница (Анар Тайманова)
<HTML>
<HEAD>
<TITLE>Анар Тайманова</TITLE>
</HEAD>
<body bgcolor="#8B8989" text="#000000">
<div align="center"
<H1>АНАР ТАЙМАНОВА</H1>
<P><IMG SRC="вайт.jpg" width="300" height="330" alt="" border="0" align=""></div></P>
<div align="center"
<H2> <P>Директор школы №171 им. Гани Муратбаева </P> </H2>
<div class="props_div">
<li>
<span class="title">Самая отличная мама на Земле:) </span>
<span class="value">100%</span>
</li>
<li>
<span class="title">Муж: </span>
<span class="value">Бабахан Тайманов</span>
</li>
<li>
<span class="title">Дети: </span>
<span class="value">Сатбек Бердибек</span>
</li>
<li>
<span class="title">Дети: </span>
<span class="value">Бекнур Тайманов</span>
</li>
<li>
<span class="title">Дети: </span>
<span class="value">Бексултан Тайманов</span>
</li>
<li>
<span class="title">Дети: </span>
<span class="value">Асылхан Тайманов</span>
</li>
<P><A HREF="1.html"><P>Вернуться</P>
</A></P>
</BODY>
</HTML>
3 - страница (Бекнур Тайманов)
<HTML>
<HEAD>
<TITLE>Бекнур Тайманов</TITLE>
</HEAD>
<body bgcolor="#CDAA7D" text="#000000">
<H1>БЕКНУР ТАЙМАНОВ</H1>
<P><IMG SRC="айфон.jpg" width="300" height="350" alt="" border="0" align=""></div></P>
<H2><P>Спортсмен! Дзюдоист! </P></H2>
<div class="props_div">
<ul class="props">
<li>
<span class="title">Ученик: </span>
<span class="value">11 класс</span>
</li>
<li>
<span class="title">Школа: </span>
<span class="value">15 школа-лицей</span>
</li>
<li>
<span class="title">Категория спорта: </span>
<span class="value">Кандидат мастера спорта</span>
</li>
<P><A HREF="1.html"><P>Вернуться</P>
</A></P>
</BODY>
</HTML>
4 - страница (Бексултан Бердибек)
<HTML>
<HEAD>
<TITLE>Бексултан Бердибек</TITLE>
</HEAD>
<body bgcolor="#8B8386" text="#000000">
<div align="center"
<H1>БЕКСУЛТАН БЕРДИБЕК</H1>
<div align="center"
<P><IMG SRC="640-1.jpg" width="350" height="400" alt="" border="0" align=""></div></P>
<H2><P>Волейболист</P></H2>
<div class="props_div">
<P>Резюме:</P>
<li>
<span class="title">Ученик: </span>
<span class="value">11 класс;</span>
</li>
<li>
<span class="title">Школа: </span>
<span class="value">15 школа-лицей</span>
</li>
<li>
<span class="title">Хобби: </span>
<span class="value">Плавания</span>
</li>
<li>
<span class="title">Рост: </span>
<span class="value">1.83 м</span>
</li>
<li>
<span class="title">Награды: </span>
<span class="value">Много</span>
</li>
<P><A HREF="1.html"><P>Вернуться</P>
</A></P>
</BODY>
</HTML>
5 - страница (Айкен Тайманова)
<HTML>
<HEAD>
<TITLE>Айкен Тайманова</TITLE>
</HEAD>
<body bgcolor="#0000FF" text="#000000">
<div align="center"
<H1>АЙКЕН ТАЙМАНОВА</H1>
<P><IMG SRC="01.jpg" width="350" height="400" alt="" border="0" align=""></div></P>
<P></P>
<div align="center"
<H2><P>Лучшая сестренка в мире!!</P></H2>
<li> <span class="title">Ученица: </span>
<span class="value">5 класс</span>
</li>
<li>
<span class="title">Хобби: </span>
<span class="value">Рисования, настольные игры</span>
</li>
<li>
<span class="title">Школа: </span>
<span class="value">15 школа-лицей</span>
</li>
<P><A HREF="1.html"><P>Вернуться</P>
</A></P>
</BODY>
</HTML>
Вывод: В данной лабораторной работе было получено представление о языке HTML и навыки формирования гиперссылок на смежные документы Internet, на метки в текущем документе и отдельные части элемента IMG, которые связаны со ссылками и позволяют выполнять переходы.
Размещено на Allbest.ru
...Подобные документы
Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.
контрольная работа [16,0 K], добавлен 19.06.2014HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.
доклад [18,9 K], добавлен 27.12.2010Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.
реферат [374,0 K], добавлен 19.01.2011Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.
лабораторная работа [1,2 M], добавлен 16.04.2014Особенности программирования на языке HTML и JavaScript. Основные стили форматирования текста. Анализ основных приемов и методов создания страниц, рисунков, таблиц и гиперссылок. Основные цвета и их коды. Разработка собственного сайта и его презентация.
курсовая работа [61,3 K], добавлен 29.01.2016Термин HTML (HiperText Markup Language) и его реализация. Программы просмотра страниц написанных на зыке манипулирования гипертекстами. Характеристика специальных программ – браузеров: Google Chrome, Opera, Mozilla Firefox. Структура HTML-страницы.
контрольная работа [118,8 K], добавлен 05.04.2015Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.
дипломная работа [86,7 K], добавлен 25.03.2013Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011Личная подборка Internet-ресурсов учебного назначения. Язык гипертекстовой разметки страниц HTML. Текстовое оформление страниц. Вставка изображений. Нумерованные, маркированные списки. Оформление таблиц. Создание фреймов. Границы и рамки. Стили CSS.
лабораторная работа [177,3 K], добавлен 23.06.2013Установка начальной (домашней) страницы браузера. Понятие сокета, гиперссылки. Отличие Internet от любой другой компьютерной сети. Способы ускорения загрузки Web-страниц. Виды адресации в Internet. Просмотр страницы в виде программы на языке HTML.
лабораторная работа [4,0 M], добавлен 05.05.2015Особенности разработки Web-страницы, с использованием Microsoft Word. Алгоритм работы: сохранение документа Word, как веб-страницы; просмотр веб-страницы, создание гиперссылок. Настройка и проверка Web-страницы с помощью программы Internet Explorer.
контрольная работа [2,4 M], добавлен 03.04.2010Язык разметки гипертекста HTML, основы работы с Delphi. Разработка формата файла базы данных цвета. Методика подбора цвета для WEB-страниц. Изучение и систематизация информации о правилах создания эргономичных интерфейсов (в том числе WEB-интерфейсов).
курсовая работа [475,8 K], добавлен 17.07.2009Internet - основные функции. Поиск нужной информации. Быстрое открытие любимых страниц (папка Избранное). Добавление к списку избранного. Поиск посещенных Web-узлов. Электронная почта. Сохранение Web-страниц.
реферат [25,7 K], добавлен 12.06.2007Разработки британского учёного Тима Бернерсом-Ли. HTML как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. Структура HTML-документов и основные теги на языке HTML.
курсовая работа [820,3 K], добавлен 03.03.2011Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.
курсовая работа [26,9 K], добавлен 05.07.2009Методы и способы представления на web-страницах различных видов информации, не препятствующие их доступности. Этапы разработки web-сайта. Общие представления о языке HTML. Внешний вид страниц. Оценка трудоемкости и сроков разработки программного продукта.
дипломная работа [2,9 M], добавлен 13.04.2014Понятие интеллектуального пространства, объекты изучения в онтологии. Разработка Web-сайта на тему "Онтологии в информатике". Описание логической и физической структуры сайта, шаблон дизайна его страниц, тестирование. Исходный текст шаблона html-страницы.
курсовая работа [4,7 M], добавлен 14.07.2012Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.
дипломная работа [3,3 M], добавлен 21.06.2013Изучение методики и технологий создания гипертекстовых справочных систем - электронных справочников, в которых хорошо реализована система навигации и поиска. Способы создания Web-страниц и применение языка HTML. Технология создания динамических страниц.
презентация [144,4 K], добавлен 01.01.2011Стандартный язык разметки HTML позволяет легко и быстро создавать Web-страницы, передаваемые по сети Интернет. Языки сценариев. Создание и размещение собственных WEB-страниц. Процесс пересылки информации из одной части мира в другую. Принцип работы Сети.
реферат [316,6 K], добавлен 15.04.2009