Html страницы на ucoz
Система Ucoz позволяет вставлять в страницу html-код длиной 60 000 символов. Казалось бы, такое количество символов достаточно для отображения любой html — страницы, на самом же деле все с точностью до наоборот. Если html — документ создан автоматически какой-либо программой,то в нем будет много повторяющихся элементов и при вставке такого кода 60 000 символов может не хватить. Например, в html — таблице для каждой ячейки таблицы задаются одни и те же атрибуты стиля — название шрифта, его размер, отступы и т.д. и т.п. Поэтому перед вставкой такого html — кода его нужно почистить, т.е. удалить эти повторяющиеся атрибуты. Отображение страницы в браузере практически не пострадает, будут использованы значения по умолчанию. Или задайте эти атрибуты один раз в начале html — документа или в теге body. После такой обработки длина кода сократится в несколько раз. В Windows для удаления ненужного кода удобно использовать Блокнот, он позволяет производить замену символов. Например, в повторяющихся тегах колонок таблицы
можно атрибуты стиля заменить одним пробелом, оставив только ширину колонки, т.е.
можно даже убрать атрибут width, ширина колонки будет установлена по самой длинной строке в колонке:
В сложных случаях для поиска нужных символов используйте регулярные выражения. Блокнот не поддерживает регулярные выражения, поэтому придется выбрать другой текстовый редактор, например, встроенный редактор файлового менеджера 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_]$ | Любое слово, хотя бы одна буква, число или _ |
| ([wx])([yz]) | wy, wz, xy, или xz |
| (^A-Za-z0-9) | Любой символ (не число и не буква) |
| ([A-Z]|3) | Означает три буквы или четыре цифры |
Самый лучший вариант — не использовать для генерации html — кода какие-либо программы, а написать его вручную, таким образом вы избавитесь от лишнегог кода. Удобно использовать для этих целей html — редактор Константина Полякова HEFS. Это позволит избежать опечаток в html — тегах и сразу же можно посмотреть результат.
Для выделения ячеек таблицы линиями в теге table используйте атрибут border=1, ячейки таблицы будут выделены двойными линиями. Если вам это не нравится, используйте дополнительно атрибут cellspacing=0, т.е. получится так:
Хотя система Ucoz предлагает свои счетчики, информеры, вы можете украсить сайт и другими баннерами. В Интернете много сайтов, на которых предлагаются коды счетчиков, информеров, баннеров. Код информера — это несколько строчек html-кода. Обычно html-коды таких информеров расположены в разделах «WEB-мастеру» или подобных. Если этот раздел явно не указан, найти его можно, щелкнув по ссылке Карта сайта. На экран будут выданы все разделы сайта и переходим на пункт WEB-мастеру. Выделим код информера мышкой и, нажав правую кнопку мыши, выберем Копировать. Код информера будет помещен в буфер обмена Windows. Затем заходим в Панель управления нашим сайтом, переходим в Меню сайта или Страницы сайта. Щелкнем по кнопке HTML, чтобы страница предстала в виде html-кодов. Найдем то место, куда хотим поместить наш информер. Щелкнем мышкой. Появится мигающий курсор. Нажмем Ctrl-V или правой кнопкой мыши выберем пункт Вставить. Код информера будет вставлен в этом месте страницы. Чтобы картинка информера не примыкала вплотную к другим элементам, можно отделить ее пустыми строчками. Делается это тегами
. Разместите один-два таких тега до и после кода информера. И, самое главное, не забываем внизу нажать кнопку Сохранить. Система извещает, что изменения успешно внесены. Заходим на свой сайт и любуемся проделанной работой.
Часто нужно поместить ссылку на какой-то интернет-ресурс на свою страничку. В языке HTML для этого есть специальный тег, например, такой:
Яндекс
Слово Яндекс при просмотре странички в браузере будет выделено цветом и подчеркнуто. При щелчке мышкой по этому слову браузер откроет главную страницу поисковой системы Яндекс. Это и есть ссылка. В системе 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) и даю произвольное имя, например Ссылка картинкой. Вставляю в этот файл строчки из буфера обмена. Теперь собираем все это в кучу и создаем саму ссылку:
Все это должно быть в одной строке. Изображение будет без рамки (border=»0″), если хотите сделать рамку, вместо нуля укажите толщину рамки в пикселях. Осталось последнее: скопировать и поместить эту длинную строку в нужное место на странице своего сайта. При щелчке по картинке будет осуществлен переход на сайт http://www.linuxsoft.ru.
Если вы захотите использовать текстовую ссылку, вместо тега вставьте одно или несколько слов.
Дополнил статью 9 августа 2013 г.
Html страницы на ucoz
Страницы сайта на Ucoz являются динамическими. Динамическая страничка, это такая страничка, которая на сервере как единое целое не существует и собирается в обозревателе «на лету» из отдельтных блоков по определённому сценарию. То есть, для существования динамической страницы необходимы три условия или три важных структурных части:
1. Содержание или контент, то есть текст, сопровождающие текст картинки и гиперсвязи, обычно находится в специальной базе данных.
2. Описание оформления контента, то есть как это содержание будет располагаться и оформляться на странице, его окончательный вид.
3. Программа-сценарий, которая извлекает отдельные блоки контента из базы и собирает страницу в единое целое.
Вот в этом и состоит главное преимущество динамических страниц перед статическими. Информация (контент) и дизайн в них совершенно не зависят друг от друга и их можно изменять раздельно и в разное время. И что самое важное — дизайн очень легко приводится к единому виду при помощи шаблонов. Шаблон, трафарет, то есть набор правил расположения и оформления элементов на странице. Создав один или несколько шаблонов на сайт, вам останется только менять в установленных местах информацию, извлекать её из базы данных по сценарию или в ответ на действия пользователя.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
1.
А вам не подойдет готовый модуль? Очень удобно на самом деле и в 99.9% случаев лучше использовать его. Редактировать можно в Панели управления. Например, активируйте модуль «Каталог статей». В «Управление дизайном» можно отредактировать html шаблона. Потом, просто нажимаете кнопку «добавить материал». И новая страница создается автоматически для него. Вам остается лишь добавить контент.
Попробуйте разобраться, как это работает. В сети много информации можно отыскать.
2.
Если все же нужна страница отдельная для каких-то нужд, тогда при создании или редактировании, можно поставить галочку «Использовать персональный шаблон для страницы». Проблема уйдет.
3.
Или отредактируйте шаблон «страницы сайта». В панели управления найдите «управление дизайном(шаблоны)» — «страницы сайта». Не забудьте вставить на страницу $CONTENT$. Данный $CONTENT$ будет заменяться вашим кодом, который вы создаете в редакторе.
Звучит,возможно, запутанно. Но разобраться на самом деле не так уж сложно.
uio, короче, внешний вид страниц меняется в шаблонах (Управление дизайном — список шаблонов), а контент добавляется через специальные формы. Существует несколько типов модулей имеющих отличающуюся функциональность. То есть они заточены под определённую задачу. Это модули-каталоги (общее определение), Гостевая книга, форум, фотоальбом. Изучайте, здесь на форуме фактически учебник по системе. Всё систематизировано и описано.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Я сделал свой дизайн страниц. Но как мне поменять текст в новой странице с таким же дизайном. Нажимаю редактор страниц, — добавить страницу — появляется чистое поле, туда пишу код, нажимаю сохранить, но все равно мой код он не видит. выдает страницу с моим новым шаблоном
Добавлено (26 Ноя 2013, 20:51:54)
———————————————
Есть главная страница с моим дизайном.
Я создаю вторую страницу с таким же дизайном. Нажимаю редактор страниц — добавить страницу — появляется чистое поле, туда пишу код, нажимаю сохранить, но все равно мой код он не видит. выдает страницу которая главная. никаких изменений нет.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
uio, и еще, если можно, расскажите немного, какой вы сайт хотите построить по структуре. может быть мы вам что-то подскажем, как лучше сделать.
Главная страница — http://uyttiti.ucoz.ru/
Вторая страница (должна быть другой, мой код система не видит) — http://uyttiti.ucoz.ru/index/777/0-5
Добавлено (26 Ноя 2013, 20:59:44)
———————————————
Сайт будет о церкви. Этот сайт что я дал по ссылке пробный, я тут учусь делать. Дизайн обязательно свой должен быть.
Добавлено (26 Ноя 2013, 21:00:30)
———————————————
Сайт, просто набор страниц. главная со ссылками на другие страницы. и все.
Добавлено (26 Ноя 2013, 21:02:13)
———————————————
Куда мне вписывать свой код?
Добавлено (26 Ноя 2013, 21:03:18)
———————————————
Причем когда я прописываю код через кнопку html, то в поле строится страница, по этому кода. но как только я нажимаю сохранить. все. выдает главную страницу с мои дизайном.