Число начинающих создателей сайтов неуклонно растет, это связанно с развитием сети Интернет и желанием почти каждого попробовать самому создать сайт и увидеть, как это делается на практике. Много таких веб-мастеров зачастую допускают ошибки при создании сайта, об этих ошибках стоит поговорить более подробно, что бы стараться в дальнейшем их избежать.
Эти ошибки наиболее распространены и часто встречаются на всех этапах создания сайта.
На начальных этапах создания сайтов встречается такая ошибка, как неправильное вложение файлов для создаваемого сайта. Сначала эту проблему не будет заметно. В начале, все будет работать нормально, но когда придется переносить сайт на виртуальный хостинг появятся проблемы. Понадобится заново организовывать структуру хранения файлов. Так же такие проблемы возникают, когда сайт быстро растет и количество контента постоянно увеличивается. Опытные создатели сайтов для простых проектов ограничиваться тремя папкам (img, style, directory) в которых будут храниться изображения, файлы стилей и необходимые html-файлы. Для более серьезных проектов не стоит превышать четырехуровневую структуру, так как можно запросто запутаться в файлах и папках. Если появилась необходимость создания сайтов более чем в четыре уровня, но хотя этого предостаточно, то можно обратиться к использованию баз данных MySQL.
Правильное разположение DIV’вов
Наиболее распространенная ошибка при написании html-кода, это неправильное размещение блочных элементов. Зачастую начинающие создатели сайтов размешают блочные элементы внутри строчных, что является грубой ошибкой, в результате которой весь дизайн сайта будет отображать некорректно. Это связано с чрезмерным использованием контейнера в коде. То есть нельзя злоупотреблять использованием контейнеров, иначе это может плачевно кончится.
Для страниц сайта, если на них есть графика, изображения должны быть подобраны правильно. Это позволит оптимизировать страницы, ускорить их загрузку и настроить прозрачность некоторых элементов, что необходимо довольно часто. Чтобы не допустить подобных ошибок нужно понять и разобраться в чем разница между графическими форматами jpeg и gif.
Написав html-код, можно сказать, что половина дела уже сделана, но нельзя забывать о валидности кода, так как это может в будущем повлиять на основные показатели сайта, а именно его проиндексированность и наличие страниц под фильтрами. Поэтому нужно «пропустить» код через валидатор, он покажет ошибки и подскажет возможные варианты исправления.
Нельзя забывать про атрибуты тега DOCTYPE и кодировку. Это необходимо для корректного отображения веб-страниц. Правильное написание DOCTYPE помогает браузеру определить не только версию языка html, но и упростит его работу при загрузке веб-страниц.
Особое внимание нужно обратить на синтаксис, он должен быть правильным. Все теги должны быть закрыты, все символы стоять на своем месте и тому подобное. Если сомневаетесь, используйте валидатор.
Роль CSS при создании веб-страниц
Что касается каскадных таблиц стилей, создавая современный сайт без них не обойтись. Поэтому стоит вооружиться справочником по css и проверять все заданные правила. Это поможет сэкономить время, которое может быть потрачено на исправление ошибок в правилах css.
При создании веб-страниц симпатичная типографика очень полезна, но она бесполезна, если используемого шрифта нет на компьютере посетителя сайта. Поэтому нужно искать альтернативные способы отображения шрифта или задуматься об использования безопасных веб-шрифтов.
Неправильное задание размеров шрифтов или написание всех размеров в пикселях одна из самых распространённых ошибок начинающих веб-дизайнеров. В настоящее время существуют три способа задания размеров шрифтов, а так же создание заголовков (h1, h2, h3) и хорошим тоном будет использования всех этих способов в совокупности.
О правильном позиционировании блочных элементов можно говорить долгое время, так как это наиболее распространенная тема при создании, верстке и оформлении дизайна сайтов. Поэтому правила абсолютного, относительного и фиксированного позиционирования каждый веб-дизайнер обязан знать.
Вот такие типичные ошибки допускают начинающие, а порой и профессиональные создатели сайтов, так что стоит ликвидировать пробелы в знаниях html и науке создания сайтов. И напоследок совет, старайтесь меньше пользоваться шаблонами сайтов, так как они тоже создаются людьми, которым свойственно совершать ошибки.
я бы еще добавил что нужно сохранять html документ в точно той же кодировке, которая прописана в header хтмл-документа
Мне кажется всего можно избежать живя в современном мере где большинство сайтов работают на готовой CMS
@Nikolai25, так ведь даже на готовой CMS приходиться лезть в CSS, что бы под себя настроить, да и править html коды приходится тоже 🙂
@Nikolai25, ага, согласен, крупные компании готовы платить деньги за хорошие сайты, а те у кого нет денег, делают все на готовых платформах.
Но спасибо автору за статью, познавательно!
Каждый автор сайта изменяет свой html код на свое усмотрение. Также каждый админ вносит некие коррективы в свою базу данных MySQL. Особенно хорошо это делать, когда досконально знаешь, как изменить и первое и второе без плачевных последствий.
Благо, что сейчас созданы платформы, которые доведены до автоматизма, которые не требуют ручного вмешательства в код сайта.