Scribd Logo
Загрузить

Добро пожаловать в Scribd!

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

    Загружено:

    gagauz544
    21 просмотров6 страниц
    fv

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    fv

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    21 просмотров6 страниц

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

    Загружено:

    gagauz544
    fv

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 6

    Министерство образования, культуры и просвещения

    Республики Молдова
    Технический Университет Молдовы
    Факультет Электроники и Телекоммуникаций
    Департамент Телекоммуникаций

    Отчет
    По лабораторной работе 1

    Предмет: “Специализированные программные


    приложения ”

    Тема: ” Создание HTML и CSS документов”

    Выполнил:
    Ст. гр. IMTC-182
    Дерменжи Василий
    Проверил:
    Преподаватель
    Алексей А.

    Кишинев 2021
    Цели Работы:

    1. Создание макета сайта, который в дальнейшем будет


    содержать несколько страниц, связанных между собой
    2. Создание сайта по разработанной модели
    3. Создание связанных файлов html, которые позволяют
    создавать веб-страницы
    4. Создание базового CSS-файла сайта, который будет
    содержать стилизацию контента, отображаемого на сайте
    Практическая часть
    1)Создание документа HTML

    2)Внедрение в тег <head> тегов <meta>,<tittle>

    3)Внедрение в тег <body> тегов <h1>,<p>

    4)Создание CSS документа и объединение его с документом HTML

    5) Внедрение в тег <body> тега <header> который будет содержать теги


    <h1>,<h3>

    6) Внедрение в тег <body> тега <section> который будет содержать тег <h2>
    и 3 тега <section>

    7) Внедрение в тег <body> тега <footer> и тега <nav> в теги <footer> и


    <header>. А так же создание гиперссылок которые и будут находиться в
    нашей навишации.

    <!DOCTYPE html>

    <html lang="ru">

    <head>

    <meta charset="utf-8">

    <title>SkinBaron</title>

    <link rel="stylesheet" type="text/css" href="main.css"><!--Привязка CSS


    документа к HTML-->

    </head>

    <body>

    <header>

    <h1><a href="index.html">SkinBaron</a></h1>

    <h3>Магазин скинов на оружия CS:Source</h3>

    <nav>

    <a href="index.html">Домой</a><!--Ссылки для перехода по


    страницам сайта-->
    <a href="noji.html">Ножи </a>

    <a href="m4a4.html">M4A4</a>

    <a href="awp.html">AWP</a>

    <a href="contacts.html">Контакты </a>

    </nav>

    </header>

    <section>

    <h2>Только у нас скины лучшего качества</h2>

    <a href="contacts.html">Контакты</a>

    <p>

    SkinBaron предлагает широкий ассортимет скинов!!!

    </p>

    </section>

    <section>

    <section><!-- Секция Ножи -->

    <a href="noji.html"><h3>Ножи</h3></a>

    <p>Штык-нож,Тычковые ножи,Складной нож,Нож-


    бабочка</p>

    </section>

    <section><!-- Секция M4A4-->

    <a href="m4a4.html"><h3>M4A4</h3></a>

    <p>M4A4,M4A1-S</p>

    </section>

    <section><!-- Секция AWP-->

    <a href="awp.html"><h3>AWP</h3></a>

    <p>AWP | Dragon Lore,AWP | Gungnir ,AWP | Medusa</p>


    </section>

    </section>

    <footer>

    <small>&copy; SkinBaron</small><!--Авторское право-->

    <nav><!--Навигация-->

    <a href="index.html">Домой</a><!--Ссылки для перехода по


    страницам сайта-->

    <a href="noji.html">Ножи</a>

    <a href="m4a4.html">M4A4</a>

    <a href="AWP.html">AWP</a>

    <a href="contacts.html">Контакты</a>

    </nav>

    </footer>

    </body>

    </html>
    Рис.1 Результат выполненой работы

    Вывод!
    Проделав данную лабораторную работу я применил
    основные теги и их атрибуты. Мне удалось создать HTML-
    документ и привязать к нему еще 4 подстраницы. Результат
    выполнения работы можно увидеть на скриншотах которые
    показывают web-страницы данных документов в браузере.

    Вам также может понравиться