Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

HTML

HTML - это система верстки, определяющая элементы на веб-странице и каким образом они будут располагаться на ней. Как будет показываться и оформляться информация на сайте зависит от того, как и какой HTML-код будет написан.
html-pic

Язык HTML предназначен для определения расположения конкретных составляющих на веб-странице. С помощью файла HTML можно создать простейшую страницу. Для создания веб-страниц существует много программ-редакторов, даже в обычном блокноте можно написать HTML-страницу, для этого во время сохранения файла - нужно поменять формат *.txt  на *.html.

Создавая веб-документ важно знать о тегах, которые находятся между знаками < и >, если текст находится за ними <тег1> и <тег2>, то он будет виден при просмотре в браузере. Теги бывают открывающие и закрывающие.

font1С помощью HTML-верстки можно назначить стиль, цвет, размер и другие параметры, которые предназначены для форматирования текста. Чтобы научиться определять положение и вид контента, нужно знать основные теги для текста. Кроме создания HTML-страниц вручную, знания об основных текстовых тегах будут полезны при изменениях в коде, если задачу невозможно реализовать с помощью визуального редактора html.

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

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

izo-imgИзображения на сайте значительно улучшают его внешний вид, оживляют сайт и отображают визуально представленную информацию. Редкий сайт удержит посетителя, если на нем представлен только текст. Изображения в HTML-документе могут легко позиционироваться и подвергаться дополнительной настройке с помощью тегов и атрибутов.

linksСсылки на веб-странице очень важная деталь, с помощью них можно указать путь на подробный или похожий материал, ссылаться на какой-либо источник, переносить посетителя на новую страницу или другой сайт и т.д. Ссылки бывают внешними и внутренними (по вашему сайту).

Ссылки в HTML-документе встречаются довольно часто, поэтому стоит с ними познакомится для повышения веб-навыков.

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

Joomla SEF URLs by Artio

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Эффективные способы продвижения сайта

    Александр
    Спасибо за полезную и интересную информацию. Продвижение сайтов резко приобрело популярность благодаря ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...