Простой HTML

htmlКак сделать так, что бы контент или определенное содержимое страницы сайта, было видно только пользователям мобильных устройств или наоборот, только на компьютерах. Хороший способ показать что либо мобильным посетителям в отличие от постоянных посетителей, обычной версии сайта.

textolite логотипTextolite - это бесплатная система управления статическим сайтом, как заявлено её разработчиками.
Идея следующая. У вас есть простой сайт сделанный на HTML, т. е. содержащий набор HTML-документов. Если надо внести исправления в текст, то для этого применяется FTP или серверный файловый менеджер. Textolite как раз выступает в роли такого менеджера, вы можете открыть любой документ прямо на сайте и отредактировать его в текстовом режиме или напрямую собственно сам код.

 

htmlНаверное, вы даже и не подозревали, что у сайта могут быть разные адреса главной страницы. Например, site.ru, site.ru/ и site.ru/index.html Возможно в этом нет ни чего страшного с точки зрения поисковой оптимизации, но мне лично такие дубли не нравятся. Убрать их и прийти к одной единственной, можно применив запись редирект в файле .htaccess

htmlКак показать контент только на мобильных устройствах или как спрятать контент для мобильных устройств.

Как показать:

Чтобы добавить на страницу текст или изображение только для пользователей мобильных устройств, вставьте следующий код внутри тэга-контейнера <body> в том месте, где этот контент должен отображаться

htmlЯкорь, используется для направления посетителя в точно определенное место на странице сайта. Практикуется в использовании на страницах с большим объемом контента.

Пример: <a name="link"></a> так выглядит метка установленная на странице сайта в определенном месте, где name - строго индивидуальное имя якоря, так сказать закладка.

htmlНабор из 40 HTML-страниц на основе css и html без каких либо хаков и с хорошей совместимостью в различных браузерах. Макеты представляют собой страницу из трех частей с использованием css и методы отрицательных полей с колонками подряд, в некоторых случаях, с противоположными поплавками.

 

htmlРазберу сразу на живом примере, простая текстовая ссылка: <a href="/URL-адрес ссылки" >Название ссылки</a>
где тег <a> - используется для создания ссылки;
атрибут <href> - указывает путь к странице или сайту, на который нужно перейти.

Простая ссылка на картинку: <img src="/Путь к картинке" >
где <img> - тег для вывода изображения (картинки);
<src> - путь к картинке

Теперь объединим все вместе для того чтобы картинка стала ссылкой:

htmlЧасто, переходя с одного сайта на другой, я оказываюсь на странице, которая уже больше никуда не ведет. В таком случае, я столкнулся с самой распространенной ошибкой глобальной сети за номером 404.
Error 404, Page Not Found, Page is temporary unavailable
Ошибка 404 является сообщением о произошедшем сбое в протоколе HTTP. Её целью является донести пользователю, что клиент установил связь с сервером, но запрошенный документ не найден или не существует.

htmlВ примере "Картинка как фон страницы", стиль картинки использовался прямо в странице. Правильнее и проще будет использование картинки фоном в CSS. Если стилю будет присвоить класс, то его можно будет использовать и для других картинок на всем сайте.

Пример 1: Создаем документ с расширением .css в него впишем следующее:

div.наш стиль {
background-image: url('/images/картинка.jpg');
background-repeat: repeat;
background-attachment: scroll;
}

 

sitemapНа первоначальном этапе развития сайта, такой необходимости, как создание файла sitemap нет, так как страниц мало, они в основном статичны, от главной страницы не более двух кликов, между собой все страницы перелинкованы. Но это только в начале.
Сайт имеет свойство постепенно разрастаться. Разумеется, на какие-то совершенно новые странички сайта ссылки с главной страницы уже не ставятся, структура сайта углубляется и постепенно уходит в такие дебри, что самому парой тяжело проследить путь от главной. Страницы удаляются по вложенности, от главной, в бесконечность.

htmlКак сделать так, чтобы корректно вписать картинку в фон страницы и использовать как основной фон страницы или как отдельного текста.

Универсальное свойство background - позволяет устанавливать характеристики фона страницы (до пяти).

Например команд:
background-image – устанавливает фоновое изображение;
background-position – задаёт начальное положение изображения (left, center, right, top, bottom);
background-attachment – будет ли изображение прокручиваться вместе с документом или зафиксируется (fixed, scroll, local);
background-repeat – как будет повторяться картинка (repeat-x, repeat-y, space, round, no-repeat);
background-color – цвет фона (цвет, transparent, inherit).