1. Использование устаревшего HTML

Сейчас в сети Интернет огромнейшее количество статей, посвященных решению тех или иных задач в HTML. И вот, многие начинающие разработчики сайтов, пытаясь справиться с той или иной задачей, находят такие статьи и черпают из них информацию. При этом они даже не догадываются, что описанные технические решения являются устаревшими, и их уже не применяют. В качестве примера такой ошибки можно назвать повсеместное использование тега div даже в тех местах, где гораздо проще и целесообразнее применить семантические элементы.

2. У меня в браузере сайт работает…!

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

3. Низкая скорость загрузки сайта

Стремясь создать максимально красивый и современный сайт, начинающий разработчик перегружает сайт различными изображениями и анимацией. При этом он забывает об оптимизации элементов. В результате сайт долго загружается и не может работать должным образом.

Как мы помним, в IE использовался алгоритм, имеющий название «режим совместимости». С помощью этого алгоритма предоставлялась возможность просмотра, каким образом отображается сайт в браузерах более ранних версий. Этот алгоритм работает через через meta или HTTP заголовки. На данный же момент с появлением IE11 данные теги считаются устаревшими.

Очистите кастомные шрифты

Ранее веб-разработчики были существенно ограничены в выборе шрифтов. Как правило, использовались исключительно «безопасные шрифты», список которых состоял из шрифтов различных операционных систем. Таким образом, с завершением поддержки IE9 мы можем смело отказаться от файлов, имеющих формат eot. Это действительно удобно, особенно в тех случаях, когда необходимо произвести настройку шрифтов-иконок.

Основное преимущество использования конструктора заключается в том, что для работы с ним от вас не требуется наличия никаких технических знаний. В частности, например, при создании сайта вопрос разработки дизайна отпадет сам собой, ведь для вебмастера предлагается довольно большое количество готовых шаблонов разного дизайнерского исполнения. Вам останется только выбрать наиболее подходящий для вас шаблон и настроить его под себя.

Не менее простым является и размещение на сайте своего контента. Для этого в большинстве современных веб-конструкторах предусмотрены специальные визуальные редакторы. Благодаря таким редакторам практически полностью исключается необходимость «ковыряться» в html коде.

Для тех, кто не знает, расширение базы данных – sql. Таким образом, на свой компьютер вы должны скачивать именно дамп базы данных. После того как вы скачали базу данных на свой компьютер вам необходимо загрузить ее на хостинг. Удобнее всего для этого использовать специальную утилиту – PhpMyAdmin. Заходим в эту утилиту и импортируем базу данных. Вот собственно и все.

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

На самом деле ничего сложного в загрузке файлов в корневую папку нет. Прежде всего, вам необходимо зайти в свой личный кабинет у хостер провайдера. Для того чтобы войти в личный кабинет вам понадобится ввести логин и пароль, которые были указаны вами при регистрации хостинг услуг.

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

Отдельно следует отметить, что корневой папкой сайта является папка, которая включает в себя все остальные папки веб-сайта. Именно сюда вам и стоит загружать необходимые вам файлы.

В абсолютно любом шаблоне в визуальном редакторе вебмастер может создать свое собственное меню и разместить его в одной из возможных областей. Чтобы попасть на страницу создания меню, необходимо перейти «Внешний вид» – «Меню».

На странице создания меню вы можете создавать новые рубрики, создавать новые веб-страницы, вставлять ссылки на другие страницы сайта. Кроме этого в визуальном редакторе можно просто наполнить блок навигации ссылками и в последующем выбрать место отображения этого блока.

После создания структуры меню можно приступать к редактированию ее внешнего вида. Редактирование внешнего вида осуществляется через таблицу стилей CSS. Для максимального удобства можно открыть просмотр сайта в режиме отладчика. Клацнув на меню вы увидите какие стили за что отвечают. Меняя те или иные параметры можно довольно быстро понять какой цвет и какие размеры меню будут оптимальными для дизайна вашего веб-сайта.

– постановка цели. Перед тем как приступать непосредственно к созданию своего сайта вы должны дать себе четкий ответ на вопрос: «Какую цель я преследую, создавая сайт?». Таким образом, вы сможете определиться, что ваш ресурс будет давать своим посетителям;
– название сайта. Следующим этапом будет определение названия сайта – доменного имени. К этому процессу стоит подойти с большой ответственностью, ведь домен будет закреплен за сайтом на долгое время. При этом в ходе создания домена помните, что он должен быть максимально коротким и максимально полно раскрывать суть вашего проекта;
– разработка дизайна. Разработка дизайна может осуществляться двумя способами: можно заказать разработку дизайна у фрилансеров, а можно использовать готовый шаблон. Что лучше? Однозначного ответа на этот вопрос нет. Все зависит от ваших личных предпочтений и типа создаваемого сайта;
– наполнение сайта. Последним этапом в создании сайта является наполнение его уникальным контентом.

Здесь, как и в случае с разработкой дизайна, два варианта: первый – можно подготовить контент самостоятельно, второй – можно заказать контент у копирайтеров.

– переходим на официальный сайт Liveinternet и проходим там регистрацию. Регистрация очень проста и каких-либо сложностей у вас не возникнет. Единственный момент: не забудьте, в случае такой необходимости, поставить галочку, чтобы статистика была доступна только вам;
– после регистрации вы будете перенаправлены на страницу, на которой вам необходимо будет выбрать дизайн счетчика. Кликнув по той или иной картинке, вы можете изменить ее цвет. Цвет лучше выбирать под дизайн веб-сайта;
– после того как мы выбрали дизайн счетчика, нажимает кнопку «Получить код», и копируем сгенерированный код;
– устанавливаем сгенерированный код себе на сайт. Как правило, счетчик устанавливается в так называемый подвал сайта.

Вставка видео из Ютуб

Без сомнений, вставка видео через Ютуб является самым простым способом. Порядок действий следующий: переходим на Ютуб, находим ролик, который нам понравился, нажимаем кнопку «Поделиться», получаем готовый код, вставляем этот код в странице своего сайта.

Вставка видео с использованием html кода

Скорее всего многие из вас уже сталкивались с новой версией разметки – html5. Эта разметка принесла вебмастерам новые теги и новые возможности. В частности, среди новых тегов появился тег video. Такой тег позволяет вебмастеру вставить видео без использования каких-либо специальных скриптов. Для наглядности, предоставляем пример кода:

view sourceprint?
1.

Отметим, что здесь теги source указывают для браузера путь к файлам и директивы как правильно эти файлы должны интерпретироваться. Также, как можно заметить, для работы во всех существующих браузерах вам потребуется один и тот же файл, но имеющий разные форматы. Конвертация файлов может быть произведена любым доступным конвертером или онлайн сервисом.