Совет 1: Как на сайте добавить блок

Существует два типа верстки сайтов: табличная и блочная. И если первая более удобна для создания простых html-страниц, вторая идеально подходит в том случае, если необходимо добавить отдельные элементы в виде блоков.
Инструкция
1
Есть два приема, которые позволят вам самостоятельно разработать дизайн блока: с внедрением каскадных таблиц стилей в документ или с подключением их из внешнего ресурса. И тот, и другой дает один и тот же результат, поэтому принципиальной разницы между ними нет. В первом случае вставьте в любое место файла style.css следующий код:
.block1 {
}
Block1 – название блока, можно написать любое другое. Между фигурными скобками задайте параметры в формате: наименование атрибута>двоеточие>значение>точка с запятой (в т.ч. ставится перед фигурной скобкой). Обычно используются следующие элементы:
- width – ширина (500px, 100% и др.);
- height – высота (200px, 25% и др.);
- background – цвет фона (Yellow, Red, #000000);
- padding – отступы вокруг содержимого внутри блока (0px, 20%);
- margin – внешние отступы от блока (15px, 40%);
- border – рамка (border: solid 0px black;);
- float – выравнивание (left, right);
- border-radius – скругление углов (border-radius:10px;).
2
Во втором варианте использования CSS, пропишите стиль между тегами <head> и </head>:
<style type="text/css">
.block1 {
}
</style>
И добавьте нужные параметры.
3
Вставьте блок в нужное место на сайте при помощи команды:
<div class="block1"> Блок 1</div>
Сохраните и обновите страницу, он должен появиться. Имейте в виду, что выравнивание по высоте может зависеть от степени наполненности содержимым. Например, если вы задали 300px, а прописали всего одну строку текста, он будет отображаться не полностью. Исправить это можно, например, при помощи таблицы с нужными параметрами, которую следует поместить внутрь блока, т.е. между тегами <div class="block1"> и </div>. А чтобы границы не была видна, вставьте атрибут border="0" <table border="0">.

Совет 2: Как создать глобальный блок

Если вы веб-мастер и руководите работой интернет-проекта, вам будет полезно узнать, как сделать на вашем сайте глобальный блок, позволяющий оптимизировать проект — с использованием глобального блока, вы можете применять изменения ко всему проекту, отредактировав только один из его шаблонов. Глобальные блоки дают много возможностей по оптимизации дизайна сайтов, а также ускоряют вашу работу и делают ее продуктивнее. Научиться создавать глобальные блоки несложно, если вы уже имеете представление об интерфейсе панели управления проектами Ucoz.
Инструкция
1
Откройте панель управления вашего сайта. Зайдите в «Управление дизайном» - вы увидите разделы, среди которых будут глобальные блоки, конструктор шаблонов, быстрая замена, и так далее.
Зайдите на нужную вкладку (глобальные блоки) и нажмите «Добавить блок», оставив выделение на пункте «Глобальные блоки для обычной версии сайта». Введите в пустое поле название для нового глобального блока, используя только латинские буквы. Нажмите «Добавить», и блок будет создан.
2
Щелкните на название блока, чтобы открыть поле ввода HTML-кода. Измените шаблон так, как вам нужно, введите в пустое поле требуемый набор кода, а изменения сохраните. Скопируйте код блока и возвращайтесь к предыдущему меню.
3
В любом глобальном блоке перед названием должно находиться слово GLOBAL – таким образом, в коде блока вы увидите $GLOBAL_название блока$. Создавая другой блок, называйте его не так, как первый — и в его названии также будет слово GLOBAL, предваряющее основное название. Получившийся код, который вы скопировали, вставьте в шаблон туда, куда нужно.
Справа от заголовка $GLOBAL вы увидите красный крестик — он удаляет любой из созданных блоков, если в них пропадет необходимость.
Видео по теме

Совет 3: Как добавить счетчик Rambler на сайт

Счетчик посещений – предоставляемый поисковыми системами продукт, который собирает информацию об общем количестве посетителей сайта. Выглядит он как небольшой блок внизу страницы и имеется почти на каждом ресурсе. Также счетчик позволяет узнать, по каким запросам был найден сайт и с каких ссылок совершались переходы, так что все это окажется полезным для администратора.
Инструкция
1
Добавление счетчика посещаемости в системе «Rambler топ100» осуществляется следующим образом:
Зайдите в раздел «Топ100» на главной странице «Рамблера» или по адресу top100.rambler.ru
2
Начните регистрацию, ознакомившись с условиями сервиса: впишите свой адрес почты в регистрационную форму и выберите пароль для учетной записи в системе «Топ100».
3
На ваш ящик будет выслано письмо с ссылкой, по которой надо перейти для активации. Еще один вариант активации - разместить в директории сайта файл со специальным кодом и затем нажать «Активация».
4
Теперь нужно указать адрес своего сайта, выбрав «Добавить сайт», и после ввода подтверждающего кода, заполнить поля информацией о сайте («Анонс», «Описание»,т.д.). Здесь учитывается название, специализация, ключевые слова, связанные с содержимым на сайте.
Опция «Выбор географического охвата» сортирует запросы по местонахождению запрашивающего, поэтому имеет смысл сделать его шире или обозначить регионы, от которых ожидается максимальное количество запросов.
Ваша задача - максимально полно и точно подобрать соответствующие ресурсу поисковые данные, которые будут подходить под запросы пользователей.
5
Для увеличения количества входов на сайт можно добавить синонимы главной страницы, если она имеет дополнительные адреса.
После регистрации вы получите свой уникальный счетчик в HTML-кода и логотип. Оформление счетчика можно настроить, например, задать самостоятельно параметры цвета, анимированность/статичность.
6
6. Код нужно разместить в конце страницы, в режиме редактирования кода, перед тегом /body в формате HTML (выбрать «Специальная вставка»).
После того, как вы впишете его в код сайта, он станет отображаться на главной странице, но иногда счетчики ставят сразу на несколько. Данные с них будут суммироваться в показатель общей посещаемости сайта.
Полезный совет
Значения параметров padding, margin, border-radius могут быть заданы разные для каждой стороны блока. Для этого необходимо прописать их через точку с запятой:
- одно значение задает равный отступ от всех сторон (margin:5px;);
- если значения два, первое из них отвечает за верхний и нижний край, второе – за правый и левый (padding:10px; 20%;);
- три значения – первое регулирует верх, второе – правую и левую сторону, третье – низ (margin:5px; 15px; 20px;);
- четыре значения применяются поочередно к верхнему, правому, нижнему и левому краю блока (border-radius:10px 100px 60px 30px;).
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500