Оформление Формы. Часть 1, Input. Из Серии «Сделайте Мне Красиво»

Что есть такое — форма? Это не френч с карманАми, не лампас на штанине урядника и даже не бескозырка старпома Лома. В данном цикле из нескольких статей мы будем говорить за веб-формы. То есть, об интерактивных элементах на странице веб-сайта, самым простым вариантом которой является окошко ввода почтового адреса с кнопкой «ОК».
рис. 1

Сразу оговорюсь: данный […]

Шпаргалка По CSS

Если вы не упражняетесь ежедневно по 6-8 часов кряду, выписывая хитроумные либо простые правила листа стилей CSS, то наверняка иной раз просто забываете как пишется тот или иной селектор или свойство. Я и сам часто забываю. Да вот взять, хотя бы, дурное английское слово width (ширина). Или height (высота). Не знаю как другим, а я […]

Способы Привязки Стилей К Странице

В своей книге о блочной верстке веб-сайта я показал лишь один из способов привязки листа стилей CSS к странице сайта. А именно посредством вот такой ссылки, расположенной в зоне тэга <head>:
<link rel=”stylesheet” href=”style.css” type=”text/css” />
Однако, существует еще несколько способов внедрения стилей, и о них мы сейчас поговорим.

Простая фотогалерея на CSS

Для организации фотогалереи на сайте часто используют готовые скрипты на PHP. Я пробовал пару-тройку раз заняться сим полезным делом и пришел к выводу, что если нужна динамическая галерея, где могут оценивать ваши работы другие люди, где можно легко и быстро вставлять фотки и тексты описания к ним прямо с рабочего стола, то лучше воспользоваться готовыми […]

Меняющаяся картинка в шапке сайта

Это весьма интересный эффект, который сделает ваш сайт более динамичным, ибо при каждой загрузке в шапке будет автоматом появляться новая картинка. Делается это при помощи небольшого php-скрипта. Вот его код:

<?php
$folder = ‘.’;
$extList = array();
$extList[’gif’] = ‘image/gif’;
$extList[’jpg’] = ‘image/jpeg’;
[…]

Ролловер меню на CSS

Данная статья уже была размещена на моем блоге Вебмастеринг. Здесь я немного сократил описательный текст и еще кое-чего подправил. Также по теме предлагаю ознакомиться с очень интересным способом оформления меню — “раздвижные двери”, часть 1 и часть 2.

Вот такое симпатичное меню мы сейчас станем делать. Если вы уже пытались что-то подобное изобразить в визуальном редакторе […]

Блочная верстка | Урок 9

Это заключительный урок из серии “Блочная верстка веб-сайта”. Нам осталось только оформить “подвал” (footer), да сделать еще пару-тройку замечаний.
Подвал, он же “футер” — это весьма важная часть сайта, хотя и мало кто туда добирается, особенно при очень длинных страницах. Там обычно дублируются ссылки на разделы сайта, пишутся копирайты и контактная информация. Очень часто можно наблюдать […]

продолжить »