Статьи

Вернуться к основам с созданием собственного веб-сайта на правильном пути с использованием HTML и CSS

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

Моя подруга Джессика заканчивает обучение в аспирантуре, и одним из ее заданий было создание веб-сайта, описывающего ряд способов использования компьютеров в классе. При подготовке к этому заданию ее лектор кратко продемонстрировал Dreamweaver и предположил, что студенты, которые не могут понять программу, могут просто разработать свой сайт в PowerPoint (да, это PowerPoint!) В виде серии сшитых слайдов и экспорта. их в HTML.

Снимок продукта: Создайте свой собственный веб-сайт правильным способом, используя HTML и CSS Сейчас Джесс учится преподавать драму и английский, поэтому она легко могла бы пойти по пути наименьшего сопротивления, но, поскольку мы только что получили наши офисные экземпляры книги Иана Ллойда « Создайте свой собственный веб-сайт правильно, используя HTML и CSS» , я упал один на ее столе и намекнул, что она может найти это интересным чтением.

Менее чем через неделю, она однажды днем ​​выпустила мне мгновенное сообщение с URL-адресом и спросила меня: «Что ты думаешь?» Готовясь к худшему, я щелкнул и удивленно моргнул, увидев зеленую галочку, которая появилась. вверху окна моего браузера. Сайт подтвержден!

Оказывается, Джесс так понравилась книга, что она даже добавила на свой сайт дополнительную страницу, объясняющую, как она приобрела свои новые знания в области HTML и CSS:

Я прочитал книгу, в которой не было никаких предварительных знаний, и быстро научился тому, как использовать действительный HTML и создавать шикарные веб-макеты в CSS, таким образом, это означает, что я могу применить свой стиль к нескольким страницам, используя одну таблицу стилей — очень удобно, если я хочу что-то изменить на всех своих страницах.

Результат? Ты смотришь на это. Тот факт, что моя первая страница, которую я создал, моя домашняя страница, является Valid XHTML 1.0 Strict, является достижением, на которое могут претендовать очень немногие новички. Фактически все мои веб-страницы проходят 100% проверку HTML и CSS, за исключением кода Blogger на странице моего блога. Но это их проблема и еще одна причина, по которой я бы в идеале использовал созданную вручную технологию ведения блогов, если бы использовал блоги со студентами.

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

Я все еще привыкаю к ​​тому, что моя подруга проповедует Евангелие веб-стандартов, но я не могу быть более гордым — не только потому, что Джесс сделала такую ​​профессиональную работу на своем первом в мире веб-сайте, но и потому, что Ян выпустил книгу это может вызвать тот уровень энтузиазма в создании веб-сайтов правильным способом от кого-то без предшествующего опыта веб-дизайна.

Теперь, чтобы оставить копию недавно обновленной HTML-утопии: Проектирование без таблиц с использованием CSS, 2-е издание на ее столе…