| » Меню сайта |
Разделы сайта
Шаблоны
Скрипты
Статьи
Графика
|
|
FrontPageРедактор может работать в режиме WYSIWYG (What You See Is What You Get — что вижу, то и получаю). Работает с графикой, полученной из других приложений – управляет сохранением и отображением. Быстрый выбор и изменение тегов – позволяет быстро найти нужный элемент в коде страницы. Есть оптимизация HTML-кода. И другие полезности. Сайт программы, Общие сведения, курсы по FrontPage Присоединённые изображения Macromedia Dreamweaver MX 2004Редактор может работать в режиме WYSIWYG (What You See Is What You G
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1126
|
10.Сен.2008 |
|
|
"о том, как заставить браузер пользователя загружать ту или иную версию
страницы в зависимости от того, какое установлено экранное разрешение у
этого пользователя."
Для этой цели можно использовать небольшой
Java-скрипт. Главная задача - это определить разрешение, а что после
этого делать (вывести сообщение или перейти на другую страницу) - дело
десятое. В общем случае принцип таков: сначала загружается
страница-бланк, содержащая скрипт (ее также можно параллельно
использовать для динамического определения браузера), затем
автоматически осуществляется переход на соответствующую страницу, в
зависимости от выполнения тех или иных условий.
<html>
<body>
<script language="JavaScript">
<!--
// Сначала определяем разрешение
if (self.screen) { // для браузеров 4-тых версий
width = screen.width
height = screen.height
}
else if (self.java) { // для NN3 (enabled Java)
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1223
|
10.Сен.2008 |
|
|
Я почему-то решил не продолжать тот урок, а написать свой, с нуля... не знаю, правильно ли я сделал, но урок готов  Правда, фигофенький из меня писатель, скорее всего... Если что-то поймете из урока — вам повезет 
В этом уроке будет описываться, как я работал с макетом. Работал специально для урока, а макет сделал в качестве примера другу Для урока, думаю, сойдет...
Итак,
прежде, чем мы начнем что-то п
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 747
|
10.Сен.2008 |
|
|
Написано к этой теме.
Попытаюсь сделать страницу по рисунку (кто хочет, может использовать PSD).
Создаю
каталог. В него буду складывать все файлы. CSS будет внутренний (пока),
т.е. все в одном HTML файле. Теперь создаю HTML файл с именем
talk.html. Пишу предварительный код, т.е. определяюсь с элементами на
странице. Меню – это список ссылок. Три заголовка – будут заголовками
второго уровня. Заголовка первого уровня – не увидел. Два абзаца с
текстом и один со ссылкой на копирайт. Для себя решил, что контент
будет тянуться по вертикали. Теперь нужно все это закодировать.
Открываю talk.html и пишу предварительный код документа.
 1.<!DOCTYPE HTML PUBLIC "-//W3C/
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 618
|
10.Сен.2008 |
|
|
В этом уроке я расскажу, как сделать HTML-код страницы, если вы полностью нарисовали её в Photoshop’е.
P.S: Прошу сильно не ругать, т.к. это мой первый урок.
Первое – это собственно нарисовать(найти/скачать) .psd файл будущей страницы.
p.s:
не рекомендую строить код, имея JPEG картинку сайта. Низкое качество
сильно усложнит задачу. Используйте только высококачественные материалы.
Оригинал, над которым я работал:
(шаблон сайта от talk-mania)
Шаблон предоставил некий XuT , за что ему огромное спасибо и +
Самой первое, что нужно сделать – это конечно же фон. Как видно из картинки, фон залит точечной(2x2) текстурой.
Выделяем добротный “кус
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 686
|
10.Сен.2008 |
|
|
Захотел сделать страницу. За основу можно взять готовый макет, а можно
все сделать самому. Разницы нет. Возьму минимальный набор элементов:
логотип, заголовок, текст, меню и копирайт. У меня текстом будет былина
в пересказе для детей И. В. Карнауховой.
Можно нарисовать макет, а можно отложить на некоторое время.
Теперь нужно написать предварительный HTML-код. Если есть макет, то весь текст нужно брать с него.
Элементы использовать по их назначению.
Не использовать свободные элементы DIV и SPAN.
Графика в коде – только иллюстрации.
Получилось так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ИЛЬЯ МУРОМЕЦ И СОЛОВЕЙ–РАЗБОИНИК</title>
</head>
<body>
<p><img src="#" title="Логотип" alt="Логот
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 626
|
10.Сен.2008 |
|
|
Древовидное меню
Теперь про меню скажу. Все
наверно видели такие меню, с виду обычные три ссылки, а нажимаешь на
неё и выскакивают ещё подразделы. Вот примерно это сейчас и сделаем:
до нажатия:
![[ Популярные и нужные скрипты ] *](http://st1.risunok.net/20398/0000.jpg)
после нажатия:
![[ Популярные и нужные скрипты ] *](http://st1.risunok.net/20399/1111.jpg)
JavaScript: (объяснения ниже)
CODE <script> function startmenu() { document.getElementById('menu1').style.display = "none"; document.getElementById('menu2').style.display = "none"; document.getElementById('menu3').style.display = "none"; } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); d
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1336
|
10.Сен.2008 |
|
|
Проверка состояния 'чекбокса' (есть галочка, аль нет галочки?)
Знакомая штука?
Скажем
при регистрации, если галочку не поставить "Согласен с правилами!", так
нефига не зарегистрируетесь )) вот этот скрипт сейчас и замутим... 
CODE
<script type="text/javascript">
function AuthorizeValidation(myform) {
if(myform.iagree.checked == true) {myform.validation.disabled = false }
if(myform.iagree.checked == false) {myform.validation.disabled = true }
}
</script>
и html.
CODE <form action="" methed="post" name="myform
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 982
|
10.Сен.2008 |
|
|
Начало: (для тех кто в танке) Использование JavaScript в HTML
В
html-длкументик JavaScript заключается в теги
<script></script>, по спецификации HTML 4.01 у тега
<script> обязателен атрибут type="text/javascript", хотя
в большинстве браузеров язык сценариев по умолчанию именно JavaScript.
При этом атрибут language (language="JavaScript"), несмотря на его
активное использование, не входит в стандарт и поэтому считается
некорректным. Хотя я всегда указывал, указываю и Вам советую...
Примером заключенного в тэги <script></script> является это:
CODE <script type="text/javascript" language="javascript"> alert('Привет, Demi
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1074
|
10.Сен.2008 |
|
|
Редирект (перенаправление на другую страницу) Яваскриптом!!! не мета-тэгами... )))
когда
пользователь заходит на Ваш сайт, скрипт перенаправляет его на другой.
Это можно сделать с предупреждением (в виде окошка при нажатии 'ok'
происходит перенаправление.):
CODE <html>
<script>
alert("Сейчас Вы будите перенаправлены на другую страницу!");
location = "http://demiart.ru/forum/";
</script>
</html>
или нагло, без всяких церемоний:
CODE <html>
<script>
location = "http://demiart.ru/forum/";
</script>
</html>
ps.
|
|
Вывод случайного текста.
Использовать можно для вывода скажем анекдотов или афоризмов на сайте...
код:
CODE
<script language="JavaScript">
var Quotation=new Array() // массив
uotation[0] = "1"; // тут набор того, что будет выводиться...
Quotation[1] = "2";
Quotation[2] = "3";
Quotation[3] = "4";
Quotation[4] = "5";
Quotation[5] = "6";
Quotation[6] = "7";
Quotation[7] = "8";
Quotation[8] = "9";
Quotation[9] = "10";
var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1)); // случйно выбираем
function showQuotation(){document.write(Quotation[whichQuotation]);} // функция вывода того что случайно навыбирали...
showQuotation(); // показать функцию
</script>
Змаечания: Если
захотите выводить некое словосочетание в кавычках ("
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 976
|
10.Сен.2008 |
|
|
Определение браузера пользователя!
Часто возникает необходимость узнать, что за браузер у пользователя, и в зависимости от этого что-то дальше отображать...
CODE <script language="JavaScript">
var s, br = navigator.appName;
if (s=br.search(/Netscape/)!=-1)
{
alert('у вас Mozilla Firefox');
}
else
{
alert('у вас не Mozilla Firefox');
}
</script>
тут
navigator.appName, стандартная феня js (именно она определяет что за
браузер). мы сравниваем значение со значением шаблона (if
(s=br.search(/Netscape/)) и если оно НЕ РАВНО -1 (-1 - это ложное
значение), то выводим диалоговое окошко: 'у вас Mozilla Firefox'. Ежели
нет то: 'у вас не Mozilla Firefox'.
Использовать можно по-разному.... на усмотрение... скажем подключать разные стилевые
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 797
|
10.Сен.2008 |
|
|
Верстка (эпизод 2-й) – Базовые навыки.
Вступление.
Опять таки здрасте
Это
продолжение серии статей «Базовые навыки верстки», в которых будет
рассказываться как «лучше всего» и «правильно» верстать сайты, чтобы
они соответствовали современным требованиям, и что особенно важно были
к тому же семантически правильными и ВАЛИДНЫМИ! Я не зря взял в скобки
«лучше всего» и «правильно» так как технологии очень быстро меняются, и
постоянно будут появляется более новые, и практичные модели верстки, но
все же есть некая база на сегодняшний день, которая не меняется с
постоянными обновлениями языков и стандартов, вот о ней и пойдет речь,
как и в предыдущей статье. В
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 606
|
10.Сен.2008 |
|
|
Верстка (эпизод 1-й) – Базовые навыки.
Вступление
Доброго времени суток!!!
Вроде начало уже не плохое.
Данная
ветка форума, насколько вы уже поняли, полностью будет посвящена
мастерству верстки web страниц, а именно, базовым навыкам
позиционирования элементов собственно самой страницы, которая бы
отвечала современным требованиям web-разработки. Но хочу предупредить
сразу, что слова «БАЗОВЫМ Навыкам» совсем не означает, что у вас не
должно быть знаний в области HTML и CSS, а совсем на оборот. То есть
что это означает. Базы по программированию на HTML и CSS в Интернет
предостаточно, и повторять одно и тоже по сто раз не иррационально и
просто глупо. Но вот как применять эти навыки, на самом то деле, ни
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 596
|
10.Сен.2008 |
|
|
Метатеги - это теги языка HTML, содержащие различную служебную
информацию. Метатеги размещаются в заголовке страницы (между тегами
<head> и </head> и имеют такой формат:
<meta name="имя" content="значение">
<meta http-equiv="имя" content="действие">
Условно метатеги можно разделить на три группы:
* содержащие управляющие команды для броузера;
* содержащие управляющие команды для поисковых систем;
* содержащие информацию о странице и ее авторе.
Mетатеги, содержащие управляющие команды для броузера
Таких
метатегов немного, но на сегодняшний день это самые важные из
метатегов. О том, что данный метатег предназначен для управления
броузером, говорит атрибут http-equiv.
<meta http-equiv="Content-type" content="text/html;charset=windows-1251">
Этот
метатег говорит броузеру, в какой кодировке сделана страница.
Вообще-то, определять правильную кодировку должен ли
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 573
|
10.Сен.2008 |
|
|
Вступление
Этот урок больше расчитан на веб-дизайнеров
(я не говорю, что обычным пользовтелям он не нужен, ради собственного
разивития можете попробовать его сделать, кто знает, вдруг после этого
вы поймёте, что вы прирожденный веб-дизайнер?)))
С ролловерными
кнопками все мы часто сталкиваемся, но всё-таки, если вы и понятия не
имеете, что это такое, я поясню: помните сайты, на которых при
наведению на кнопку она меняла свой цвет (становилась вдавленной,
выпуклой - нужное подчеркнуть), а когда вы убирали с неё курсор, она
становилась такой же, как и до наведения? Это и есть ролловерные кнопки.
Ролловерные
кнопки, как правило, делают в программе по верстке сайтов Дримивер, но
в Фотошопе, точнее Image Ready, как мне кажется, возможностей большей
для их создания. И так... приступим!
Шаг 1
Сначала откройте Image Ready.
Для создания ролловерной кнопки вам понадобятся д
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1395
|
10.Сен.2008 |
|
|
Часть 1:
Привет народ! Сегодня мы будем творить сайт
посвященный тому о чем мечтали ваши родители, а может и кое кто из вас.
Их любили миллионы и ненавидела
советская власть. Ради них любой
советский подросток был готов на все. Да это они - джинсы. Это сейчас
джинсами уже никого не удивишь, но вот в совковое время... Хорошие
джинсы были на ряду с магнитофонами и видеокамерами. Ну что отдадим
дань культовой одежде? Тогда запускаем фотошопу, если еще не запущена и
приступаем. Для начала создаем новый документ размером 766 х 700. Потом
можно будет перегнать с небольшим усилием в 1024 х 768, но мне
привычней работать так. Тем более, что максимальное разрешение, которое
поддерживает моя видюха это 1024 х 768:( Ну да ладно черт с ней. Берем
нашу основу это кусок равномерной джинсовой материи:
Делаем из
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1313
|
10.Сен.2008 |
|
|
Здрасте всем..), сегодня мы будем делать красивое буржуйское меню (или шапку) для сайта.
Начнем:
Шаг 1. Создаем новый документ размером 500х500 и заливаем любым цветом (например серым) – это будет задний фон.
Шаг 2. Берем Line Tool (U) и рисуем белую вертикальную линию размером 5 px. Идем Filter/Stylize/Wind (wind, from the left) , OK . Жмем три раза Ctrl+F (повторить последний фильтр). Снова идем Filter/Stylize/Wind , но уже с параметром from the right и опять же три раза Ctrl+F . Жмем Crtl+T (свободная трансформация) и поворачиваем на 90 градусов. Получаем:
Шаг 3. Берем Rounded Rectangle Tool (U) c радиусом 50 px. рисуем черную фигуру и применяем к ней стили (прим. это слой перемещаем под сл
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1036
|
10.Сен.2008 |
| |
|
|
![[ Популярные и нужные скрипты ] *](http://st1.risunok.net/20367/but_one.jpg)
![[ Популярные и нужные скрипты ] *](http://st1.risunok.net/20368/but_two.jpg)
<
драствуйте! Наверное все видели на сайтах возле разделов картинки, 
, чтобы создать круг. Удерживаем Shift для равномерного выделения. 
Копирование материалов разрешено,