Страница 1 из 3 123 ПоследняяПоследняя
Показано с 1 по 15 из 44

Тема: HTML/CSS. Справочник. Ссылки на учебники и статьи

  1. #1
    Misеry
    Гость

    Полезные ссылки для начинающих сайтостроителей

    Здесь предлагаю выставлять полезные учебники и статьи для тех, кто хочет сделать или только начинает делать свой сайт.
    http://html.manual.ru/book/html.php -Html справочник
    http://www.machaon.ru/digest/rusinter.HTML.html -очень много учебников
    http://www.asdc.kz/helpdesk/webtutor/frames/index.htm -хороший учебник по фреймам, на английском языке конечно, но понятный
    http://www.postroika.ru/ -очень хороший учебник, где описаны и фреймы и таблицы и т.д.
    http://html.manual.ru/book/info/specialchars.php -полный список спецсимволов

  2. #2
    Демонесска
    Гость
    http://webb.bip.ru тоже классный сайтик)))

  3. #3
    Старожил Аватар для Алиссия Мур
    Регистрация
    17.02.2003
    Адрес
    КраснодаR
    Сообщений
    1,080
    Записей в блоге
    1
    Спасибо
    я - 0; мне - 0
    всё утро пролазила в поисках учебников. ВОть нашла кое-что хорошее) http://web4work.by.ru/book.shtml А ещё нашла сайт с хтмл учебниками, сделаный по шаблону)) Почему-то решила не читать тотучебник) ещё научат
    В цепи любви заточила
    Нас эта рыжая осень.(с)

  4. #4
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108
    http://www.masteru.ru/articles/ - достаточно много статей, если все прочитать..

  5. #5
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108

    Стрела Html. Справочник.

    Что сподвигло на тему: не могу найти у себя нигде любимого редактора - качать его - трафика жалко, а на рынок идти - лениво пока.. Так что приходится сегодня коды писать. Писала, и дописалась до того, что поняла, а ссылочки то он, разара, подчеркивает.. а как избавиться - черт знает. Доползла до вот такого способа:
    Задать стиль для ссылок, в прочем, сделать это можно двумя способами. Первый и не практичный, это, делая ссылку на страницу/файл/и т.д. код ссылки записываем так:
    <a style="text-decoration: none" href="ссылка">заголовок ссылки</a>
    Искомым было style="text-decoration: none".
    Второй и третий способы:

    Если нам надо избавиться от ссылок в некоторые местах подойдет так же вот это:

    <HEAD>
    <STYLE type="text/css">
    a.noneline {text-decoration: none;}
    </STYLE>
    </HEAD>


    После чего пpименяем этот стиль:
    <A HREF="ссылка" CLASS="noneline">

    А если везде, вот это:

    <HEAD>
    <STYLE type="text/css">
    a:link { text-decoration: none; }
    a:visited { text-decoration: none; }
    a:active { text-decoration: none; }
    a:hover { text-decoration: none; }
    </STYLE>
    </HEAD>



    Четвертый способ, это файл стиля, который записывается так:
    В коде страницы в head записывается строка: <LINK rel=stylesheet type=text/css href=/style.css>
    А в файле style.css строки из стилей..

  6. #6
    Консультант форума “Компьютерная графика”
      Фотодизайнер. Зима 2006
    Аватар для Exilia
    Регистрация
    15.01.2003
    Адрес
    Москва
    Сообщений
    363
    Спасибо
    я - 0; мне - 0
    Вопрос: если приведенный выше вариант работает только для текстовых ссылок, то как тогда избавиться от рамки, если ссылкой является картинка?
    Ответ:
    когда пишешь
    <img scr=KARTINKA.jpg>, то для того чтобы картинка была не обведена дописываешь <img scr=KARTINKA.jpg border=0> , т.е. border означает толщину рамки вокруг картинки(таблицы и т.п.) можешь так же задавать цвет этой рамки

    <img scr=KARTINKA.jpg border=1style="border-right: 1px solid red;border-left: 1px solid blue; border-top: 1px solid blue;border-bottom: 1px solid red;">
    этот тэг задает цвета рамки со всех четырех сторон (лево,право,верх и низ)
    удачи

  7. #7
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108

    Изменения цвета линейки скролинга

    Вопрос: как изменить цвет полосы прокрутки (линейки стролинга) образователя?
    Между тегами <head> и <body> вносим строки стиля:

    <style type="text/css">
    body {
    scrollbar-face-color: #00FF00;
    scrollbar-shadow-color: #0000FF;
    scrollbar-highlight-color: #FF0000;
    scrollbar-3dlight-color: #FFFF00;
    scrollbar-darkshadow-color: #00FFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #008000;
    </style>

    <body>

  8. #8
    Модератор
    Лучший модератор раздела "Информационные Технологии" 2010
      "Мистер форума" Осень 2006, Лучший модератор раздела "Информационные Технологии" 2007, Лучший модератор раздела "Информационные Технологии" 2009
    Аватар для Speed
    Регистрация
    30.01.2002
    Адрес
    in the Network
    Сообщений
    1,463
    Спасибо
    я - 19; мне - 105
    а как в css задний фон задать ну цвет я имею ввиду?
    У меня щас вот что: сам неделал скопировал этот css с форума..


    body,td,input,textarea,select {font-size:8pt; font-family:verdana, arial, helvetica;}

    a:link {color:#5A6A72; text-decoration: underline}
    a:active {color:#5A6A72; text-decoration: underline;}
    a:visited {color:#5A6A72; text-decoration: underline;}
    a:hover {color:#000000; text-decoration: underline;}

    .tdmar {padding-left:6px; padding-right:6px;}
    a.menu:link {color:#FFFFFF; text-decoration:none;}
    a.menu:visited {color:#FFFFFF; text-decoration:none;}
    a.menu:hover {color:#DCE7EF; text-decoration:none;}

    a#catbar:link {color:#CDD6D8; text-decoration:none;}
    a#catbar:visited {color:#CDD6D8; text-decoration:none;}
    a#catbar:hover {color:#CDD6D8; text-decoration:underline;}

    a.menu1:link {color:#798C95; text-decoration:none;}
    a.menu1:visited {color:#798C95; text-decoration:none;}
    a.menu1:hover {color:#798C95; text-decoration:underline;}

    #category {font-weight:bold; font-size:9pt;}

    a#category:link, a.red:link {color:#FF4E00; text-decoration:none;}
    a#category:visited, a.red:visited {color:#FF4E00; text-decoration:none;}
    a#category:hover, a.red:hover {color:#FF4E00; text-decoration:underline;}

    #sortinga{font-weight:bold;}

    .copy{font-size:10px;}

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

  9. #9
    Старожил
    Легенда miXei.ru
      "Юбилейный реальщик"

    Регистрация
    16.12.2000
    Сообщений
    345
    Спасибо
    я - 0; мне - 0
    На заметку хтмл-кодеру.
    http://htmlcoder.visions.ru/
    [ Blog ] [ Twitter ] [ icq 44650436 ] [ jabber/GTalk/email denyamsk@denyamsk.ru ] [ skype denya.msk ]

  10. #10
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108

    meta-коды (тэги)

    Элемент предоставляет дополнительные сведения о способе обработки документа, он позволяет поисковым машинам идентифицировать и классифицировать документ без его загрузки. Элемент поддерживает парные атрибуты, первый из которых name определяет тип данных, а второй content - содержание. Атрибут name используется приложением-клиентом (броузером)для получения дополнительной информации о документе. Его часто заменяют элементом http-equiv, который используется сервером для создания дополнительных полей при выполнении запроса. В этом случае тэг META; с атрибутом будет включен в заголовок ответа браузера.
    Другими словами атрибут name используется с целью предоставления сведений о документе, которые могут пригодиться при его поиске, а элемент http-equiv поручает выполнение каких либо действий серверу.
    Например: <META HTTP-EQUIV="Window-target" CONTENT="_top">;
    Использование элемента http-equiv со значением "refresh" позволяет организовать принудительное обновление страницы с некоторым промежутком времени или загрузку нескольких страниц с определенным интервалом, что незаменимо при создании страниц, где публикуются непрерывно меняющиеся данные (скажем курсы валют или акций). Значение элемента content в этом случае означает промежуток между обновлениями в секундах, так если оно равно нулевому значению - страница будет обновляться непрерывно.
    <META HTTP-EQUIV="Refresh" content="5;URL=http://www.arcus.lv/dimas/index.html">
    Перезагрузка документа.
    <META HTTP-EQUIV="Expires" content="Дата">
    Дата, обозначающая срок годности документа, при его значении равном "0" документ будет подгружаться не из кэша а с сервера.
    <META HTTP-EQUIV="Reply-to" content="Имя@Адрес"]Адрес электронной почты.
    <META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
    Описание типа и характеристик документа.
    <META HTTP-EQUIV="Content-language" content="en">
    Описание языка документа.
    <META HTTP-EQUIV="Cache-Control" content="no-cache">
    Контроль за кэшированием документа.Может принимать значения:
    no-store - не сохраняется.no-cache - не сохраняется в кэш.
    Public - доступен для любого кэширования.
    Private - кэшируется в частных кэшах.
    [META HTTP-EQUIV="Window-target" content="_top"]
    Определяет способ появления новых окон браузера.
    [META HTTP-EQUIV="pragma" content="no-cache"]
    Контроль за кэшированием документа.
    <META HTTP-EQUIV="Set-Cookie" content="NAME=имя; EXPIRES=дата; DOMAIN=имя домена; PATH=путь; SECURE">
    имя - любая строка без запятых, пробелов и переходов на след.стр. (обязательный парaметр);
    дата - дата истечения срока хранения в формате: Sun, 25-Feb-01 12:00:01 GMT, если не задан, то cookie не сохраняется (необязательный парaметр);
    имя домена - домен для которого действительно значения cookie, если не задан, то тот сервер, где лежит сайт (необязательный парaметр);
    путь - путь к документам домена, для которого действительно значения cookie, если не задан, тогда тот каталог, где лежит сайт (необязательный парaметр);
    SECURE - указывается только тогда, когда применяется защищенный режим SSL, если не задан, тогда информация передается в обычном режиме (необязательный парaметр).
    Установка Cookie для браузера в том случае, когда надо сохранить информацию в компьютере посетителя и при необходимости к ней обратиться.
    Работает так:
    Браузер, встретив такую конструкцию, записывает файл.txt с данными ввиде имя/значение и хранит в кэше, в следующий раз он сверяет все свои cookie на предмет полного совпадения, и если находит, то отсылает серверу как HTTP заголовок. Конечно, в настройках cookie должны быть разрешены, каждый cookie не может превышать 4 kB (если больше, то отсекается кусок вначале записи) всего их может храниться до 300, причем с одного сервера не больше 20 (если больше, то последние пишутся поверх первых)
    <META name="Author" content="Имя автора">
    Имя автора документа.
    <META name="Keywords" lang="ru" content="Слово1,слово2,слово3...">
    Набор ключевых слов для поиска.
    <META name="Title" content="Название">
    Название станицы.
    <META name="Robots" content="index,nofollow">
    Указание индексации поисковыми роботами данного документа.
    Может принимать значения:
    ALL - индексировать всё.
    INDEX - индексировать эту страницу.
    FOLLOW - индексировать ссылки на этой странице.
    NONE - не индексировать, игнорировать полностью.
    NOINDEX - не индексировать, игнорировать эту страницу.
    NOFOLLOW - не индексировать ссылки на этой странице.
    <META name="Description" content="Содержание">
    Краткое однострочное описание содержания документа.
    <META name="Document-state" content="Dynamic">
    Определяет единовременную либо постоянную индексацию документа поисковыми системами.
    Может принимать значения:
    Static - индексировать единожды.
    Dynamic - индексировать многократно.
    <META name="Generator" content="Название">
    Название приложения, в котором был создан документ.
    <META name="Copyright" content="Условия">
    Условия копирования и распространения документа.

  11. #11
    Группа удаления
    Мистер форума. Осень 2010
      «Кот-забияка», Мистер Форума Осень 2004
    Аватар для klever
    Регистрация
    23.11.2002
    Адрес
    Столичный шовинист
    Сообщений
    844
    Спасибо
    я - 0; мне - 0
    Speed

    BODY {
    background-color: #FF0066
    }

    [size=1]k|ever добавил [date]1073491238[/date]:[/size]
    Чтобы при наведении на картинку в IE6 не появлялись кнопки сохранить, печатать, послать,, используйте для тега IMG параметр:

    galleryimg="false"


    Управление фоном стилями:


    body {
    background-image: URL(../img/жопа.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    • . . klever банов не боится!

  12. #12
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108
    Ния, а...
    ну дык и ручками можно
    ---
    <td width="698" colspan="3"><map name="FPMap0">
    <area href="files/terms.htm" shape="rect" coords="52, 8, 92, 22" alt="read my terms" target="iframe">
    <area href="dollz.htm" shape="rect" coords="98, 8, 153, 22" alt="my dollz-z-z" target="iframe">
    <area href shape="rect" coords="160, 8, 224, 22" alt="adoptions" target="iframe">
    <area href="tut/tut.htm" shape="rect" coords="230, 8, 277, 22" alt="tutorials" target="iframe">
    <area href="files/link.htm" shape="rect" coords="288, 8, 320, 22" alt="links" target="iframe">
    <area href shape="rect" coords="328, 8, 365, 22" alt="stuff..." target="iframe">
    <area href="http://xbase.ru/guestbook/?login=dollzzzz" shape="rect" coords="375, 8, 420, 22" alt="GuestBook" target=_blank></map><img border="0" src="Bottom.jpg" width="698" height="30" usemap="#FPMap0"></td>
    ---
    из той же страницы...
    а так, я лично FP пользуюсь..

  13. #13
    Консультант форума “Компьютерная графика”
      Фотодизайнер. Зима 2006
    Аватар для Exilia
    Регистрация
    15.01.2003
    Адрес
    Москва
    Сообщений
    363
    Спасибо
    я - 0; мне - 0
    ручками очень накладно делать карту - это просто ужас! нереально ведь! я делаю через дреамвевер....т.е. я сначала напишу то как сказала Unknown , а затем открываю редактор и перемещаю появившиеся "голубые квадратики " на то место, где у меня картинка с соответствующим текстом

  14. #14
    Ассоциация критиков
      "Эротоман-2007"
    Аватар для Дочь Билла Гейтса
    Регистрация
    10.03.2003
    Адрес
    СПб
    Сообщений
    1,577
    Спасибо
    я - 12; мне - 11
    у меня бэкграундом на странице является картинка, как сделать, что бы при прокрутке страницы, эта картинка не прокручивалась, то есть оставалась на месте? что надо написать в коде?
    Заинтересуй зайца! (с)

  15. #15
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108
    Дочь Билла Гейтса,
    <body bgproperties="fixed" background="bg.gif">

Страница 1 из 3 123 ПоследняяПоследняя

Ваши права

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