урок 11

Урок 11. Завершуємо створення Web-сторінки.

Як Ви пам'ятаєте в минулому уроці ми зупинилися на створенні вихідного коду вкладених таблиць нашої web-сторінки. Сьогодні ми закінчимо написання коду, додамо web-сторінці завершений вигляд і растіражіруем цю сторінку. В результаті до кінця уроку ми отримаємо простий, але повноцінний і працездатний web-сайт з табличній версткою, написаний на мові HTML.

Отже в минулому уроці ми зупинилися ось на такому вихідному коді:





Шапка сайту

Чого тут не вистачає. Правильно, службових тегів, "які говорять" браузеру про те, що це HTML документ (згадуйте перші уроки). Додаємо ці теги і отримуємо Лістинг 11.2.





Шапка сайту

Тепер кілька слів про розподіл Меню. Зазвичай розділ Меню являє собою блок посилань на інші розділи або сторінки сайту. Отже ці розділи (сторінки) повинні бути в наявності.

Як створюються посилання Ви вже знаєте. А ось інші web-сторінки сайту створюються дуже просто. Беремо нашу контрольним аркушем файл: index.html (Лістинг 11.2), копіюємо даний файл і зберігаємо під іншими іменами. обов'язково з розширенням .html.

Так як наш сайт присвячений автомобілям, створимо ще кілька сторінок присвячених автомобілям інших марок. Я наприклад створив сторінки: bmw.html. audi.html. toyota.html. reno.html.

Так як ці сторінки створені як приклад багатосторінкового сайту я не став кожну з них полность наповнювати контентом (інформацією), ну а Вам я думаю буде цікаво створити свій унікальний контент і заповнити їм свій майбутній сайт.

Вітаю, тепер Ви знаєте як створюються прості сайти на мові HTML і у Вас є вихідний код сайту. Допрацювавши цей код під свої потреби Ви можете розмістити його в мережі Інтернет і розвивати наприклад свій бізнес на якісно новому рівні. Або просто створити сайт за своїми інтересами і т.д. Варіантів може бути дуже багато, все залежить тільки від Вашої фантазії. Головне Ви тепер знаєте основний принцип: як самому створити сайт! Адже всі сайти створюються саме таким чином.

Погодьтеся, насправді все дуже просто. Звичайно це найпростіший і за сьогоднішніми мірками примітивний web-сайт. Наприклад без використання каскадних таблиць стилів CSS дуже важко надати сайту гарний дизайн. А без використання PHP неможливо зробити динамічний сайт. На сучасних web-сайтах ще багато інших технічних хитрощів і різних технологій. Інформацію про ці технології Ви знайдете в інших розділах.

Але зате Ви вже навчилися створювати справжню, працездатну модель web-сайту. І якщо все, що ми напрацювали завантажити в Інтернет, то у вас буде свій власний сайт.

Якщо у Вас виникли питання або Вам щось не зрозуміло Ви завжди можете написати мені і можливість задати питання.

Далі купити домен та хостинг і закачати в Інтернет. Підпишіться на розсилку і стежте за новинами. Готується повний детальний покроковий курс Сайт від А до Я. Скоро курс з'явиться на сайті

Як зрозуміти тег (valign = "top") в цьому рядку (

)? І чи правильна запис тега (bordercolor = "green") в рядку (), А то я міняю кольору (наприклад "red" але на html сторінці нічого не змінюється?

Як зрозуміти тег (valign = "top") в цьому рядку (

)? І чи правильна запис тега (bordercolor = "green") в рядку (), А то я міняю кольору (наприклад "red" але на html сторінці нічого не змінюється?

Все вірно. Тут: valign = "top" - це вирівнювання по вертикалі (текст притискається до верху). bordercolor = "green" - колір рамки навколо таблиці. bgcolor = "# ffffff" - колір фону.

уроки HTML

CSS уроки

статті

Інструменти

Шаблони сайтів

книги

прикраси

Сайт від А до Я

Заробити в інтернеті

Обман в Інтернеті

Охорона праці

МОДУЛЬНІ КАРТИНИ

PHP УРОКИ

послуги

скрипти

SEO

jQuery

Спеціальна оцінка умов праці (Соуто) - АРМ

Платіжні системи Інтернету

УРОКИ ФОТОШОП

секретний розділ

урок 11

З нами зробити сайт
зможе навіть Дитина!
"Сайт від А до Я"
Дізнатися зараз >>>

Хочете заробити?
2-х рівнева
Партнерська програма!
Приєднуйтесь.

Модульна картина: Розкіш червоного оксамиту

Модульна картина абстракція: Енергія сонця

Модульна картина: Сині троянди

Модульна картина: Водоспад

Модульна картина: Орхідеї

Реєстрація доменів

ТОВ "ПК" ЛюксСтрой "

Якщо Вам сподобався
наш сайт, встановіть
Нашу посилання. і
Отримайте подарунки.

Схожі статті