russian immigrant newspapers canada toronto

English

Размещение рекламы на сайте "Нашей Канады"

САМ СЕБЕ
ПРОГРАММИСТ

Всякий раз, посещая книжный магазин, я приходил в недоумение от огромного количества книг со специфическими названиями: «Windows для чайников», «Компьютер для идиотов», «Интернет для придурков» и тому подобное.
- Для нормальных у вас что-нибудь есть? - тихо спрашивал я, и продавец, быстро ставя диагноз, отвечал:
- Для нормальных - напротив. В «Liqueur Store».
Тем не менее, мысль о создании собственного учебника зародилась во мне именно тогда. И вот этот счастливый день настал - я начинаю цикл лекций для вас, не придурков, чайников и идиотов, а обычных русскоязычных граждан, имеющих дома компьютер. Итак, мы начнем наш первый урок программирования для интернета.
***

Размещение рекламы на сайте "Нашей Канады"

HTML

Что такое HTML? Как это переводится на русский, я думаю, знать вам вовсе необязательно. Я знаком с одним программистом, который получая 80 тысяч, до сих пор думает, что С++ - это нота с двумя диезами. Короче, есть такие аббревиатуры, которые, входя в нашу жизнь, не требуют специальной расшифровки, как например НКВД или LCBO.

Сейчас мы с вами сделаем вашу первую интернет-страничку. Это необычайно просто.

1.Включите ваш компьютер. (Страничку, конечно, можно делась и с выключенным компьютером, но впечатление уже не то).

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

3.Кликните (т.е. щелкните) один раз правой кнопкой и выберите из появившегося меню команду NEW и Internet Document (HTML). Новый, так называемый, интернет документ появится у вас тотчас на экране. Считайте, что полработы уже сделано! Но не расслабляйтесь. Покурить можно позже. Сотрите дурацкое название, которое глупый компьютер дал сам от себя и напечатайте слово «index». Для чего - сейчас это долго объяснять, да и вы все равно не поймете, но в последствии это ничего не говорящее название очень облегчит вашу жизнь.

4.Сейчас можно отдохнуть, курнуть или выпить грамм 50. Но если вы не перенапряглись от всей грандиозности созданного, попробуйте дважды кликнуть на этот ваш индекс. Браво! Что вы видите? Ничего? Пустую страницу? Значит все сделано правильно. Сейчас найдите в верхней строчке меню слово View и под ним выберите Source. Да, я забыл сказать об очень важной детали - в самой верхней полоске над вашим индекс документом печатными английскими буквами должно быть написано C/Windows/…короче какая-то белиберда, потом index.htm - Microsoft Internet Explorer - если это так, то все в порядке, а если написано Netscape - выбросите ваш компьютер к чертовой матери и программированием больше не занимайтесь. Итак, остались с нами только те, у кого Explorer. Идем дальше. Вы выбрали из меню Source и перед вами открылось еще одно пустое окно. Напечатайте в нем <html>, и ниже строчкой </html> - это как бы начало и конец вашего замечательного сайта. Не забывайте об остроугольных скобках - это очень важная часть кода. Дурной компьютер почему-то не понимает нормального человеческого языка, и с ним приходится говорить таким образом. Все, что мы будем в дальнейшем писать - будет помещаться между этими двумя словами.

5.Печатаем дальше
<head>
<title> - все, что мы напишем после этого, - заголовок-шапка. Этот заголовок будет находиться как-раз в том месте, где раньше мы видели слово «index.htm». Писать заголовок лучше по-английски, но если кто-то хочет по-русски, можно и по-русски, но лучше английскими буквами. Например: B MOCKBE EBPEEB HET, A B TOPOHTO ECTb! Все просто - все буквы английские, вместо мягкого знака - маленькая «би». Если кто-то интересуется возможностью писать подобные штучки - посетите очень интересный сайт:
http://www2.isg.co.il/pkrs/123HAKOB
или
http://www.tema.ru:8084/rrr/ruslat/12_znakov.htm
получите море удовольствия!
Но поехали дольше. Допустим вы назвали вашу шапку «MY RESUME», или что-то в этом роде. После пишем: </title> , то есть конец нашего названия.
Вообще, название - это очень важная вещь для сайта - это ваше название потом будет высвечиваться в поисковых системах и каждый сможет его прочитать, даже не открывая вашу страницу. Отнеситесь к выбору названия очень серьезно. А то я как-то недавно видел сайт, называющийся ИВРИТ ЧЕРЕЗ МОЗГ. Видимо, через другие места иврит в человека уже не проникает.
Если вы решили делать сайт на русском языке, я бы предложил вам вставить после этого такую строчку:
<meta HTTP-EQUIV=»Content-Type» content=»text/html; charset=windows-1251">
Многовато букв, конечно, но это позволит тем, кто откроет ваш сайт не перестраивать декодировку на русский, а сразу видеть все нормально.
Все. С шапкой покончено. Смело печатайте
</head>
Ну, а самое интересное нас ждет дальше.

***

Итак, мы создали такой текст:
<html>
<head>
<title>MY RESUME</title>
</head>
</html>
Теперь печатаем между </head> и </html> вот такую штуковину <body>.
Это начинается само тело нашего Резюме - то есть, видимая часть страницы, и печатаем главное слово - RESUME. Если мы не указали какой мы используем шрифт - компьютер сам напечатает это слово в Times - совсем неплохой шрифт, кстати, и что весьма важно - подобный шрифт имеется и в системе Макинтош. Вообще только два шрифта повторяются в PC и в Маке - это таймс и курьер. Используя эти шрифты вы избавляете себя от неприятных сюрпризов разночтения в разных системах.
Если перед словом RESUME мы напечатаем , слово появится на экране жирным стилем (bold), - курсивом, - подчеркнуто. Все вместе
RESUME
будет выглядеть так RESUME.
Выбирайте на свой вкус. Если есть желание раскрасить все это в цвета - самое простое - перед нуждающимся в раскраске словом напечатать:
 слово 
Слово будет соответственно серым.
А также к вашим услугам цвета: black, purple, blue, red, teаl, brown, green, ect. - короче посмотрите в словаре. Не забывайте для отмены цвета печатать - иначе весь остальной текст тоже окрасится.
Допустим мы выкрасили слово RESUME в синий цвет и решили поместить его по центру. Печатаем:
RESUME
Последнее дает понять компьютеру, что последующий текст будет уже не по центру. По умолчанию, компьютер все равняет под левый край - равнение направо пишется:
слово
а налево - либо ничего, либо соответственно:
слово
Можно также использовать и
тут уж целое
предложение
и это подровняет ваш текст по левому и правому краям, но на интеренете это не смотрится эффектно, как, допустим, в газете, потому что переносы автоматически не ставятся и текст будет выглядеть немного коряво.
Что еще можно предложить для украшений?
<ul> <li> и соответственно</ul>
</li> позволят напечатать вам абзац, начинающийся красивой черной точкой.
Код равносилен нажатию кнопки Enter - начинает новую строку.
<hr> - вставит горизонтальную линию.
Итак, впечатывайте текст вашего резюме от начала и до конца, время от времени в средину вставляя код для абзацев и новой строки. Все это, естественно, помещено между кодом <body> и </body>.
Как посмотреть это все в браузере (интернетовской программе)? Если вы работали в Internet Explorer (о чем мы говорили на первом уроке View-Source) мы просто делаем Save, закрываем окно и после команды Refresh - (она у вас в верхнем меню существует отдельной кнопкой) видим плоды своих трудов. Если вы все это сделали в какой-то простой текстовой программе (NotePad,WordPad или в Макинтоше в TeachText), то закрывая не забудьте назвать документ index.htm. Откройте созданный вами файл через Internet Explorer или Netscape и полюбуйтесь.
А на следующем уроке мы выучим, как вставить в ваше резюме вашу же фотографию или другую какую картинку, если вы не Ален Делон.

***
Итак, мы решили поместить наше изображение в резюме. Для этого нам нужно физически иметь это изображение в виде электронного файла. Если у вас есть сканер, надеюсь, вы прочитали, как им пользоваться. Если же нет – вы, заказывая фотографии, можете получить за дополнительную плату (7-10 долларов) те же картинки на диске. В Costco, например, есть такая услуга. Представим, что ваше изображение у вас уже имеется. Тут возникает другая проблема – нужно сделать это изображение легким, то есть маленьким по объему памяти. Как проверить размер? Кликните правой клавишей мышки по файлу, выберите properties (или в русском Windows – Свойства) и в строке размер-size вы увидите цифру. Она должна быть не более 10 килобайт (kb). А у вас 60! Что же будем делать? Есть много хороших программ для этого. Я порекомендую самую простую и удобную – называется она Macromedia Fireworks. Ее можно бесплатно сгрузить с Интернета на www.macromedia.com. Вы получите ее на целый месяц, а за месяц можно успеть многое. Если она вам понравится – вы можете ее приобрести за 300 долларов официально, или за десятку в любом сервисе, где предлагают копии с CD.
Итак, допустим, сейчас у вас есть все – ваша фотография, программа и желание работать дальше. Открываем наш замечательный Fireworks, из него открываем нашу фотографию при помощи File-Open. Вот фото возникло на вашем экране. Сразу выбираем команду File-Export Preview (в Firework 4, а в более ранних версиях просто File-Export).
Сейчас вы видите на экране свою фотографию так, как она будет выглядеть у вас на сайте. Слева в углу в строчке Format должно быть написано JPEG или GIF – только в этом формате можно использовать картинку на интернете. Если у вас цветное фото – смело выбирайте JPEG. GIF хорош только для черно-белых рисунков, карикатур, или других изображений с ограниченным количеством используемых цветов.
В правой половине окна, где находится ваша картинка, вверху вы увидите маленькие цифры, допустим –16.41 K, 5 sec. Это значит, что картинка ваша занимает в памяти почти 16 с половиной килобайт и открываться в компьютере будет 5 секунд. Это ужасно долго. Никакой работодатель, если он только не ваш родственник, не станет ждать целых пять секунд, чтобы увидеть вашу физиономию. Что же делать?
Если ваша фотография достаточно крупная – вы в данном окне видите ее один к одному, - выберите в меню окна File, потом Scale и уменьшайте до нормального размера. Если же размер по-вашему вполне подходящий, в Options-Quality снижайте процент до тех пор, пока картинка не теряет товарный вид – все изменения качества вы будете видеть тут же. Ну вот, наконец-то, размер 5,75 и открывается за 1 секунду – это то, что надо!
Нажимаете внизу окна команду Export, назовите файл, допустим, photo.jpg и сохраните его в том же месте, где находится наш сайт index.htm
Возвращаемся теперь в сайт. Открывем его и начинаем редактировать так, как мы это делали раньше.
После кода <body> мы сейчас вставим <img src=»photo.jpg» align=»left 
Ваша фотография появится в левом верхнем углу, и текст резюме будет красиво облегать ее. Вы уже конечно догадались, как переставлять фотку справа налево или в центр – сделайте, как вам больше нравится.

***
Вот, наконец, мы добрались до середины туннеля – где-то впереди, очень далеко забрезжил свет – возможно, это выход, или просто светящаяся надпись “Выхода нет”. Будем считать, что все, что мы создали до этого момента, называется “наш сайт”, хотя до настоящего сайта ему еще далеко. Теперь переходим к одной весьма важной проблеме интернетовской странички – рекламе. Если вы создали всего-навсего свое резюме, которое разместите на интернете и адрес его будете целенаправленно рассылать нужным людям, – эту главу можете не читать. Но если вы решили сделать страничку с описанием своих услуг, или себя лично в надежде, что кто-либо вас когда-нибудь найдет, – будьте предельно внимательны.
Есть огромное количество поисковых машин на интернете – все они работают по одному принципу: ищут соответствия между вашим сайтом и запросом, который дан. Но ищут они по-разному. Некоторые машины сверяют имя сайта с запросом, некоторые – содержание, некоторые – работают со специальным кодом, который вы должны вставить в свою страничку. Свой сайт вы должны построить с учетом разнообразия этих поисковых систем, чтобы вас любая машина могла легко высчитать.
Итак, допустим, вы – сантехник, живете в Торонто и на интернете ищите клиентов со сломанным унитазом. Если у вас есть лишние деньги, очень неплохо приобрести домэйн – это имя такое, типа www.plumber.ca. Но, если честно, это вовсе необязательно.
Сейчас мы попробуем вставить специальный код в наш сайт.
После <head> печатаем
<meta NAME= «description» content=
«Plumber Vasya from Toronto»>
и дальше
<meta NAME= «keywords»
content= «blah blah blah» >
Вот тут именно, вместо blah-blah нужно вставить слова, по которым поисковая машина будет вас искать. Вот представьте такую ситуацию – клиент объелся сушами, и на следующий день у него засорился унитаз. Страдалец выходит на интернет и набирает Plumber – интернет честно выдает ему 20 миллионов ссылок на всех существующих сантехников. Клиент разумно прикидывает, что 20 миллионов многовато на один унитаз и пишет “PLUMBER IN TORONTO” – и вот только тогда он получает парочку тысяч водопроводчиков, готовых прийти ему (унитазу) на помощь. А если клиент, допустим, не совсем грамотный и напишет не PLUMBER, а PLAMBER – он вообще получит совершенно не то, если только наш Вася-водопроводчик не предусмотрит это и не вставит в keywords неправильный спэл.
Я рекомендую обязательно вставить географическое название того места, где обитает Вася, а также названия услуг им оказываемых. Много слов использовать не стоит –20-25 максимум. Если, например, у вас есть только 2-3 слова, по которым вас точно будут искать – повторите эти слова несколько раз. Поисковая машина выдает в первых строчках результата те сайты, где нужное слово чаще встречается.
Пишем дальше:
<title>
Это мы уже проходили. Сейчас важно попытаться в емкой фразе уместить несколько важных слов о себе: plumber vasya richmond hill</title>
</head>
Этот title стоит написать маленькими буквами – проверено, даже если клиент делает запрос большими – вы появляетесь.
Итак, мы сделали все, что могли для машин, которые ищут по коду и названию.
Но есть и другие машины – они на этот код плевать хотели – им важно, что написано в тексте. И не просто в тексте, а в первых строчках текста. Вот тут я бы посоветовал сделать такой финт: если у вас сайт белого цвета – написать в верхних первых строчках белыми буквами весь нужный текст – то есть, никто эти слова, кроме поисковой машины видеть не будет.
Выглядеть это будет так:
plumber in toronto, cheap plumber, best plumber, plamber kool and craizy, work for free, near to your home, idiot 

***
Ну вот мы опять вместе. Продолжаем. На прошлом уроке мы проходили популяризацию вашего сайта внутри него самого. То есть, мы вставляли разные нужные слова и коды для того, чтобы поисковые интернет-машины могли высчитывать вашу страницу при конкретном поиске. Это была как бы внутренняя реклама.
Есть еще реклама внешняя. Сейчас я на ней остановлюсь подробней.
Есть реклама платная и бесплатная. Что такое платная реклама объяснять долго не нужно. Если вы все тот же сантехник Вася и, представим себе такую фантастическую ситуацию, - у вас есть лишние деньги - вы можете без особого труда, кодов и другой ерунды просто заплатить Yahoo пару сотен долларов и некоторое время торчать у них на первой странице. Но, допустим, с деньгами у вас негусто, а вы желаете получить тот же эффект, но бесплатно.
Тут мы остановимся более подробно.
На интернете действует огромное количество различных интерактивных сайтов - гостевых книг, форумов, классифайдов и т.п. - то есть, сайтов, куда вы свободно можете зайти и оставить свою запись. Через некоторое время, вебмастер этого сайта превратит все записи в текстовые файлы и засунет в архив, который возможно, будет функционировать почти год. Для чего это нужно вебмастеру - скорее всего для привлечения платной рекламы в сайт - он потом показывает своим клиентам уровень посещаемости, и требует соответствующие этому уровню денежки. А что нужно нашему бедному сантехнику? Ему нужна бесплатная реклама. А он, допустим, посещает сайт знакомств. Глупый сантехник скажет:
- А, блин, это знакомства, а я женат. Мне не сюда.
А умный сантехник Вася зайдет в сайт и напишет такую информацию:
"Одинокий сантехник, проживающий в Ричмонд Хилле, мечтает познакомиться с женщиной или мужчиной со сломанным унитазом. Низкие цены. Satisfaction guarantee!" Ну и, естественно, номер телефона. Шансы, что модератор (это такой цензор на интернете, который следит за чистотой речи и помыслов) заметит подвох и удалит запись, очень малы - в популярных сайтах появляется несколько тысяч объявлений в день. Увидев первое слово "одинокий", модератор пойдет читать другие записи.
Или тот же Вася заходит на страничку Бритни Спирс.
Тут надо написать ей в гостевой буквально следующее:
- Бритни, я от тебя тащусь! Если у тебя когда-нибудь сломается унитаз - позвони!
Навеки твой, сантехник Вася, Ричмонд Хилл (ну и телефон).
Что будет дальше? Эта Васина реклама не будет работать до тех пор, пока запись не уйдет в архив. Случится это может и через месяц, и через год. Нужно запастись терпением. Таких объявлений следует давать пару десятков в день в течении нескольких месяцев. Как маленькая собачонка, задирая заднюю ножку, метит все попадающиеся на пути столбы и стволы, так и наш Вася должен отметиться везде, где только можно. Чем больше - тем лучше.
Проходит год. Весь Васин мусор, созданный таким титаническим трудом, уходит в архив и пополняет сокровищницу интернета ценной информацией.
И вот наступает тот радостный день, когда дремучий клиент, со сломанным ватерклозетом, и с залитым нечистотами полом, сидит в пижаме у компьютера и в панике набирает слова:
Сантехник, унитаз, ричмонд-хилл…
И тут появляется на экране голая Бритни Спирс, а под ней спасительный Васин мэсэдж! Клиент постепенно возвращается к жизни! Вася заработал! Унитаз спасен! Всеобщее ликование перерастает в народное гуляние без мордобоя!
Это ли не счастье?!

***
Привет, уважаемые программисты и программистки!
Мы продолжаем наши игры на интернете. Сейчас вы почти уже знаете, как соорудить свой сайт и как прорекламировать его. Теперь осталось не так много - проверить качество вашей странички.
Дело в том, что как бы прекрасно эта страничка не выглядела на вашем экране, это вовсе не значит, что так же она будет выглядеть у кого-то постороннего. Как это понять? А очень просто: не у всех, допустим, есть деньги на новый компьютер, или экран. У кого-то дома стоит жуткий монитор на 256 цветов, а может и на все 16. Кто-то пользуется не Эксплорером, как вы, а Нетскейпом, или, чего еще хуже, не Писишкой, а допотопным Макинтошем!
Я уверяю вас, он увидит на своем отвратительном экране совершенно другую картину. Хотите убедиться? Кликните правой кнопкой мышки по экрану… и переведите ваш компьютер на 256 цветов и разрешаемость экрана на 400Х600 точек на квадратный дюйм. Теперь откройте свой сайт.
Ага, ваша фотография уже не такая, как вы ее видели, а ваши замечательные картинки вообще просто ужас! Вы будете неприятно удивлены, если узнаете, что многие красоты, которые вы с таким трудом создавали, не видны пользователю. Мерцающие звезды, на фоне которых падающие с неба буквы образуют лого "ВАСЯ САНТЕХНИК" у кого-то в компьютере превратятся в маленький черный квадрат, никакие буквы падать не будут, а вместо этого появится надпись - типа "ошибка в коде".
Ну, так как этого избежать?
Вот несколько добрых советов.
Эти советы подходят для тех, кто не претендует на работу вебмастера. Вы хотите одного - чтобы о вас знали, вашу страничку могли открыть и прочитать все, кто вас ищет.
Не загружайте ваш сайт кодом. Не применяйте никаких спец. эффектов, требующих дополнительной инсталляции какой-либо программы - если у того, кто смотрит ваш сайт этой программы нет, ради вас он не станет заводить ее в компьютер.
Будьте осторожны даже с простыми вещами, такими как анимационный background (фон вашей странички). В более ранних версиях браузеров это все не работает.

***
Наверное, пора закругляться. Так мы поучили, поучили и, конечно же, ничего конкретно не выучили. Это и есть специфика бесплатных курсов для программистов. Зато теперь, если вы твердо решили заниматься этой бадьей, то, безусловно, отправитесь на какие-нибудь платные курсы, где вам будут рассказывать точно то же, но уже за деньги.
Мы создали с вами сайт, а те, кто пропустили предыдущие занятия, пусть кусают локти.
Как загнать ваш сайт на интернет? Есть огромное количество разных вариантов: все описывать здесь - не хватит целой газеты. Вы можете воспользоваться любым из бесплатных серверов, которые дают возможность разместить ваше детище на их пространстве. Мне нравится www.narod.ru, но есть и другие. Если у вас есть уже на платном интернете место, то можно воспользоваться и им. Это удобно делать при помощи программы FTP - научиться пользоваться ею не сложнее, чем спичечным коробком.
Я бы посоветовал продублировать вашу страничку в нескольких местах - потом будет меньше хлопот. Ну что еще?
Вам, конечно, будет интересно, открывает ли вашу страничку, кроме вас, еще кто-нибудь. Для этого стоит поставить счетчик посещений. Счетчик - это всего-навсего небольшой код. Многие сервера, где вы будете размещать сайт, предлагают свои счетчики, но почти все они довольно примитивные. Я бы посоветовал очень неплохой счетчик, который можно бесплатно получить на www.nedstat.com.
Желательно установить его, если есть такая возможность, не в самом низу страницы, а где-то повыше - есть категория посетителей, которые заходят буквально на несколько секунд, и счетчик, находящийся в конце страницы, не успевает сработать.
Есть еще неплохой счетчик на www.spylog.ru - этот просчитывает все, откуда к вам зашли, сколько пробыли на вашей странице и куда ушли потом. То есть, если вам нужна такая подробная информация - spylog - самое мощное оружие на рынке счетчиков.
Как только вы зарегистрируетесь, вам по электронной почте пришлют код для вашей странички. Просто вставьте его и привет.
Следующий урок, наверное, будет последним по HTML.
Да, я все время забываю подписываться, и стали приходить письма с вопросами, где я деру эти тексты. Нигде. Я их пишу сам. Неужели не видно?

***
Жаль мне с вами, господа, расставаться, но ничего не поделаешь. Я уже как-то даже привязался к вам. Впрочем, мы возможно еще будем встречаться в будущем - я никуда не собираюсь из Торонто уезжать, да и вы, надеюсь, тоже.
Тем не менее, сегодня наши уроки по HTML подошли к концу. Мы сделали ваш первый сайт, и он недурно выглядит. Что еще можно посоветовать. Если сайт ваш - не резюме, и вы хотите знать мнение о нем, или о вас ваших гостей - я могу посоветовать поставить туда гостевую книгу, форум или чат. Мне лично больше импонирует Гостевая - это просто возможность оставить свое мнение, или даже при желании поспорить с кем-нибудь из гостевой. Кроме того, вы, как хозяин, можете отвечать на вопросы гостей под их письмами.
Очень удачная по опциям книга www.guestbook.ru - я сам с удовольствием ей пользовался. Там кстати, есть антиматовый фильтр - очень удобная вещица, хотя при желании всегда можно кого-то послать, не используя определенных слов.
Еще есть такая классная штуковина, как голосование. Здесь вы можете узнать мнение ваших посетителей по определенным вопросам, которые сами должны и задавать. В голосовании самое сложное придумать вопрос. Потому что, если спросить: "Вам нравится мой сайт или нет?", никто вам не ответит - это жуткая тоска. Постарайтесь придумать анкетку позаковыристей. Взять голосование можно совершенно бесплатно на www.voting.ru - там все по-русски, а вопросы, если есть желание, вы можете писать и по-английски.
Я еще предугадываю саркастическую фразу: учит, блин, других, а у самого сайт - полное, извиняюсь, говно. Да, господа, программисты. Это, к сожалению, обычная вещь - сапожник без сапог. Тем не менее, добро пожаловать к нам на сайт - www.nashacanada.com
Ну, а пока - пока. Было приятно научить вас такому необходимому в жизни делу, как веб дизайн.
Пишите мне, если захотите.
Навеки ваш.
Автор.

Владимир Туровский

© Nasha Canada Russian Newspaper