lab_1_myadelets_m (851766)
Текст из файла
Федеральное государственное бюджетное образовательное учреждение высшего образования
«Московский государственный технический университет (национальный исследовательский университет) (МГТУ им. Н.Э. Баумана) |
ФАКУЛЬТЕТ ____ИНФОРМАТИКА И СИСТЕМЫ УПРАВЛЕНИЯ________
КАФЕДРА ______Компьютерные Системы и сети (ИУ6)___________
Отчет
по лабораторной работе № 1
Создание простейших HTML-страниц, устаревшие элементы разметки, валидаторы кода
Д исциплина: Языки интернет-программирования
Студент гр. ИУ6-33Б 10.09.21 М.А.Мяделец
(Подпись, дата) (И.О. Фамилия)
Преподаватель __________________
(Подпись, дата) (И.О. Фамилия)
Москва, 2021
Цель работы — знакомство с языком разметки HTML, получение и закрепление практических навыков создания и форматирования HTML-страниц с использованием устаревших и современных средств разметки.
ЗАДАНИЕ 1
Условие
Выполните разметку HTML-страницы с использованием элементов семантической разметки текста. Напишите не менее 10 строк произвольного текста. Выделите в каждой строке несколько слов как более важные, значительно важные, добавьте математические формулы и пр. Также, с использованием семантической разметки, добавьте к тексту произвольные строки кода на любом языке программирования.
Страница
ЗАДАНИЕ 2
Условие
Сформируйте HTML-страницу с фрагментом расписания занятий (используйте элемент table). Выберите фрагмент расписания таким образом, чтобы хотя бы в одном месте возникала необходимость объединения ячеек таблицы.
Страница
ЗАДАНИЕ 3
Условие
Подготовьте разметку формы регистрации на произвольном сайте. Для расположения элементов используйте табличную верстку.
Страница
ЗАДАНИЕ 4
Условие
Используя валидаторы HTML (предустановленный в браузере или https://validator.w3.org/), проверьте полученные HTML-страницы на наличие ошибок. Составьте таблицу выявленных ошибок, в которую внесите все ошибки валидации и их фактические проявления в браузере. Устраните все найденные ошибки.
Ошибка | Фактические проявления в браузере |
type Атрибут ul элемента устарел. Вместо этого используйте CSS. | Ошибка не влияет на отображение |
Конечный тег br. Данное количество говядины (500г) рассчитано на 3 литра бульона | Ошибка не влияет на отображение |
Неверное значение Кнопка рецепт суп.png атрибута srcв элементе img: Недопустимый символ в сегменте пути: пробел не разрешен. | |
Незамкнутый элемент table. | |
Bad character < after <. Probable cause: Unescaped <. Try escaping it as <. < |
|
Вывод: мной была сделана лабораторная работа 1, в ходе которой были получены начальные знания о языке разметки HTML, выполнена разметка страниц как с использованием старых и уже не применяющихся элементов HTML, так и с использованием новых элементов разметки. Работа состояла из четырех заданий, первое из которых было нацелено на выявление ошибок разметки в валидаторе, остальные три - на отработку определенных приемов верстки сайтов: создание статьи, таблицы и формы регистрации. Результаты тестирования корректны. Цель лабораторной работы достигнута.
ПРИЛОЖЕНИЕ
Разметка страниц
Задание 1
Суп Харчо
Суп "Харчо"
Если вы еще не знаете, как приготовить суп "Харчо", классический рецепт вам в таком случае просто необходим.
Сытный, аппетитный, пикантный и ароматный… все это об этом потрясающем блюде.
Описание приготовления:
Готовя суп харчо в домашних условиях, можно дополнить блюдо использованием томатной пасты или соуса. Это
очень пряное блюдо, которое также придется по вкусу всем любителям перца и чеснока. Обязательно хотя бы раз следует
попробовать эту изюминку грузинской кухни.
Ингредиенты:
Количество порций: 6-8
Если вы хотите прочитать рецепт, нажмите на кнопку
Данное количество говядины (500г) рассчитано на 3 литра бульона
Если же у вас меньше или больше мяса, предлагаем расчитать количество бульона по формуле:
x = y × 6
На данном этапе я вынужден закончить свою кулинарную статью.
Надеюсь, вы приготовили замечательный суп "Харчо", близкие просят добавки, да и, в целом, пальчики оближешь!
У меня, к сожалению, по данному рецепту ничего не получилось. Поэтому я пошел программировать.
Если вы со мной, то сегодня мы будем разбирать функцию puts.
#include <iostream>
int main ()
{
puts("Hello, World!");
}
Конец
Задание 2
Расписание
Задание 3
Sign up
12-17
18-20
21-30
31-40
40+
Я согласен(на) с условиями и политикой конфиденциальности.
Характеристики
Тип файла документ
Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.
Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.
Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.