HTML, Excel, Word, SEOСайт от А до Я ⇒ Анализ готовой html-страницы

Практические примеры

Примеры веб-программирования
· Интернет-платежи
· Авторизация клиентской оплаты
· Защита от уязвимости sql-injection
· Как пользоваться Google Analytics
· Электронная коммерция в Google Analytics
· Использование Google Analitycs для split тестирования
Сайт от А до Я
· С чего начать
· ПО для сайта
· Домен и хостинг
· Структура сайта
· Главная страница
· Фон страницы
· Анализ главной стр
· Регистрация сайта
· Веб-графика



Анализ готовой html-страницы

Применив на практике все ранее сказанное, главная страница сайта http://v-mire-givotnyh.ru приобрела следующий вид:



 

Вот HTML-код страницы:



 

Давайте его кратенько разберем.


В качестве фона всего сайта использована картинка fon.jpg, размером 4*4 пикселя, увеличенный вид которой представлен справа. Фоновое изображение использует два оттенка зеленого цвета, которые чередуются в шахматном порядке. Используя разные оттенки и порядок их размещения, можно получать разнообразные фоновые узоры. Чем крупнее фоновая картинка, тем крупнее будет общий фоновый узор.


Верхняя таблица "шапки" сайта состоит из 5 строк:

Далее идет центральная таблица, состоящая из двух ячеек. В таблице убраны все бордюры за исключением бордюров между ячейками. Левая ячейка на момент написания этого материала остается пока пустой. В правой ячейке располагается контент главной страницы сайта.


Заканчивает страницу таблица "подвала" сайта, на которой пока находится URL сайта и год создания. В дальнейшем будут располагаться кнопки счетчиков.


Страница использует внешний лист стилей, содержимое которого на данный момент представлено в окне ниже:



Как видите, в общем, ничего сложного. Но, пришлось немного "повозиться" с подготовкой графического материала. Однозначно, если вы хотите делать красивые и привлекательные сайты, вам нужно обзавестись хорошим клипартом.



В начало страницы



В начало страницы