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

Это было 1 июля 1999 года. Двадцать лет назад сегодня, если быть точным, и почти час (сейчас 11:42 по восточному времени, когда мы пишем это, это произошло около полудня по центральному времени). Между прочим, это совершенно случайно; Мне просто нужно, чтобы этот блог был написан и закончен, и сейчас самое подходящее время для этого.

Юго-западный Хьюстон, штат Техас, так что на улице было жарко. Это было летом между 6 и 7 классами. Я только что закончил смотреть The Price Is Right и зашел на AOL, чтобы весело провести день в Интернете. Я не помню, как именно я наткнулась на это, но я думаю, что это было на форуме для девочек-подростков (тогда не было законов, гласящих, что вам должно быть больше 13 лет, чтобы зарегистрироваться для чего-либо в Интернете. Или действительно, мало, если какие-либо законы вообще относительно чего-либо в Интернете) или из прямого обмена сообщениями с одним из пользователей этого форума. Может быть, они связали это в своей подписи. Так или иначе, у одного из пользователей был личный сайт. Действительно? Вы можете сделать это, в нашем возрасте, бесплатно? Ну, мне больше нечего делать сегодня, я мог бы сделать это сам.

Expage.com был даже по меркам того времени крайне упрощенным. Вам была разрешена *одна* страница на аккаунт; если вы хотели создать многостраничный веб-сайт, вам приходилось создавать каждую страницу, используя другие учетные записи. Они предоставили вам простые фоны, шрифты, изображения маркеров, картинки и другие вещи, чтобы создать простое присутствие в Интернете. Вся работа была проделана с помощью простого текстового поля ввода. Это было задолго до появления социальных сетей, поэтому, если вы хотели представить информацию о себе в Интернете, единственным способом сделать это было создание личного веб-сайта.

На этих форумах, казалось, было небольшое сообщество (предположительно, я имею в виду… это был Интернет Дикого Запада конца 90-х) девочек-подростков, которые делали и показывали эти маленькие и простые веб-сайты. Но у них было так много всего, так много других фонов, цветов, изображений, анимации, эффектов… как они это делали? Это было незадолго до того, как я открыл для себя HTML.

Когда я впервые узнал, что такое HTML, я даже не знал, как копировать и вставлять. Но здесь эти люди представили коды, которые, если вы поместите их в текстовое поле на Expage, превратят вашу очень простую страницу во что-то более экзотическое. Сообщество управляло многочисленными веб-сайтами HTML Help, в дополнение к тому, что они показывали вам, как писать HTML в формате, используемом большинством личных веб-сайтов, они также показывали небольшие фрагменты JavaScript и как реализовать теперь очень устаревшую Java. Апплеты (да, написанные на Java, а не на JavaScript!!). Поскольку я не знал, как копировать/вставлять, я написал коды вручную на блокноте и повторно набрал их в текстовом поле. . Оглядываясь назад, можно сказать, что это был и остается хорошим способом фиксации кода в памяти. Я научился копировать/вставлять с одного из этих веб-сайтов HTML Help после постыдно долгого написания кода вручную.
Самый первый тег HTML, который я выучил, самый первый фрагмент кода, был сильно оклеветанный тег <marquee></marquee>. Одним из сохранившихся примеров справочного веб-сайта в формате HTML является Funky Chickens.

Когда я впервые столкнулся с HTML, все крутые ребята делали макеты с помощью таблиц. Пока я не начал серьезно изучать веб-разработку, я не знал, что таблицы не предназначены для этого. Согласно W3Schools.com:

Элемент ‹table› не предназначался для использования в качестве инструмента компоновки! Элемент ‹table› предназначен для отображения табличных данных. Итак, не используйте таблицы для макета страницы! Они внесут беспорядок в ваш код. И представьте, как тяжело будет изменить дизайн вашего сайта через пару месяцев.

Совет. НЕ используйте таблицы для макета страницы!

Многие из этих таблиц включали в себя сложную вложенность, фон только в одном разделе, разные шрифты и т. д., и многие часы были потрачены на то, чтобы усовершенствовать, как сделать так, чтобы они отображались правильно. Даже использовать шаблоны, которых было много, было сложно; если я хотел изменить один раздел, чаще всего ломался весь код.

У Expage было много ограничений в отношении HTML и особенно JavaScript, которые вы могли использовать на своих страницах. В конце концов я перешел на страницу, размещенную на Tripod, а затем на Angelfire. Эти хосты позволяют вам делать почти все, что вы хотите в отношении стиля, поэтому я оставался там, пока не бросил это хобби.

Тогда и сейчас

Если вы хотите, чтобы ваша страница была разделена на разделы, например, если вы хотите, чтобы меню было слева, а эта информация была представлена ​​справа, вы теперь должны использовать теги div и JavaScript. Раньше вы использовали фреймы.

Хотя CSS существовал, он не получил широкого распространения. Стилизация должна была быть жестко закодирована в каждом отдельном элементе, и вы были ограничены шрифтами, которые наверняка были у большинства пользователей (например, Times New Roman, Arial и Verdana).

Определенные элементы, которые сейчас считались бы в лучшем случае раздражающими и неприятными, а в худшем — вызывающими определенные заболевания, в то время обычно присутствовали. Наша любимая метка выделения. Блинк теги. Анимации, используемые в качестве мозаичных фонов. Мозаичные фоны в целом. Столкновение цветов используется намеренно, так как мы нервные подростки, пытающиеся быть «артистичными». Иногда это было ужасно, но мы все еще хотели чувствовать себя передовыми дизайнерами и хотели представить себя таковыми людям, которых мы никогда не встретим и, вероятно, никогда даже не поговорим в Интернете.

Когда я впервые узнал о JavaScript, я подумал, что это своего рода подмножество HTML. Обычно он использовался для оповещений, событий кнопок и (очень любимых) трейлеров мыши. В то время он, вероятно, использовался больше в соответствии с намерениями создателей, а не для того, чтобы делать то, что вы можете делать с более новыми фреймворками, такими как React, не говоря уже о создании с его помощью целых бэкэндов.
Давайте не будем забывать о вездесущем и часто неуместные всплывающие окна; если вы слишком молоды, чтобы помнить их, считайте себя счастливчиком.

Апплеты Java, используемые сообществом, обычно представляли собой небольшие простые игры или эффекты, встроенные в страницу. Их можно рассматривать как предшественников современных веб-приложений; они позволяли разработчикам делать вещи, которые в то время нельзя было сделать с помощью простого HTML и JavaScript. Для получения дополнительной информации о них (и их гибели) см. эту статью.

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

Спускаясь

Изучив основы веб-дизайна, я начал изучать основы редактирования фотографий с помощью JASC Paint Shop Pro, а затем и Photoshop, чтобы я мог создавать свои собственные фоны. Я баловался Flash (чтобы делать эти знаменитые анимации, а в некоторых случаях и целые веб-сайты), но обнаружил, что его слишком сложно использовать. Я научился как бы использовать Dreamweaver, он написал для вас много HTML, но в то время я не думаю, что был на том уровне, чтобы действительно его использовать.

Где-то в 2003–2004 годах я полностью отказался от веб-дизайна. Я даже не могу точно определить, что заставило меня сделать это или что произошло; лучшее, что я могу придумать, это то, что я перешел к редактированию фотографий / изображений. Когда пришло время выбирать программу колледжа, на которую я мог бы пойти после окончания школы, я изучил веб-разработку, но мне дали очень неточный совет, что для того, чтобы уметь программировать, вы должны хорошо разбираться в математике. Математика определенно не входит в число моих сильных сторон. Я обнаружил, что не только мои личные, более художественные увлечения связаны с математикой гораздо больше, чем любое программирование, которое я когда-либо делал, но я также чувствую, что упустил то, что могло бы быть лучше в личной и профессиональной жизни, если бы я только официально учился. веб-разработка с 2005 года.

Как говорится: «Лучшее время посадить дерево было 20 лет назад; следующее лучшее время — прямо сейчас». Сегодня, ровно через 20 лет с того дня, как я впервые взглянул на веб-разработку, я буду думать о 1 июля 1999 года как о дне, когда я посадил семя этого дерева. Дерево немного подросло, может, несколько лет стояло на месте, но в 2019 году оно снова начало расти и процветать. Вместо того, чтобы с сожалением оглядываться на то время, когда я прекратил веб-разработку, я буду смотреть на это как на необходимую ступеньку в моем жизненном пути. Вполне возможно, что тогда, будучи таким молодым, я мог перегореть, заскучать или еще больше отвлечься. Может быть, мне нужно было усвоить несколько жизненных уроков, прежде чем я понял, что это правильный путь для меня. В любом случае, я рад вернуться.