HTML. Урок 5. Часть 3. Пример создания своего сайта из 3 страниц.

Автор Filip Sergienko
HTML.  Урок 5.  Часть 3.  Пример создания своего сайта из 3 страниц.

перед тем как создавать сложные проекты желательно и рекомендуется сначала на листе бумаги нарисовать, что же конкретно.

Мы хотим получить видео результата в виде таблицы будет построена основной блок нашего сайта. То есть у нас будет таблица состоящая из двух частей в верхней части будет так называемый заголовок и навигация в. Нижней собственно сама содержимое сайта и так.

Но мы с вами добавим целенаправленно блок ещё одну таблицу вставить таблицу в таблицу в этой части у нас будет фотография непосредственно фотографии можно выбрать любую этой части подпись именно непосредственно фотографию дальше чуть ниже в этом же блоке будет находиться меню то есть панель меню горизонтальное.

Можно конечно использовать вертикальную на горизонтальной пока будет легче воспринять в нашем будет три страницы таким образом в этой части меню нас будет присылать и вот эта верхняя часть шапка у нас будет мы её. Скопируй на всех на все страницы сайта нас будет на всех страницах то есть чтобы шапка была достаточно будет удобно потому, что на каждой странице будет сама шапочка то есть название сайта и собственно ссылке в дальнейшем с. Вами познакомимся с фреймами где ничего не надо будет может быть один раз. Создайте она будет в отдельном файле смотрим на практике, что у нас уже получилось, но фотографию mail так фотографию выставили верхнюю часть. Давайте теперь с вами подумаем о поговорке заголовок у нас будет. Вот здесь. Потому, что у нас верхней части разделена на две части по таблице ещё одна здесь будет сделать таких структура фотографии во второй заголовок давайте так сделаем чтобы у нас не ползала наша наши фотографии ничего не расплывалась мы с вами закрепим. Вот эту вот эту ячейку по ширине ширина ячейки нам предлагается ввести ширину ячейки. Давайте поступим методом от противного обратно, что она сама задаётся потом уже всё содержимое ячейки группируются. Но мы с вами поступим сейчас наоборот смотрите фотографии 250. Каким образом самой ищейки можно поставить размер 260 так таким образом все остальные остальное пространство будет отдана 2 ячейки нашей стране нашей таблицы сюда. Давайте запишем текст каждый может написать свою фамилию и с новой строчки. Но — это то, что здесь у меня с новой строчки — это не будет играть никакого значения так. И собственные — это заполняется по желанию. Мой адрес почты и мой телефон так мой телефон ещё раз. Напоминаю, что вот эти данные электронный адрес телефон ещё разные данные — это персональные данные можно пожелания написать я решил написать, но у меня я покажу, что репетитор по информатике и. Давайте Наш текст который мы написали немножко оформим значит имя фамилия отчество — это мы напишем первым заголовком дальше то, что мы написали под этими репетитор по информационным технологиям. Пенза Заречный то, что на самом деле 90% и более — это реально. При правильном подходе, но 90% на экзаменах — это всё реально значит — это мы напишем заголовком второго уровня H2. При этом надо помнить, что чтобы у нас сохранились нашей структуры которые мы хотим здесь надо поставить strip2me как — это всё будет выглядеть так и. Давайте даже 3 уровня здесь поставил потому, что 2 уровня немножко он выглядит не так как предполагалось 3 уровень вот отлично так и здесь у нас. Последний пункт — это опять же адрес электронной почты пока моего с вами выделяем как новый абзац. ТДП ТДП и то же самое сделаем с номером телефона как новый абзац теперь вот этот весь текст который мы сделали заголовком 3 уровня ch3 ch3. Давайте с вами сделаем выравниванием по центру посередине значит абзаце выравнивание центр так для этого мы должны для того по центру vh3 поставить спа центры. У нас текст весь выровнять по центру относительно нашей странице. Так, а ну и вот эту таблицу которую вставили сюда давайте сделаем шириной я сразу отсюда сюда помещают шириной и от 90% до 95% чтобы у нас она занимала 90% от общей ширины нашей таблицы контейнера куда она куда входит песен у нас здесь — это таблица выложенная она относится к этой таблице к большой таблицы соответственно вот эти все значения, а не динамики динамический они относятся они будут относиться к этой таблице. А свою очередь большая у нас таблица она находится на самой странице. Каким образом. Вот — это значение 90 будет от общей общего пространства странице пробежка ширине шапку мы сделали. Давайте дальше посмотрим дальше мы здесь не следующие изменения немножко тегов добавили здесь можно смотреть цвет потом добавили цвет нашей странице есть нашей таблицы она будет играть роль в контейнерах для страницы переключает режим вот этими двумя кнопками идет переключение между режимами просмотра дальше выделяем выделяем название 37 фамилия отчество первого. Здесь всё понятно абзацами потеряем чтобы потом дальше смотрим мы переходим на вторую. В нашей на вторую область вот оно 2 область. Когда будет меню мы её сделали отдельный. Посмотрите эту таблицу мы закрыли. Вот она закрывается она закрывается. Таблица вставленная вот она наша таблица которого оставили. А здесь у нас здесь у нас открывается новая таблица мы просто скопировали чтобы она такого же было фона такой же было цвета фона просто скопировали в. Танки и здесь в этой таблице у нас будет одна строчка ты и открывается и 3 ячейки три столбца. ВТБ в этой строчке каждое из которых примерно 30% нас — это полностью устраивает даже можно этого свойства убрать последнего трека как бы ничего особо не изменится 30% из 30% для ширины занимает.

0 комментариев
0

Читайте также