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


Обсуждение Далее

Выпадающий список со ссылками – 3 (+ CSS)

Автор: admin | Дата: 22.09.2008

Выпадающий список со ссылками – 3 (+ CSS)

Как создать выпадающий список при помощи JS я уже писал, также мы продемонстрировали работу дизайнера со вторым видом выпадающего списка. При создании очередного сайта, мне попался еще один интересный вариант решения проблемы расположения большого количество ссылок на разделы сайта.

Т.к. в JS-файле находится функция создания выпадения, ничего интересного в ней нет. Поэтому рассмотрим файл style.css со стилями оформления списка. Вообще, для того чтобы изменить внешний вид списка достаточно знание основ HTML. Так, например в CSS, для того, чтобы прописать фон списка указывается параметр background-color.

Читать далее…

Похожие записи

Теги: , , ,

Обсуждение Далее

Создание выпадающего списка ссылок

Автор: admin | Дата: 06.06.2008

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

ADxMenu

В последнее время часто веб мастера реализуют ее с применением выпадающих списков. Применяются теги UL и LI для создания ссылок и язык сценариев JavaScript для того, чтобы наша навигация работала.

Я не стал создавать то, что уже реализовано и создано. Более того, работает и применяется на многих сайтах в Интернет. В этой статье вы сможете скачать замечательную работу, отличного программиста и дизайнера. Речь идет об уже готовом наборе списков.

Для тестирования работы, создан раздел в Тестовом разделе:
Горизонтальное меню, выпадение сверху вниз
Горизонтальное меню, выпадение снизу вверх
Вертикальное меню, выпадение слева направо
Вертикальное меню, выпадение справа налево

Скачать работу

Похожие записи

Теги: ,

Обсуждение Далее

Изображения. Атрибуты тега <IMG>

Автор: admin | Дата: 15.05.2008

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

Итак, как уже говорилось в статье Оптимизация графики для веб, указание размеров рисунка может существенно повлиять на тип загрузки страницы. Посетитель в первую очередь увидит текст на странице, а во время чтения будет грузиться графика. Иначе, если вы проигнорируете эти атрибуты, посетитель должен будет дождаться загрузки графики и только после загрузки всей страницы. Также зачастую изображения являются ссылками на другие документы сайта. В таком случае, по умолчанию, браузер добавит рамку к изображению, тем самым, указав на то, что изображение является ссылкой.

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

Читать далее…

Похожие записи

Теги: , , , , ,

Обсуждение Далее

Создание простых таблиц, теги <TABLE>, <TR> и <TD>

Автор: admin | Дата: 07.05.2008

В HTML уже давно таблицы играют важную роль. Помимо главного значения, а это внесение информации и представление ее в табличном виде, их применяют для создания макета страницы. Для того чтобы представить на странице информацию в двух или более колонках отдельные блоки, добавляют в ячейки таблицы. В последнее время таблицы активно заменяют блоками <DIV>. С помощью блоков и CSS код страницы получается более коротким, хотя иногда наоборот, и редактируемым. Стало вполне возможным, изменив один файл стилей полностью или частично изменить вид страницы. Тогда как раньше, простое изменение ширины таблицы требовало редактирование html-кода на всех страницах. Это преимущество CSS неоспоримо, поэтому, каждый начинающий веб-мастер рано или поздно начинает активно применять CSS.

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

Читать далее…

Похожие записи

Теги: , , , , , , ,

Обсуждение Далее

Тег <FONT> - часть II. Изменяем гарнитуру текста

Автор: admin | Дата: 01.05.2008

По умолчанию для текста на вашей странице предлагается простая гарнитура, которую можно поменять на любую другую. Для того чтобы поменять гарнитуру, тег <font> имеет атрибут face, а конструкция выглядит так.

<font face=”Arial”>

Здесь Arial, это название новой гарнитуры, вы можете вставить сюда название той гарнитуры, которую хотели бы использовать. Рассмотрим код, в котором мы применили несколько тегов <font> с атрибутом face и разными гарнитурами.

<html>
<head>
<title>Изменяем гарнитуру текста</title>
</head>
<body>
<h2>Изменяем гарнитуру текста</h2>
<font face=”Arial”>Это гарнитура Arial</font>
<font face=”Tahoma”> Это гарнитура Tahoma</font>
<font face=”Verdana”>Это гарнитура Verdana</font>
<font face=”MyNew”>Это гарнитура MyNew7</font>
</body>
</html>

Читать далее…

Похожие записи

Теги: , , ,



Rambler's Top100

© 2008 HtmlGuide.ru. Все права защищены.
Design by Luka Cvrk