Методические указания к выполнению практических работ по предмету «web-программирование» ташкент

Работа №1. Изучение основных элементов разметки веб страниц


Постановка задачи: изучить основные элементы языка разметки веб страниц, применить полученные знания на практике разместив определенные элементы (таблицы, списки, параграфы) в определенном порядке чтобы в итоге на странице отображались элементы в полном соответствии с данным шаблоном.
Вариант 0.

1 ©
Привет Hello Salom		Кроме того, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному.
www.google.ru

1.1. Теоретическая часть.
Создание любой веб страницы начинается с прописки основных частей: заголовка и тела страницы.

1 ©
Привет Hello Salom		Кроме того, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному.
google.ru>

Далее в один общий блок wrapper добавим блок-шапку header, содержащий изображение – ссылку слева, блок – верхняя горизонтальная линия, блок с номером телефона, блок меню и блок – изображение-ссылка справа. Это будет выглядеть следующим образом

[phone]

• О компании


• Вакансии


• Поддержка


• Контакты

Далее, следуя нашему первоначальному описанию, идет основной блок, который назовем content. В нем расположены 3 блока «Услуги и Решения», «Спецпредложения» и «Скидки и Акции». Как можно увидеть на изображении, каждый блок можно визуально поделить на 2 части: заголовок и содержание. В блоке с содержанием, представим каркас как таблицу, где иконка будет располагаться в одной ячейка, а текст - в другой. Далее следует горизонтальная линия, после которой снова вставим таблицу с иконкой и текстом. HTML код данного участка: