На главную
Веб-технологии
Домен itworldmy

 - практика  начинающим

28 октября 2026   11:39

Зачем создавать простые сайты на html и css - Этап #1

Михаил Ярошевич
Обновлено: 2024-05-19        Посещений: 1248      
Создавать просто - признак истины

Казалось бы кому нужен сейчас простой сайт на html и css. Зачем возвращаться к этому "примитиву" конца прошлого века? Ведь выбрав из множества новомодных интернет-методик можно эффективно создать ресурсы любой сложности, включая высоконагруженные.

Тем не менее, некоторые веб-мастера продолжают создавать такие сайты и не обязательно начинающие. На то существует несколько причин. Во первых браузеры понимают только нативные языки верстки (html, css) и программирования на стороне клиента (JavaScript), хорошо взаимодополняющие друг друга. А во вторых эти языки, в их нынешнем виде, стали стандартом основ интернет-разработок. В конечном итоге веб-страницы формируются и отображаются исходя из правил языка html, который, пока еще, ничем заменить не удалось. Все остальное следствия этой реальности.

Еще о причинах его востребованности

Рассматриваются лишь шесть, хотя их больше.

1) Знание основ всегда полезно

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

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

2) Полный контроль кода

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

Следующие четыре пункта логически вытекают из данного.

3) Оптимальная простота

Учитывая перспективы эксплуатации реализуемых проектов и следуя принципу «чем проще — тем лучше», предполагается в разумных пределах применение относительно простых базовых технологий с HTML5, CSS3, SSI, JavaScript. Поисковые системы предпочитают такие решения.


Пример вебресурса ssi

Подобный подход весьма близок по своей методологии популярному фреймворку Bootstrap. Кстати, существуют хостинги (GitHub и др.), где можно использовать только ранее упомянутую нативную связку.

4) Быстрота разработки

Вопреки бытующему мнению, что сейчас на одних html & css никто не пишет, учитывая трудоемкий процесс, не могу с этим согласиться. Существует огромное количество различных готовых к использованию шаблонов и других наработок, в том числе бесплатных и ускоряющих процесс. А наличие опыта внесения небольших корректировок в исходные тексты придает дизайну страниц необходимую уникальность.

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

5) Высокая скорость загрузки

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

Конечно плохой исходный текст далеко не единственная причина медленной загрузки, но эта тема для отдельного анализа.

6) Расширение (улучшение) функционала

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

Так сложилось, что из популярных скриптовых языков все еще остаются JavaScript (для браузера) и PHP (для сервера). Которые разработаны специально для взаимодействия с HTML и потому удобны, проверены временем и продолжают развиваться. Это классика веба.

Существуют другие средства программирования, отличающиеся назначением, возможностям и временем создания. Это обширная тема для бесконечного обсуждения.

Последнее время появляются высказывания, что PHP себя изживает, а на смену приходят Ruby с Rails, Python с Django, node.js, Rust, … . Так ли это время покажет, но пока реальность такова, все CMS построены на PHP с JavaScript вкраплениями. А по состоянию на 2021 год 900 млн. ресурсов используют именно CMS; т.е. 50% имеющихся интернет-площадок в мире.

Появление методики MYsiteD

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

Что касается наполнения, то планировалось размещать статьи ориентированных на начинающих. Такой процесс позднее был назван учебной методикой MysiteD и начатой с поэтапного создания простых сайтов на базе html, css и ssi.

Об изучении по методике MYsiteD

Как уже было заявлено выше, язык разметки основа создания веб-приложений. Его изучение осуществляется в тесной связи с css, позже к ним добавляется ssi, потом javascript, php и perl. Учебный процесс прост. Следуя рекомендациям статей, предлагается совмещать изучение изложенного материла с практикой в сети.

В статьях методики рассматривается:

  • создание статических вебсайтов, их структура, размещение на хостинге, проблема развития и методы решения;
  • создание динамических вебсайтов с использованием технологии SSI;
  • оптимизация меню;
  • решения проблем открытия доступа поисковикам к вебсайтам;
  • технические вопросы и решения SEO;
  • скрипты расширяющие функционал сайтов;
  • полезные приемы работы с графикой и видео;
  • ... .

⚬ ⚬ ⚬

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

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




 
Гостей: 17

Рубрики

Основы ВебТех

  • Быстрый старт
  • PHP
  • Индексация, SEO
  • ВебМеню
  • Графика, Видео
  • Локалка

JS Введение

  • Описание
  • Исходники

Другие ИТ

  • Уход за ПК
  • Соц. медиа
  • Квалифика­ция

Сообщения

  • Заметки
  • Факты

!

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

Поделиться:

MAX Telegram Одноклассники
↑ ВВЕРХ