|
Верстка сайта - разделение страницы на несколько блоков. Попробуем сделать страницу из нескольких блоков:
HTML код страницыБолванка html кода страницы <html> <head> <title>Название сайта</title> Информация для поисковых систем |
|
Иногда требуется сделать страничку без всяких контейнеров, колонок и прочих премудростей. Для этого нужно:
<html>
Категория: Делаем сайт вместе |
Просмотров: 396 |
Добавил: ездун |
Дата: 09.08.2015
| Комментарии (0)
|
|
Самый простой способ копирования текста или адреса сайта заключается в следующем;
Делается это гораздо быстрее, чем можно прочитать инструкцию. Но этот метод работает не всегда. В этом случае:
|
|
Выпадающий список задается тегом <select>, а каждая строчка - тегом <option>. Чтобы при наведении курсора на строчку и нажатии на кнопку мыши можно было перейти на другую страницу, используют код <option value="http://адрес страницы"</option>. Полный код html выглядит так: <center> <p style="text-align: center;"><select onchange="javascript: window.location.href=this.options[this.selectedIndex].value"> <option value="#">Выберите статью</option> <option value="http://ezdec.ucoz.ru/blog/kak_ustanovit_flesh_banner_na_ucoz/2015-03-16-33">Как установит флеш баннер на UCOZ</option>
<option value="http://ezdec.ucoz.ru/blog/kak_raspolozhit_kaptink ... Читать дальше » |
|
Флеш баннером называют баннер (картинку) с движущимися изображениями. Их можно нарисовать в Фотошопе или использовать специальные программы, что гораздо быстрее. Одна из них - Aleo Flash Intro Banner Maker 4.0. Пример разработанного в ней баннера представлен ниже. Чтобы установить флеш баннер на сайт, нужно загрузить в файловый менеджер файл баннера в формате .swf и установить на странице установки код: <object type="application/x-shockwave-flash" data="адрес файла баннера.swf" width="длина баннера в пиксел ... Читать дальше » |
|
Чтобы расположить картинки с надписями в несколько рядов, нужно разбить страницу на блоки, но есть способ попроще - просто сделать таблицу. Для этого в режиме добавления или редактирования материала создаем таблицу нажатием на значок в верхней части редактора.
Количество колонок указываем равным количеству фото с одном ряду, количество строк - равным количеству рядов с фото. В нашем случае - в одном ряду - 3 фото, количество рядов - 2. Нажимаем "ОК" и таблица появляется в редакторе. Осталось подобрать фото, обрезать или уменьшить из до одинаковых размеров, разместить в ячейках таблицы и с |
|
Известно, что на посещаемость и рейтинг сайта влияет количество индексируемых ссылок. Я при раскрутке нового проекта http://strudom.ru c удивлением обнаружил, что даже адрес сайта, указанный в подписи на популярных тематических форумах положительно влияет на посещаемость. Как следует поступать:
Под вашим ответом появится ссылка на сайт. Кто-то из прочитавших сообщение заинтересуется и зайдет по ссылке. Не все модераторы форумов приветствуют такое поведение, кто-то удалит запись или даже аккаунт, но в большинстве случаев номер проходит. |
|
Размеры фотографий, расположенных горизонтально в один ряд будут увеличиваться при наведении на них курсора, если применить указанный ниже код <div class="dszoomimg"><img src="http://smotri.te.ua/images/2013-10/items.1381228518-8.b.jpg" class="dszoom" alt="Бухта"><img src="http://smotri.te.ua/images/2013-10/items.1381228521-1.b.jpg" class="dszoom" alt="Горы"><img src="http://smotri.te.ua/images/2013-10/items.1381228520-10.b.jpg" class="dszoom" alt="Сосна"></div><style>.dszoomimg {display:table;margin:2 auto;padding:15px;}img.dszoom {-webkit-transition: all 0,75s ease-out;-moz-transition: all 0.75s ease-out;-o-transition: all 0.75s ease-out;-ms-transition: all 0.75s ease-out;transition: all 0.75s ease-o ... Читать дальше » |
|
Самый простой, но не очень зрелищный способ увеличения размера изображения при наведении мыши
<img src="http://ezdec.ucoz.ru/leto.bmp" mce_src="http://ezdec.ucoz.ru/leto.bmp" alt="название картинки" width="50" height="40" onmouseover="this.width=150;this.height=120" onmouseout="this.width=50;this.height=40"> & ... Читать дальше » |
|
Тег "пробел" означает промежуток не только между словами, но и между изображениями. Иногда нужно раздвинуть фотографии, расположенные рядом, а в визуальном редакторе это не получается. Тогда заходим в html и между кодами вставки изображений вставляем пробел.
<img src="http://smotri.te.ua/images/2012-03/items.1332082385.b.jpg" height="250" width="300"> <img src="http://smotri.te.ua/images/2012-03/items.1332082321.b.jpg" height="250" width="300"></p> |