Лонгриды
Опубликовано в Лонгриды
avatar
78 секунд читать

Простенький сайт на HTML от чайников и новичков. Мне стыдно

Забился в дискорде с @terabit что если он опубликует свой кринж про первую игру, то я сделаю лонг про свой первый сайт. Terabit свою часть сделки выполнил.

О чём, собственно, речь

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

Ссылка

ОСТОРОЖНО! При входе на главную может начать играть MIDI-музыка (которую я, кстати, тоже сделал сам). 
Хотя современные браузеры вроде блокируют это безобразие «из коробки».

Большинство ссылок и картинок там битое, потому что сайт несколько раз переносили, не обновив ссылки.

Небольшой фрагмент, чтобы оценить качество говнокода

<html>
<head>
<title>Моя Самара</title>
</head>
<body bgcolor="#ffffff" background="notebook5.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/notebook5.gif" link=#990000 vlink="#006600">
<a name="top">
<BGSOUND SRC = "samara2.mid" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/samara2.mid" >
<table width=610 border=0>
<tr>
<td width=120>
</td>
<td width=480><center>
<IMG SRC="samara.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/samara.gif" WIDTH=300 HEIGHT=80 BORDER=0></A>
<img src="new.gif" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/new.gif"width=60 height=25 border=0> 
<center>
</td>
</tr>
</table>
<table width=760 border=0>
<tr>
<td width=120 valign=top>
&nbsp;
</td>
</td>
<font face="Times New Roman, times">
<table cellpadding=5 cellspacing=2 width=200 border=1 align=left bgcolor=99ccff>
<tr><P></FONT>
<td><font size=+1><b><center>Разделы</center></b></font></td>
</tr>
<tr>
<td><font size=-1>
<b>У истоков.<BR><a href="zasekin.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/zasekin.htm" >Князь Григорий Засекин и другие
</a></b>
<br>Хроника жизни и деятельности строителя волжских городов, а также множестово исторических сведений о Самарском крае.<p>

<b><a href="zhiguli.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/zhiguli.htm">Легенды Жигулей
</a></b><br>Сказки и предания Самарского края и Жигулей.<p>

<b><a href="nature.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/nature.htm">Природа Самары</a></b><br>Все о знаменитой самарской природе.<p>

<b><a href="composit.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/composit.htm">Сочинение о Самаре</a></b><br>Сочинение Чистова Павла о Самаре, давшее название всему проекту.<p>

<b><a href="industry.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/industry.htm">Индустрия и промышленность Самары</a></b><br>Некоторые сведения о заводской индустрии в Самаре.<p>

<b><a href="culture.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/culture.htm">Культурная жизнь города</a></b><br>Культурный комплекс Самары.
<p>

<b><a href="tolstoy.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/tolstoy.htm">А. Н. Толстой в Самаре</a></b><br>Некоторые сведения о жизни выдающегося русского писателя А. Н. Толстого.
<p>

<b><a href="arms.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/arms.htm">Герб Самары.</a></b><br>Некоторые сведения о самарском гербе.
<p>

<b><a href="autors.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/autors.htm">Немного об авторах</a></b><br>В этом небольшом, казалось бы разделе содержатся полные сведения о нас.
<p>

<b><a href="thanks.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/thanks.htm">Благодарности</a></b><br>Все кому мы хотели бы высказать свои пожелания, и благодарности.
<p>
<b><a href="access.htm" tppabs="http://www.uic.ssu.samara.ru/~volga/ch7/ch7_16/access.htm">Приложения</a></b><br>
Тут сосредоточены все найденные нами соответствия старых и новых улиц Самары.
<p>
</td>
</tr>
</table>

Спойлер: с тех пор я не сильно продвинулся в знаниях разметки.

История создания

1999 год, город Самара.
Я ещё пездюк из не очень благополучной семьи, но уже тогда дико увлечённый технологиями. С парой одноклассников мы ездим через пол-города на какие-то бесплатные компьютерные курсы, где контрастируем на фоне местного хулиганья, посещающего те же занятия. Интернета там нет, в основном просто играем в игрушки на компах, или изучаем прикладные программки (и иногда вирусы).

где-то там, во дворе, вроде
где-то там, во дворе, вроде
с годами всё становится хуже
с годами всё становится хуже

На курсах я узнаю, что Центр развития образования г. Самары проводит школьный интернет-проект «О, Волга, колыбель моя!» / «Oh, Volga, Cradle Mine!». В то время понятия «кринж» ещё не существовало настолько широко, поэтому мы решили поучаствовать. Мы — это я, и двое одноклассников (мы с ними ещё игру пытались делать, но это заслуживает отдельного лонга).

Проект родился как одна из инициатив впервые открытого в 1997 г. Узла Интернет Муниципального отдела образования Ленинского района г. Самары. Проект был объявлен для школ района на презентации Узла, который был создан на средства гранта Института «Открытое общество» (фонда Сороса) и Администрации района. Автором проекта являлась вед. специалист Узла Серых Л.А., руководителем проекта — зав. отделом образования Ленинского района Новикова Т.С.
да, Сорос уже в те времена готовил юных иноагентов

Проектов у  ̶С̶о̶р̶о̶с̶а̶ муниципалов там мутилось немалое количество (на полном серьёзе даже создавался Интернет 2.0 — сеть «Интегра»), и в итоге этот самарский сборник сайтов вырос в нечто под названием «ГИПЕР МЕДИА КНИГА».

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

ГИПЕР МЕДИА КНИГА: Choose your fighter!
ГИПЕР МЕДИА КНИГА: Choose your fighter!

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

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

В те времена о 4K никто не слышал, господствовало 800х600
В те времена о 4K никто не слышал, господствовало 800х600

О разработке

А тут всё просто. До этого дня никто не знал, но сейчас я раскрою секрет. Сайт я делал не с нуля.

Насколько я помню, на каком-то из купленных пиратских дисков были выкачаны целые сайты с туториалами по веб-разработке. Только сейчас я смог оценить уровень мета-иронии. Я переделал сайт про разработку сайтов, заменив там содержимое. Ха-ха!

Фон с городским ландшафтом я рипнул из Duke Nukem 3D
Фон с городским ландшафтом я рипнул из Duke Nukem 3D

Это было бы смешно, но я проворачиваю такие трюки до сих пор, и теперь мне за это ещё и платят.

Тем не менее, авторская работа всё равно была проведена немалая: я отрисовал и отредактировал некоторое количество графики, как-то умудрился запилить MIDI-аранжировку песни «Самара-городок», сделал несколько GIF-анимаций, и, в порыве энтузиазма даже написал стихотворение:

Никогда не&nbsp;говори «никогда». Через 8 лет я&nbsp;уехал жить в&nbsp;Питер 😂
Никогда не говори «никогда». Через 8 лет я уехал жить в Питер 😂

Чем всё закончилось

После сдачи архива с сайтом организаторам мы немного расслабились и стали ждать церемонии награждения. Насколько сейчас помню, там даже призы были: за первые места помимо дипломов давали конвертики с валютой (100$ или типа того). За вторые можно было получить лицензионный софт, книги по вебдеву тех времён, и ещё какую-то ерунду.

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

Более крупных фоток с мероприятия не сохранилось.

найдите&nbsp; ̶У̶о̶л̶д̶о̶ меня на фото
найдите  ̶У̶о̶л̶д̶о̶ меня на фото
меня и остальных причастных награждают памятной макулатурой и цветочком 😊
меня и остальных причастных награждают памятной макулатурой и цветочком 😊
просто окунитесь в атмосферу
просто окунитесь в атмосферу

Разные страницы сайта

Тизерил Смуту ещё в 1999
Тизерил Смуту ещё в 1999
Некоторые странички делали мои одноклассники. Сейчас Пашки уже с&nbsp;нами нет&nbsp;— в&nbsp;2014 году проломили голову, когда он&nbsp;возвращался с&nbsp;работы домой. По&nbsp;злой иронии: именно в&nbsp;Струковском, о&nbsp;котором он&nbsp;пишет.
Некоторые странички делали мои одноклассники. Сейчас Пашки уже с нами нет — в 2014 году проломили голову, когда он возвращался с работы домой. По злой иронии: именно в Струковском, о котором он пишет.
Яндекс.Карт ещё не было даже в проекте
Яндекс.Карт ещё не было даже в проекте
Эт я. О приватности и социальной инженерии тогда тоже никто не думал
Эт я. О приватности и социальной инженерии тогда тоже никто не думал
Даже не спрашивайте КАК
Даже не спрашивайте КАК

Итоги: 25 лет спустя

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

14 Комментарии

avatar
Shamble
3 месяца назад

А мог бы просто на юкозе сделать!

avatar
Драко🐼
3 месяца назад

на вордпрессе ж

avatar
Сардж Мадовски Автор
3 месяца назад

А я что-то его пропустил, не помню, чем был занят в тот период. Наверное, депрессией.

k0mm0n
k0mm0n
3 месяца назад

На юкозе моя карьера создателя сайтов и закончилась. Удобная штука для своего времени была.

avatar
Adobe
3 месяца назад

Достойно, мне понравилось.

avatar
Astron
3 месяца назад

Кринжа не обнаружено , достойный путь саморазвития .

avatar
Richard
3 месяца назад

Сколько ни пытался вкатиться в веб-разработку - так и не смог. Так и решил, что нах её.

avatar
Сардж Мадовски Автор
3 месяца назад

Правильно, ну её нах!

avatar
Richard
3 месяца назад

Ну а по теме поста: стандартный сайт конца 90х. Я тогда только родился, поэтому точно не знаю, но прям "профессиональный" дизайн был лишь у корпораций (и то, не у всех), судя по вебархиву. Из 2024, конечно, всё из тех лет смотрится плохо (хотя сейчас дизайн сайтов тоже пиздец какое говно местами). Так что сайт из поста выглядит более чем нормально.

avatar
_42
3 месяца назад

Хех. Единственный сайт который я сделал был на Flask и он так и остался на моем компе..

avatar
Серголеоне
3 месяца назад

Собсна, а шо не так? Обычный сайт двадцатилетней давности.

avatar
Сардж Мадовски Автор
3 месяца назад

Да и с игрой Terab1t тоже всё так. Обычная игра полугодовой давности.

avatar
Santjago⚜️
3 месяца назад

Годнота )
Респектую за то, что победил стеснительность.

avatar
Сардж Мадовски Автор
3 месяца назад

Да я просто на себе уже крест поставил)