Блог 5mw

Цвета

mmm — Sun, 08 Feb 2009 13:07:47 GMT

ЦВЕТ ФОНА, ТЕКСТА, ССЫЛОК

Цвет фона, текста и ссылок задается в самом начале документа - в теге атрибутами BGCOLOR="# " (цвет фона), TEXT="# " (цвет текста), LINK="# " (цвет ссылки), VLINK="# " (цвет работающей ссылки), ALINK="# " (цвет отработанной ссылки). Если вы указываете VLINK и ALINK, то ссылка будет реагировать на любое действие курсора (подвод курсора к ссылке, щелчок по ссылке).

моя первая страничка

Вы можете попробовать сами задать цвета для своей странички

Если вы желаете фон украсить не просто цветом, а каким-либо графическим изображением, то вместо атрибута BGCOLOR задайте атрибут BACKGROUND=" ", внутри которого укажите gif - или jpg-файл, а точнее его месторасположение.

моя первая страничка

Вы можете попробовать сами задать цвета для своей странички

Именно ценные книги

LOMAK — Tue, 15 Apr 2008 20:15:43 GMT

Форум: Учебник по HTML
Описание темы: Лутчшие сайты c книгами по HTML
Автор темы: LOMAK
Автор последнего сообщения: itszerq
Количество ответов: 1

Шрифт

mmm — Sun, 16 Mar 2008 18:10:40 GMT

ЗАДАНИЕ РАЗМЕРА И ТИПА ШРИФТА

Размер шрифта задается с помощью тега , в котором указывается атрибут SIZE=, которому в свою очередь присваиваивается значение от 1 до 7.

Спомощью знаков "+" или "-" можно управлять изменением размера шрифта относительно основного шрифта.

Для задания типа шрифта используют атрибут FACE=. Следует сказать, что в основном применяют Times New Roman и Arial.

По умолчанию браузер будет читать текст черным цветом. Однако есть атрибут, с помощью которого можно регулировать не только цветом текста, но и ссылками. Задайте в атрибуте COLOR="# " тот цвет, которым вы хотите видеть свой текст, но помните, что цвет задается указанием в шестнадцатиричном виде трех его составляющих: красного, зеленого и синего (RGB).

моя первая страничка

Шрифт Times New Roman

Шрифт Courier New

Шрифт Arial

Шрифт Arial

ВЫРАВНИВАНИЕ

С помощью тегов HTML можно управлять горизонтальным и вертикальным выравниванием текстаи графики. Для этих целей используется тег

с атрибутом ALIGN=, которому присваиваются аргументы:

* LEFT - выравнивание по левому краю
* RIGHT - выравнивание по правому краю
* CENTER - выравнивание по центру

моя первая страничка

выравнивание по левому краю

выравнивание по правому краю

выравнивание по центру

Выравнивание по вертикали применяют в таблицах и используют атрибут VALIGN=, которому присваиваются следующие аргументы:

* TOP - выравнивание по верху ячейки
* BOTTOM - выравнивание по низу ячейки
* MIDDLE - выравнивание по центру ячейки

Справка по работе с Редактором страниц

aligator — Mon, 10 Dec 2007 11:24:32 GMT

1. Что такое "Редактор страниц" и зачем он нужен?

Редактор страниц является одним из основных модулей UcoZ и служит для создания на сайте различных страниц.

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

2. Как мне активировать "Редактор страниц"?

Войдите в панель управления сайтом. В разделе "Неиспользуемые модули" найдите ссылку "Редактор страниц" и нажмите на нее. Далее нажмите на появившуюся кнопку "Активировать модуль".

3. Как мне создать новую страничку?

Войдите в панель управления вашим сайтом. Если модуль "Редактор страниц" не активен - активируйте его. Если модуль уже активирован - в разделе "Используемые модули" вы увидите ссылку "Редактор страниц". Нажмите на нее и вы попадете в раздел управления этим модулем. Найдите ссылку "Управление страницами сайта" и нажмите на нее - вы увидите список всех уже созданных страниц вашего сайта. Нажмите на кнопку "Создать страницу", введите название вашей страницы и подтвердите создание. Страница будет создана и появится в списке всех страниц. Для редактирования содержимого страницы в разделе "Действия" списка страниц нажмите на иконку "Изменить дизайн страницы". В открывшемся окне вы увидите исходный код вашей страницы.
Внимание ! Для редактирования исходного кода вашей страницы и ее наполнения желательно иметь базовые знания HTML (язык разметки WWW документов) и CSS (каскадные таблицы стилей).

Как мне удалить страницу ?

Авторизируйтесь на сайте http://www.ucoz.ru и вы попадете в панель управления вашим сайтом. Если модуль "Редактор страниц" не активен - активизируйте его. Если модуль уже активизирован - в разделе "Используемые модули" вы увидите ссылку "Редактор страниц". Нажмите на нее и вы попадете в раздел управления этим модулем. Найдите ссылку "Управление страницами сайта" и нажмите на нее - вы увидите список всех уже созданных страниц вашего сайта. Нажмите на иконку "Удалить страницу" (выглядит как красный крестик) и подтвердите удаление страницы.

Я хочу изменить название одной из страниц. Как мне это сделать ?

Авторизируйтесь на сайте http://www.ucoz.ru и вы попадете в панель управления вашим сайтом. Если модуль "Редактор страниц" не активен - активизируйте его. Если модуль уже активизирован - в разделе "Используемые модули" вы увидите ссылку "Редактор страниц". Нажмите на нее и вы попадете в раздел управления этим модулем. Найдите ссылку "Управление страницами сайта" и нажмите на нее - вы увидите список всех уже созданных страниц вашего сайта. Нажмите на иконку "Изменить название страницы" и на загрузившейся страничке измените название.

Я создал новую страничку и она автоматически добавилась в меню сайта ! Как ее оттуда убрать ?

В панели управления сайтом в разделе "Редактор страниц" найдите ссылку "Управление меню сайта". Нажав на нее вы попадете на страницу редактирования шаблона меню. Удалите из кода теги относящиеся к странице которую вы не хотите добавлять в меню и нажмите на кнопку "Сохранить".

Я случайно удалил из меню ссылку на одну из моих страниц - хочу добавить ее обратно. Что нужно прописать в редакторе шаблона меню ?

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

Можно ли закачивать на сервер свои файлы ?

Да, можно.

Как это сделать ?

В панели управления сайтом в разделе "Редактор страниц" найдите ссылку "Файловый менеджер" и нажмите на нее. В этом разделе вы увидите список всех уже закаченых на сервер файлов. Чтобы закачать новый файл с вашего компьютера нажмите на кнопку "Обзор", найдите нужный файл, выделите его и нажмите кнопочку "Открыть".
После этого нажмите на кнопку "Загрузить файл". Произойдет загрузка и имя вашего файла будет показано в общем списке файлов.
Обратите внимание на то что максимальный размер закачиваемого файла - 5 Мегабайт.

Также закачивать файлы на сервер можно используя любой FTP клиент (например, CuteFTP). Детали FTP подключения вы найдете в разделе "Редактор сайта", в описании раздела "Файловый менеджер".

Как я могу быстро изменить дизайн всего сайта ?

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

Где я могу изменить данные моего сайта - например часовой пояс или название сайта ?

Вы можете сделать это перейдя по ссылкам "Редактор страниц"->"Общие настройки" или с главной страницы вашей панели администратора нажав на ссылку в правом верхнем углу "Изменить данные".

Я хочу внести некоторые изменения в HTML-шаблон дизайна. Где это делается ?

Это делается в разделе "Редактор страниц" -> "Управление дизайном сайта".

Я что-то не так сделал при редактировании шаблона и хочу вернуть все назад но не знаю как !

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

Я зарегистрировался, у меня теперь есть свой сайт у вас и я хочу его полностью изменить. Можно ли это делать ? Что можно менять а что нельзя ?

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

Можно ли сменить иконку favicon и где она находится ?
Иконку сменить можно. Вы можете найти ее зайдя сервер по ФТП используя такую ссылку :
ftp://логин_администратора:пароль_администратора@ucoz.ru
или при помощи любого ФТП-клиента.
Заменив файл favicon.ico, расположенный в корневом каталоге вашей ФТП-директории на свой, вы тем самым поменяете иконку сайта

Переключатели

mmm — Sun, 14 Oct 2007 16:40:15 GMT

Переключатели позволяют выбрать из предлагаемого списка что-то одно. При выборе одного переключателя метка с другого убирается.

Необходимо начать с создания списка , используя тег

Итак, перечислим все атрибуты для переключателей, входящие в тег :

* TYPE= - указывается тип поля, но т.к. мы рассматриваем переключатели, то этому атрибуту присваивается аргумент RADIO
* NAME= - название переключателя
* VALUE= - атрибут, определяющий текстовую метку, которую необходимо связать с каждым из переключателей
* CHECKED - для переключателя, принятого по умолчанию, добавляется это ключевое слово

Не забудьте: весь список переключателей заканчивается тегом

моя первая страничка

Стили,Таблицы

mmm — Sat, 19 May 2007 16:41:14 GMT

Форум: Учебник по HTML
Описание темы: Основы HTML
Автор темы: mmm
Автор последнего сообщения: nev
Количество ответов: 0

Списки

mmm — Sat, 19 May 2007 16:35:41 GMT

РАСКРЫВАЮЩИЕСЯ СПИСКИ

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

Спсики с множественным выбором позовляют выбрать один или несколько пунктов. По умолчанию ни один из вариантов не отмечается, но с помощью атрибута SELECTED можно установить отметку, принятую по умолчанию, для любых пунктов спика.

Для раскрывающичся списков исспользуют тег

Укажите экзамены, которые хотите сдать:

Флажки

mmm — Sat, 19 May 2007 16:34:58 GMT

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

Итак, начинаем с создания списка при помощи тега

* TYPE= - определяет тип поля (для флажков указывается аргумент CHECKBOX)
* NAME= - задаются имена для каждого из флажков
* VALUE= - для всех флажков задается одинаковый текст в качестве аргумента атрибута
* CHECKED - для флажков, установленных по умолчанию

моя первая страничка

Текстовые поля

mmm — Sat, 19 May 2007 16:33:36 GMT

Текстовые поля позволяют ввести слово, фразу или набор из чисел. Вводимый текст появляется в поле. Если вы желаете указать тип поля PASSWORD (пароль), то водимый текст будет скрыт символом " * ".

Для текстового поля в теге задаются следующие атрибуты:

* TYPE= - в качестве типа поля ввода указывается ключевое слово:

TEXT- в область поля вводится обычный текст PASSWORD - вводимый текст не будет просматриваться пользователем
* SIZE= - длина текстового поля (измеряется в пикселах)
* NAME= - атрибуту присваивается название текстового поля
* MAXLENGTH= - атрибут, определяющий максимальное число символов, которое можно ввести в поле
* VALUE= - текст, устанавливаемый в текстовом поле по умолчанию

моя перва страничка

ТЕКСТОВЫЕ ОБЛАСТИ

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

Тегом, определяющим текстовую область служит . Атрибутами, входящими в этот тег, являются: * ROWS= -задается высота текстовой области (в пикселах) * COLS= - задается ширина текстовой области (в пикселах) * WRAP= - способ перехода текста со троки на строку. Здесь можно перечислить следующие аргументы: * VIRTUAL - символы конца строки не будут пересылаться серверу после щелчка на кнопке отправки PHYSICAL - символы конца строки будут пересылаться сервреу при отправке OFF - текст продолжается как одна длинная строка, вынужденная пользователя нажимать клавишу "ENTER" для создания новых строк или использовать горизонтальную полосу прокрутки для чтения текста * NAME= - указывается название области <HTML> <HEAD> <TITLE>моя первая страничка</TITLE> </HEAD> <BODY> <FORM METHOD="Post" ACTION="bin/who"> <TEXTAREA NAME="name" ROWS=10 COLS=40 WRAP=VIRTUAL>Здесь можно привести любой текст

Простая форма

mmm — Sat, 19 May 2007 16:32:16 GMT

Для чего служит форма? Она позволяет вводить текст и осуществлять выбор из текста или же при помощи кнопок.

Форма состоит из: открывающего тега, объявления типов полей ввода, кнопки отправки. Открывающим тегом служит

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

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

моя первая страничка

Ваша анкета

Имя:

Фамилия:

Графика и текст

mmm — Sat, 19 May 2007 16:26:33 GMT

ОБТЕКАНИЕ ГРАФИКИ ТЕКСТОМ

Обтекание графики текстом задается тегом . Текст обтекает графику, пока не достигнет нижнего края изображения. Аргументами служат:

* LEFT - обтекание по левому краю
* RIGHT - обтекание по правому краю
* CENTER - обтекание по центру

Для отмены обтекания и перехода на новую строку служит тег
. В качестве аргумента применяют:

* LEFT - начинают новую строку там, где свободно левое поле
* RIGHT - начинают новую строку там, где свободно правое поле
* ALL - начинают новую строку там, где свободны оба поля

моя первая страничка

Этот текст обтекает изображение и прерывается здесь.....

а здесь продолжается

Графика

mmm — Sat, 19 May 2007 16:25:42 GMT

ИСПОЛЬЗОВАНИЕ ГРАФИКИ

Вряд ли найдется хоть один сайт, в котором не было бы хотя бы одного графического изображения. Для задания графики используется тег , внутри которого указывается высота (HEIGHT=) и ширина (WIDTH=) изображения в пикселах или процентах. Чем меньше изображение, тем быстрее загрузится сайт. Но это не означает, что графика должна быть размерами 1х1 мм. Внутри атрибута SRC указывается имя и путь графического файла, т.е. откуда он берется.

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

Браузеры отображают обычные изображения без рамок, а графические ссылки в рамках. Однако и в том и в другом случае можно управлять толщиной рамки при помощи атрибута BORDER=""

моя первая страничка

Открытка

Основные теги

mmm — Sat, 19 May 2007 16:16:13 GMT

HEAD, BODY, TITLE

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

Между тегами и обязателен со своим закрывающимся тегом. Здесь всегда указывается название, которое вы хотите присвоить своему HTML-документу. При просмотре в браузере это название обязательно появится в строке заголовка. <HTML> <HEAD> <TITLE>моя первая страничка

Обратите внимание на строку заголовка. В ней отображено название документа.

В литерартуре мы постоянно сталкиваемся с абзацами. Языку HTML также присуще это понятие. При помощи тега

можно отделить абзацы один от другого.

Тег
отделяет сроку от последующего текста.

- горизонтальная линия.

Затемнение картинки

admin — Thu, 01 Jan 1970 00:00:00 GMT

Вот это вставь в Css в самый низ или верх:
Код: | Выделить всё
a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; /* Mozilla 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 5.5+*/
}
После,почишь кеш в браузере,если всеравно не будет пахать то подожди

Добавлено (2010 Октябрь 31, 02:37:30)
---------------------------------------------
А css не пробовали?
Это можно вроде с помощью :hover сделать.

a img,
a:visited img {
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
opacity:0.4;
}
a:hover img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1;
}

Вот вроде такого, с прозрачностью думаю вы разберетесь сами.

Ответ на опережение: Чтобы происходил эффект затемнения делайте темный фон у картинки.