|   
 
 
 
 
 
 
   
  Поиск по сайту:
логин : пароль :  
    Напомнить пароль?    
Реклама
Популярные статьи
    Реклама
     

    Основы вёрстки сайтов

    CSS, HTML, Статьи
     
     
     

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

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

     
     

    Редакторы для вёрстки веб-страниц

    Информация для вебмастера, Статьи
     
     
     

    Редакторы для вёрстки веб-страницДля работы в визуальных редакторах не требуется специальных знаний HTML, CSS и других технологий для разметки страниц. В визуальном редакторе вы располагаете различные элементы вашего сайта, как на бумаге, а редактор самостоятельно пишет за вас код. Именно поэтому визуальные редакторы еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get - что видишь, то и получаешь.

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

    Какого типа следует использовать редактор? Если вы изучаете HTML, CSS или другие технологии для разметки страниц и хотите научиться создавать качественные страницы, то, безусловно, вам нужен текстовый редактор. Если у вас нет времени на изучение HTML, CSS и других технологий и если перед вами не стоят очень сложные задачи по выполнению страниц, то ставьте себе визуальный рсдактор и пользуйтесь им, он экономит время и силы. А лучше всего иметь у себя на компьютере и визуальный, и текстовой редакторы для разных нужд...

     
     

    Создание таблицы в HTML

    Уроки веб-дизайна » HTML » Таблицы
     
     
     

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

    Для создания таблицы используется четыре элемента. Таблицу описывают с помощью тегов <table>...</table>, она должна иметь одну или несколько строк <tr>...</tr>, в каждой из которых может содержаться заголовок <th>...</th> или данные <td>...</td>.

    По умолчанию таблица имеет невидимые границы ячеек. Для того чтобы сделать их видимыми, используют атрибут BORDER, который имеет целочисленные значения, определяющего толщину рамки в пикселах, например <table border="5">.

    Таблица может иметь заголовок, который задается тегами <caption> и </caption>. Тег <caption> может содержать атрибут ALIGN с одним из значений top или bottom, определяющие расположение заголовка соответственно перед таблицей или после нее (по умолчанию установлено значение top). Например, <caption align="bottom">Расписание уроков</caption>.

     
     

    Текстовые гиперссылки в HTML

    Уроки веб-дизайна » HTML » Гиперссылки
     
     
     

    Гиперссылка - это указание для браузера, к какому объекту в пределах или за пределами HTML-документа он должен обратиться. С помощью гиперссылок пользователи могут переходить из одной страницы на другую, загружать файлы и т. д.. Как гиперссылка может быть оформленн фрагмент текста или рисунок (графический файл). Когда веб-страница отображается в окне браузера, текстовая ссылка обычно выделена синим цветом и подчеркиванием. Однако это далеко не всегда так. Для перехода в место, на которое указывает ссылка, пользователю достаточно щелкнуть её текст.

    Для создания гиперссылки необходимо использовать тэги <a> и </a>, определив для тега <a> атрибут HREF. Его значением должен быть адрес URL, на который указывает ссылка. Текст ссылки располагают между тегами <a> и </a>.

     
     

    Списки в HTML

    Уроки веб-дизайна » HTML » Списки
     
     
     

    ...В неупорядоченном списке для выделения элементов используются определенные метки (точки, квадраты и т. д.). Начинается такой список с тега <ul>, а заканчивается его закрывающим тегом </ul>. Каждый элемент списка начинается с тега <li> и заканчивается - </li>. Тег <ul> может иметь атрибут TYPE, который определяет форму отметки. Этот атрибут приобретает следующие значения...

    ...Список определений (definition list) по сравнению с маркированным или нумерованным имеет несколько более сложное строение. Каждый элемент такого список состоит из двух частей: термина и его определения. Таким образом могут быть оформлены словари и терминологические справочники. Данный список открывает тег <dl>, термин выделяется тегом <dt>, а его определение — с помощью тега <dd>. Не забывайте, что каждый из этих тегов должен быть закрыт: </dl>, </dt>, </dd>...

     
     


     
     
    Сайт о животных | Отдых в Феодосии
    Копирование и распостранение материалов на другие сайты строго запрещено!
      Яндекс.Метрика