Процесс вёрстки веб-страниц имеет творческую основу т.к. ни один из способов не является каноничным и принятым как основа. Все подходы к вёрстке имеют как преимущества, так и недостатки. Как же правильно верстать? Read more …
Tags: HTML, вёрстка, разметкаCSS настройка HTML тега pre
По-умолчанию текст в тегах pre отображается с форматированием «как есть». Т.е. если строка длинная, то она будет заезжать за все возможные границы и портить всю вёрстку. По оси X страница будет скролиться именно из-за какой-нибудь одной длинной строки. Как этого избежать, но при этом оставить великолепный функционал тега pre? Read more …
Tags: CSS, css, HTML, html, pre, setting, tags, Верстка, настройкаКакие символы кодирования нужно использовать а какие нет
Нужно ли изменять размеры изображений на сайтах?
Долго экспериментировал по этому поводу, пробовал разные решений и решил остановиться на наиболее правильном как мне кажется. В своей практике были случаи когда на некоторых сайтах я делал сразу несколько копий изображений загруженных пользователями, ну что бы было удобнее их грузить и трафик не забивался. В итоге пришёл к выводу, что ресайзить изображения это дело абсолютно лишнее ибо толку от этого мало. Подобные способы были актуальны во времена медленного интернета и слабых компьютеров, сегодня же потребность в этом отпала. Read more …
Tags: HTML, Images, Web серверы, Верстка, Дизайн, интернет, СайтостроениеДелаем 301 редирект разными способами
В посте опишу самые популярные способы редиректа, как серверные так и скриптовые. Показывать буду на примере постоянного 301 редиректа (301 Permament Redirect — постоянный редирект). 301-ый код статуса HTTP, возвращается при обращении к определенному ресурсу и означает, что запрашиваемый документ был перенесен на новый адрес, причём на постоянной основе. Получив 301 код статуса HTTP все клиенты (user agents) будут перенаправляться по новому адресу. Обычно при 301 редиректе поисковые роботы производят «склейку» адресов, начального и конечно, как будто это одна страница. Read more …
Tags: Apache, HTML, Java, Nginx, PHP, web, Web мастеринг, Web серверы, Администрирование, Браузеры, Интернет, ПрограммированиеСтарые теги в семантическом HTML5
В HTML5 есть такая парадигма как семантический веб и семантические теги структуризации контента. В связи с этим старым тегам разметки <b>, <i>, <s>, <small>, <big> в некоторой степени были даны новые смысловые значения связанные именно со структуризацией данных. Read more …
Как убрать иконку Powered by MediaWiki
Сразу к делу так сказать. Стоит обычная задача убрать иконку Powered by MediaWiki в подвале сайта на движке MediaWiki. Понятное дело, что это не совсем законно по отношению к людям разрабатывающим данный движок и предоставляющим его всем желающим за бесплатно, но речь сейчас не об этом да и причины на том могут быть самыми разными. Давайте начнём. Read more …
Tags: CMS, HTML, MediaWiki, СайтостроениеУстановка Apache + PHP + MySQL на Windows
Установим так сказать базовый пакет web-разработчика на локальную машину под управлением Microsoft Windows. Не станем использовать готовые сборки наподобие Denwer, XAMP, OpenServer и им подобных и будем устанавливать всё вручную и по отдельности. Read more …
Tags: Apache, apache, CSS, error, HTML, MySQL, PHP, VDS и выделенные серверы, web, Web серверы, Windows, windows, Администрирование, Базы данных, Интернет, Операционные системы, Программирование, СайтостроениеНастраиваем вывод главной index страницы сайта по умолчанию
Все мы знаем, что по умолчанию, и коробки, сервер Apache отображает файл index.html как главный файл сайта. Т.е. если набрать просто адрес ресурса без указания файла на нём, то сервер отдаст файл index.html как главный файл сайта (главная страница). Read more …
Tags: Apache, HTML, PHP, Web серверы, Интернет, СайтостроениеУстановка LAMP на Linux Ubuntu
Если кто не в курсе, то LAMP (аббревиатура от Linux-Apache-MySQL-PHP) это программный комплекс для Linux состоящий из таких популярных программных продуктов как: сервер Apache, СУБД MySQL и язык программирования PHP. В общем в нём есть всё, что надо для работы web сайтов. Read more …
Tags: Apache, CSS, GNU/Linux, HTML, PHP, Ubuntu, web, Web серверы, Администрирование, Базы данных, Интернет, Операционные системы, ссылкиКак сделать блок div ссылкой?
Приветствую тебя, уважаемый читатель блога Softodom. В это не большом посте речь пойдет о вёрстке html, а точнее о том как сделать блочный элемент div ссылкой. Для новичков в верстке эта информация может оказаться полезной, поэтому решил опубликовать её на своё блоге. Read more …