|
Прошу прощения, если что-то в этом рассказе покажется вам непонятным, или неудачным. Эта "история"
была написана мною довольно давно - некоторые вещи устарели. Возможно, я еще скорректирую этот текст. Иногда этот рассказ кажется
мне бредом или написанным детским языком - но в дальнейшем я буду исправляться. :) (В общем, просьба отнестить с пониманием).
О сайте
Вначале – я очень хотел сделать свою страничку в Интернете, но не знал как. Единственный способ узнать как – читать книжки.
Я начал читать книгу(html в подлиннеке), и параллельно с этим делать свою первую веб-страничку.
(Я до сих пор избавляюсь помаленьку от тех маленьких и больших ошибок, которые допустил).
Все разделы сайта делались стихийно – у меня не было времени на обдумывание концепции сайта, на разработку единого дизайна(если на этой стадии освоение HTML приемлемо слово “дизайн”) –
и по мере увеличения хтмл-документов старался кое-как их залинковать друг на друга.
Конечно, существует шаблон, по которому люди обычно делают “личные странички”, но я, так надеюсь, немного отошел от него.
В отличии от многих людей, которые размещают на своей странички свою фотографию, и не знают, что делать дальше, я считал,
что у меня есть, что предложить посетителям, пусть даже со мной незнакомым.
Поэтому, помимо общеизвестных на подобного рода разделов типа “Обо мне”, “Мои фото”, я сделал еще 3 раздела: шпоры…
, тексты песен и цитаты. (О них я более подробно рассказал в самих разделах).
Вначале я, конечно же, начал создавать начальную страничку. Начальные странички(н.с.) бывают 2-х основных видов – просто н.с.,
на которой есть ссылки внутрь сайта, или н.с., содержащая развернутые ссылки на все разделы сайта. (я не имею в виду карты-изображения)
Вначале(что-то часто я использую это слово) я хотел сделать н.с. 2-го типа, и причем непременно с моей фотографией.
Но потом – укоротил ее до слова “вход”. Фотография слева тоже стала входом-ссылкой на раздел “Обо мне”.
Выпадающее меню(белая полоска) ниже появилась позже, и самой последней появилась моя красная рожа в качестве backgound’а(это я в фотошопе экспериментировал – не пропадать же добру). До этого был просто черный фон, может – это было и лучше…
Поскольку я книжку читал, и сразу воплощал написанное на практике, то и построил весь свой сайт на фреймах
(это когда весь экран делиться на несколько окон, в которые загружаются отдельные HTML-документы).
Разбивку экрана я задал 20% 80%(2 колонки), и при моем разрешении экрана(1024 на 768 точек) – на локальном диске это смотрелось очень даже неплохо.
Я был доволен. Наконец-то у меня появилась “личная страничка в Интеренете”. Мало того – я был в восторге от нее. Правда, недолго.
Потом я понял, что фреймы – это не так хорошо, как кажется, и у них есть свои недостатки, но об этом я еще напишу потом.
Вначале я потратил дня 2-3, чтобы найти все шпоры, доклады, рефераты, скопившиеся у меня за годы учебы(всего 2 года)
в Институте, заархивировать их архиватором, обозвать их как-нибудь по-английски, расположить на диске так,
чтобы самому не запутаться, сделать на каждый файл ссылку.
И все это вручную(особенно трудно было смотреть количество килобайт в каждом файле). Если кто знает, как зделать это
не вручную - пишите. Результат вы видите на странице “Шпоры…”
Потом я проделал ту же процедуру с моей коллекцией текстов песен. Опять же – результат на странице “Тексты…”.
На этом эксклюзивность и неповторимость сайта закончилась. Осталось – написать о себе, и вывесить свои фотографии(линк) –
а это, согласитесь, массного посетителя не привлечет.
Также традиционно для личных страничек, я сделал раздел “Ссылки” – этого добра в Интернете – кликай, не хочу.
Но все-таки – иногда тебе удается откопать что-нибудь стоящее, пусть даже любой может это найти на первых местах в каком-нибудь рейтинге. К тому же, составление
ссылок на другие сайты неожиданно оказалось сложным занятием. Также начали возникать проблемы, связанные с надежностью ссылки - некоторые ссылки не работали, и лишь сравнительно недавно
все ссылки заработали как следует. (я надеюсь).
Тогда мне пришла идея ввести новый раздел – “Цитаты” – я просто прочел в газете интересную цитату, и решил, что эта
мысль достойна быть услышанной(или узнанной?) другими.
Потом я подумал, что и в других книгах попадаются весьма неординарные цитаты, которые порой отмечаешь. (знаете так – на полях карандашом).
А так как я какую-нибудь книгу постоянно читаю, то и решил – что это неплохая идея – сделать свои пометки на полях достоянием широкой общественности(хотя, конечно, ее еще надо привлечь).
В то время я как раз прочел книгу Г. Миллера – весьма интересного автора – с него и начался раздел Цитаты.
Вообще говоря, update этого раздела – дело тяжелое.
Обычно надо отмечать как-то цитату или выписывать ее. А потом – печатать в хтмл-документ. Постоянно должна быть ручка под рукой и время, чтобы цитату выписать сначала на бумагу, а потом их всех перепечатать. (приходится читать дома – в метро неудобно).
Выбор литературы – тоже непрост. Вроде, надо не ударить в грязь лицом – показать, какие разнообразные и хорошие книжки ты читаешь.
Далее:
Вначале я просто разместил текстовые ссылки(меню) слева,
а слева – загружающийся раздел.
Проблема оказалась в том, что при разрешении, более низком(например 800 на 600),
или при уменьшении окна броузера – фрейм, заданный в процентах(от окна броузера)
(или даже жестко – в пикселях) – ведет себя …нехорошо. Он делает навигацию в подобном свернутом
фрейме если не невозможной, то неудобной точно.
Один из возможных способов решения этой проблемы – использование вместо
текста карт-изображений(как было у меня, пока я не избавился от фреймов) или графических вставок с текстом, выполняющих роль текстовых ссылок. При этом фрейм можно(и нужно) задать жестко – в зависимости от того, сколько пикселей занимает графическая вставка. В этом случае с таким меню ничего не случиться ни при каких изменениях экрана, и при различном разрешении экрана.
В настоящий момент – моя графическая вставка – результат первого опыта в CorelDraw9(известном редакторе векторной графики) – выполняет функцию меню. Правда, названия разделов написаны по-английски – я еще не знаю, как сделать, чтобы печатало по-русски.
Линк
Когда я посмотрел свой сайт при разрешении 600 на 800(для этого надо просто не полениться, и в свойствах экрана указать нужное разрешение – изменение происходит в течении 7 секунд и не требует ни перезагрузки, ни приостановки действующих приложений) – я испытал несколько неприятных минут, – кое-что просто выглядело уродливо.
Исходя их своего скромного опыта деланья личной странички могу написать правила, которые я теперь стараюсь выполнять:
обязательно указывать закрывающие теги для всего. (а то могут быть проблемы)
лучше придерживаться структуры документа – а то я как-то раз случайно 2 тэга “боди” задал – в одном (сразу за тегом “хтмл”) задал фон документа, а в другом – другие параметры. Internet Explorer это съел. Netscape – притворился, что тоже. На при загрузке на сервер – не хотел отображать эти страницы.
Ясно, что странички надо тестировать в 2-х основных броузерах, при разных разрешениях экрана. Некоторые еще советуют тестировать документы в разных версиях (старых) броузеров.
Желательно явно указывать height и width тэга img. И вообще – почаще всюду указывать height и width, а также align a valign. Т.е. надо отходить от стиля “по умолчанию”. Оказывается, пользователи броузеров могут настроить его по особому, и если четко не задать все параметры, на чужом компьютере все может выглядеть совсем не так. Все надо указывать явно: все параметры тега боди, тэбл и т.д.
Тэг title – полезный. Всегда его указывать, и помнить – что это будет видно всем.
Тэг мета – тоже очень полезный. Необходим для регистрации в поисковых системах.
|
