ГлавнаяРегистрацияВход Завод горного оборудования Пятница, 17.05.2024, 20:47
  Мой компьютер Приветствую Вас Гость | RSS

 
 
Главная » Статьи » Статьи

Сайт на Ucoz: вставить html код, добавить ссылку и информер

    Система Ucoz позволяет вставлять в страницу html-код длиной 60 000 символов. Казалось бы, такое количество символов достаточно для отображения любой html - страницы, на самом же деле все с точностью до наоборот. Если html - документ создан автоматически какой-либо программой,то в нем будет много повторяющихся элементов и при вставке такого кода 60 000 символов может не хватить. Например, в html - таблице для каждой ячейки таблицы задаются одни и те же атрибуты стиля - название шрифта, его размер, отступы и т.д. и т.п. Поэтому перед вставкой такого html - кода его нужно почистить, т.е. удалить эти повторяющиеся атрибуты. Отображение страницы в браузере практически не пострадает, будут использованы значения по умолчанию. Или задайте эти атрибуты один раз в начале html - документа или в теге body. После такой обработки длина кода сократится в несколько раз.     В Windows для удаления ненужного кода удобно использовать Блокнот, он позволяет производить замену символов. Например, в повторяющихся тегах колонок таблицы

<td width=347 valign=top style='width:260.25pt;padding:1.5pt 1.5pt 1.5pt 1.5pt'>

можно атрибуты стиля заменить одним пробелом, оставив только ширину колонки, т.е.

<td width=347>

можно даже убрать атрибут width, ширина колонки будет установлена по самой длинной строке в колонке:

<td>

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

Синтаксис регулярных выражений


                                                                                          

  Регулярное выражение    Означает 
   foo      Строка "foo”  
   ^foo      Строка начинается с "foo”  
   foo$      Строка заканчивается на "foo”  
   ^foo$      «foo» встречается в строке только один раз  
   [abc]      a, b, или c  
   [a-z]      любой символ в нижнем регистре  
   [^A-Z]      любой символ, не находящийся в верхнем регистре  
   (gif|jpg)      Означает как «gif” так и "jpeg”  
   [a-z]+      Один или более символов нижнего регистра  
   [0-9.-]      Любая цифра, точка или знак минус  
   ^[a-zA-Z0-9_]{1,}$      Любое слово, хотя бы одна буква, число или _  
   ([wx])([yz])      wy, wz, xy, или xz  
   (^A-Za-z0-9)      Любой символ (не число и не буква)  
   ([A-Z]{3}|[0-9]{4})      Означает три буквы или четыре цифры  

Источник dreamhelg.ru

Самый лучший вариант - не использовать для генерации html - кода какие-либо программы, а написать его вручную, таким образом вы избавитесь от лишнегог кода. Удобно использовать для этих целей html - редактор Константина Полякова HEFS. Это позволит избежать опечаток в html - тегах и сразу же можно посмотреть результат.


Для выделения ячеек таблицы линиями в теге table используйте атрибут border=1, ячейки таблицы будут выделены двойными линиями. Если вам это не нравится, используйте дополнительно атрибут cellspacing=0, т.е. получится так:

<table border=1 cellspacing=0>

Ячейки выделятся одинарными линиями. Не забывайте в конце таблицы поставить закрывающий тег </table>.

          Хотя система Ucoz предлагает свои счетчики, информеры, вы можете украсить сайт и другими баннерами. В Интернете много сайтов, на которых предлагаются коды счетчиков, информеров, баннеров. Код информера - это несколько строчек html-кода. Обычно html-коды таких информеров расположены в разделах "WEB-мастеру" или подобных. Если этот раздел явно не указан, найти его можно, щелкнув по ссылке Карта сайта. На экран будут выданы все разделы сайта и переходим на пункт WEB-мастеру. Выделим код информера мышкой и, нажав правую кнопку мыши, выберем Копировать. Код информера будет помещен в буфер обмена Windows. Затем заходим в Панель управления нашим сайтом, переходим в Меню сайта или Страницы сайта. Щелкнем по кнопке HTML, чтобы страница предстала в виде html-кодов. Найдем то место, куда хотим поместить наш информер. Щелкнем мышкой. Появится мигающий курсор. Нажмем Ctrl-V или правой кнопкой мыши выберем пункт Вставить. Код информера будет вставлен в этом месте страницы. Чтобы картинка информера не примыкала вплотную к другим элементам, можно отделить ее пустыми строчками. Делается это тегами <br>. Разместите один-два таких тега до и после кода информера. И, самое главное, не забываем внизу нажать кнопку Сохранить. Система извещает, что изменения успешно внесены. Заходим на свой сайт и любуемся проделанной работой.
          Часто нужно поместить ссылку на какой-то интернет-ресурс на свою страничку. В языке HTML для этого есть специальный тег, например, такой:
          <a href="http://www.yandex.ru"> Яндекс </a>
          Слово Яндекс при просмотре странички в браузере будет выделено цветом и подчеркнуто. При щелчке мышкой по этому слову браузер откроет главную страницу поисковой системы Яндекс. Это и есть ссылка. В системе Ucoz, к примеру, для добавления ссылки в текст страницы, нужно представить ее в виде html-кодов или BB-кодов. Иначе система вас не поймет и ссылки не получится. Когда вы редактируете текст страницы своего сайта, над окном редактирования расположены кнопки для вызова разных функций обработки текста. Там есть две кнопки BB коды и HTML. После щелчка по одной из них в окне редактирования страница предстанет в виде html-кодов. Находим нужное место для вставки ссылки и пишем html-тег наподобие того, который указан в примере для Яндекса. Естественно, не забываем сохранить изменения. Заходим на сайт, в тексте страницы должна появиться подчеркнутая ссылка на указанный вами ресурс.
На Ucoz ссылка показывается изменением цвета текста (красные буквы). Для тех, кто привык работать в меню, проще будет воспользоваться кнопкой Ссылка в меню (иконка в виде звена цепи).
          Конечно, добавлять информеры и ссылки можно не только на Ucoz, можно это делать и на других хостингах (narod.ru, by.ru и т.п.). Делается это аналогично.
          Для примера разберем, как добавить информер Dr.Web на ваш сайт. Он позволит посетителям проверить какой-либо файл на вирусы прямо из вашей странички. Код информера возьмем на сайте http://www.drweb.com   по ссылке Владельцам Web-сайтов. Этот информер немного отличается от других тем, что к нему идут впридачу два файла картинок - fon.png и prov.png. Без этих файлов на информере вместо картинок будут пустые квадратики. Поэтому скопируем также и их на свой сайт с помощью встроенного файлового менеджера системы Ucoz. Осталось последнее - исправить ссылки на эти файлы в коде информера. Нужно добавить перед именами этих файлов имя своего сайта, у меня это выглядит так: "http://zgo.ucoz.ru/prov.png" "http://zgo.ucoz.ru/fon.png"

P.S. Допустим, вам понравился какой-то сайт и вы хотите использовать картинку с этого сайта как ссылку для перехода на этот сайт. Например, я использовал изображение пингвинчика для перехода на сайт http://www.linuxsoft.ru/

Для этого правой кнопкой мыши щелкаем по нужной картинке и в меню выбираем Свойства изображения (если вы используете Opera) или Информация об изображении (если используете Firefox). IE я уже давно не пользуюсь.

Запишем на бумажку или выделим и скопируем в буфер обмена адрес изображения http://www.linuxsoft.ru/images/linux_azul.png и размер изображения в пикселях 80px х 120px. Откроем какой-нибудь простой текстовый редактор вроде Блокнота или WordPad и вставим нашу строчку из буфера обмена. Также в адресной строке браузера выделим и скопируем адрес нужного нам сайта http://www.linuxsoft.ru/ Я все это делаю в файловом менеджере Far (бесплатный аналог Total Commander).

Создаю обычный текстовый файл (Shift+F4) и даю произвольное имя, например Ссылка картинкой. Вставляю в этот файл строчки из буфера обмена. Теперь собираем все это в кучу и создаем саму ссылку:

<a href="http://www.linuxsoft.ru"> <img src="http://www.linuxsoft.ru/images/linux_azul.png" width="80" height="120" border="0"> </a>

Все это должно быть в одной строке. Изображение будет без рамки (border="0"), если хотите сделать рамку, вместо нуля укажите толщину рамки в пикселях. Осталось последнее: скопировать и поместить эту длинную строку в нужное место на странице своего сайта. При щелчке по картинке будет осуществлен переход на сайт http://www.linuxsoft.ru.

Если вы захотите использовать текстовую ссылку, вместо тега <img src="http://www.linuxsoft.ru/images/linux_azul.png" width="80" height="120" border="0"> вставьте одно или несколько слов.

Дополнил статью 9 августа 2013 г.

 

Категория: Статьи | Добавил: admin (11.04.2009) | Автор: Boris
Просмотров: 22180 | Комментарии: 259 | Рейтинг: 5.0/1 |
Всего комментариев: 311 2 3 4 »
31 JefferyBob  
0
At all I do not know, that here and to tell that it is possible

------------
https://servers.expert/faq

30 Ilya Panov  
0
https://tradingtips.ucoz.net/
https://tradingtips.ucoz.net/

29 MaxInboXhult  
0
Высший Инбокс

Уже через 3 часа Вы непременно гарантированно будете иметь навык, как зарабатывать в онлайне, расходуя всего-навсего двадцать минут в день, хоть если Вы еще новичок

С Помощью Вплоть до Конечного результата. Без Денежных Вложений! Без Знаний и Опыта

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

Реальный постоянный доход. Подробнее - www.MAXINBOX.SITE

28 Julialar  
0
Компания из Москвы.
Флипчарты, демосистемы, доски для информации, бумага А4 , картриджи в магазине Омилик по адресу Омилик это Ваш поставщик офисных принадлежностей. Ваш офис, это второй дом, так пусть там будет все, для полноценной работы! Довольный клиент – это плюс к .
В наличии / Опт и розница.
Бумага А4 оптом от 194 руб.
Специалист

27 Miralypef  
0
Наш сервис предоставляет настоящие лайки на фотографии заказчиков, которые обязуются платить за качество.

Только для этого мы и берём удалённых сотрудников, которые будут выполнять задачу, то есть ставить лайки и зарабатывать за Ваш труд деньги.

Чтобы стать нашим удалённым работником и начать ставить лайки, и зарабатывать за это 45 рублей за 1 поставленный лайк.

Вам понадобится просто пройти реристрацию на нашем сервисе. > http://like-money.ru/ <

Выдача заработанных средств производится ежедневно в течении пяти минут.

26 Zairalypef  
0
Наш сервис осуществляет реальные лайки на фотографии заказчиков, которые готовы платить за качество.

Только по этому мы и принимаем удалённых работников, которые будут выполнять данную задачу, то есть ставить лайки и зарабатывать за проделанную работу деньги.

Чтобы быть нашим удалённым сотрудником и начать ставить лайки, и зарабатывать при этом 45 руб. за 1 проставленный лайк.

Вам понадобится просто пройти реристрацию на нашем сайте. > http://like-money.ru/ <

Выплата денежных средств происходит каждый день в течении пары минут.

25 Gelialypef  
0
Мы платим за лайки! - Оплата сдельная!

Наш сервис предоставляет настоящие лайки на фотографии заказчиков, которые готовы платить за качество.

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

Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,

достаточно просто зарегистрироваться на нашем сервисе.

Ознакомьтесь с правилами и условиями на нашем блоге: > http://like-money.ru/ <

Вывод заработанных средств ежедневно в течении нескольких минут.

24 englewTaw  
0
Зачем такие сложноhttp://kr.education-uk.ru/karta-sajta - !

23 englewTaw  
0
Наконец-то, чтото полезноеhttp://es.education-uk.ru/ - ;)

22 NurCurvips  
0
Are you looking for an nuru massage NY, sensual massage NY, japanese massage NY, tantric massage NY, four hands massage or body rub massage NY? Nuru Massage In Manhattan, NY were the first to offer sensational and slippery massage and we are dedicated to it for now. If you want the most erotic massage parlour, look no further than the Nuru Elite. Our nuru massage, sensual massage, body rub massage girls will pleasure you like no one before.
Nuru Massage - https://manhattan-massage.com - massage brooklyn

1-10 11-20 21-30 31-31
Имя *:
Email *:
Код *:
 
 
Категории каталога
Статьи [55]
Программы на ассемблере [2]
Простые программки на ассемблере IBM PC

Форма входа

Наш опрос
Кто Вы?
Всего ответов: 339

Поиск

Друзья сайта

Статистика
 

Copyright OAO ZGO © 2007 - 2024
Сайт управляется системой uCoz