Общий обзор Интернета
Серверы
Понятия страницы и сайта
НТМL
Программные средства
Средства работы с графикой
О дизайне
Раскрутка сайта
Некоторые советы
Полезная графика
Музыка МИДИ
Полезные скрипты

Программные средства на уровне страницы и сервера

    Я понимаю, что поскольку ты скорее всего нормальный человек, то от одних слов - "программные средства" у тебя начинает сосать под ложечкой, хмурится лоб и портиться настроение. Скажу больше, хотя я и этим делом занимался тоже, когда нужда заставляет осваивать какой ни будь язык программирования, я при этом испытываю глубочайшее отвращение. Но я тебя должен обрадовать тем, что тебе заниматься программированием скорее всего и не придется, так что не переживай. Но поскольку в вебдизайне программирование широко применяется, то кое что об этом надо знать.
    Ну во первых, программы в этой области очень маленькие. Настолько маленькие, что их и программами не называют. А называют их скриптами (скрипт по английски значит - сценарий. Иногда их тоже так называют- сценарий). Вот характерный пример скрипта:

<!-- BannerBank advertising begin: TBN 120x60 -->
<script>
// <!--
var userid = 1117410;
var page = 1;
var rndnum = Math.round(Math.random() * 10000);
document.write('<center><A HREF="http://ad.120.tbn.ru/bb.cgi?cmd=go&pubid=' + userid + '&pg=' + page + '&vbn=333&num=1&w=120&h=60&nocache=' + rndnum + '" target="_top">');
document.write('<IMG SRC="http://ad.120.tbn.ru/bb.cgi?cmd=ad&pubid=' + userid + '&pg=' + page + '&vbn=333&num=1&w=120&h=60&nocache=' + rndnum + '" width=120 height=60 Alt="TBN 120x60" border=0></A><BR></center>');
document.write(' <A HREF=
http://www.tbn.ru></A>');
// -->
</script>
<!-- BannerBank advertising end: TBN 120x60 -->

   (Зеленым я выделил адрес баннерообменной службы TBN)

    Это скрипт с одной из моих страниц. Я его поместил в код HTML своей страницы по требованию баннерообменной службы. Они выслали его мне по электронной почте. Что делает этот скрипт? При загрузке страницы он обращается на сервер баннерообменной службы, передает признак того, что страница загрузилась, и это увеличивает мой аккаунт - счет, запрашивает оттуда баннер, помещает его на страницу и сообщает в баннерообменную службу если кто то кликнет по этому баннеру.
    Часть скриптов сформирует сам редактор - это компоненты и формы. Часть скриптов навесят на твою страницу уже на сервере. Для написания скриптов используются разные языки - Java, Visual Basic, ActiveX, Perl. Скрипты соответственно называются: Java-аплеты, VBSскрипты и прочее. Языки разработаны так, что скрипт или аплет выполняемый в твоем компьютере не мог сделать чего ни будь не хорошего. В силу определенных обстоятельств, в коде HTML скрипт выделяется строками комментария это серенькие строчки сверху и снизу в выше приведенном примере. Эти строчки начинаются всегда так: <!-- , а заканчиваются так -->. Так вот обращаю твое внимание, что если ты будешь помещать скрипт на свою страницу в редакторе через клипбоард, именно эти значки, а частенько и другие, портятся.
   Причина здесь в том, что значки < и > используются для обозначения тэгов. Чтобы отобразить их в HTML документе, в HTML коде они имеют вид: &lt; и &gt; . Поэтому помести код скрипта сначала в WordPad, затем в редактор и тщательно сверь, и внеси правки.
    Кроме того, как обычно, ты можешь стащить скрипты и со страниц других сайтов. Например парящие картинки. В этом ты не стесняйся. На суд на тебя никто не подаст. Раз страница попала к тебе в компьютер, колупаться ты с ней можешь как хочешь.
    Например такой скрипт:

<script language="JavaScript">
var h=(new Date()).getHours();
if (h > 3 && h < 12) document.writeln("Доброе утро!");
if (h > 11 && h < 19) document.writeln("Добрый день!");
if (h > 18 && h < 24) document.writeln("Добрый вечер!");
if (h < 4) document.writeln("Привет полуночник!");
</script >

    Он меняет текст приветствия от времени суток. Ты его можешь скопировать и поставить на свою страницу.
    Игры на моем сайте это тоже скрипты. Найти их в Интернете  можно без проблем и какие хочешь. Я даже не буду давать адреса, потому что нашел их случайно и не думаю что это лучшие сайты. Сделай запрос через поисковик и ешь их сколько влезет. Но только помни следующее.
Не переборщи! Скрипты часто используются для нахальных действий, когда выскакивают непрошеные страницы ( pop ap), меняется домашняя страница, организуется "мельница", когда с закрытием очередной страницы выскакивают еще несколько и т.д. Поэтому чаще всего, браузеры и программы защиты настраиваются таким образом, чтобы ограничивать запуск скриптов. Кроме того браузеры под WindousXP вообще блокируют всякую математику. Поэтому вполне возможно, что тот очень хороший скрипт, который ты нашел и поставил на свою страницу, просто не увидят. 
    Если дело касается личного сайта, этим можно и ограничится, тем не менее я расскажу тебе еще кое что для расширения кругозора. Так вот, есть немало функций, где нельзя обойтись не только без скриптов на странице, но что хуже всего без скриптов на сервере. Например, ты хочешь, чтобы какую то твою страницу могли увидеть введя некий пароль, либо заплатив деньги, или посетитель страницы оставлял сообщения и они накапливались в базе данных на сервере и т.д.
    Конечно, кое что можно сделать и в редакторе, если на сервере есть FrontPage Extensions. А если нет, то без скриптов на сервере не обойтись. Эти скрипты называются CGI сценариями. Кое что мы уже говорили о них ранее. Обычно пишутся на Perl. На сервере они помещаются в определенной папке называемой cgi-bin. В примере скрипта выше ты сможешь увидеть в адресе URL обращение именно к такой папке. Далее идет имя скрипта и некоторый параметр, например мой аккаунт (1117410).
     В Интернете ты сможешь найти массу бесплатных программ, с описаниями, со скриптами на страницу и т.д. Было бы желание. Здесь главная проблема состоит в другом. Можно такой скрипт зафигачить, что он развалит весь сервер. Поэтому администратор сервера допускает к исполнению только такие скрипты, которые у него протестированы и включены в список разрешенных. Таким образом, если ты затеешь такое дело, которое потребует использование CGI-скриптов, то будь готов или вступить с администрацией сервера в переписку по этому вопрос, или использовать специализированные сервера, или использовать сервера, где разрешают применение серверов. При этом они сами, наверное, тестируют скрипты на безопасность. Как я говорил выше можно найти серверы, где разрешают ставить свои скрипты, можно обойтись и специализированными серверами. Большинство широко применяемых скриптов дадут тебе на сервере как бесплатную услугу. Это гостевая книга, форум, чат. Есть сервера, где можно организовать свой магазин и т.д. Так что необходимость в СGI скриптах не очень большая. Ну а если все таки тебе уж очень потребуется оригинальный скрипт, ты можешь его заказать опять же по интернету и стоить это будет немного.
   Я
приведу тебе в качестве примера другой очень полезный CGI скрипт. Это скрипт случайного выбора адресов. Его я использую для работы  гадания по Книге перемен. Вот он:

#!/usr/bin/perl
######################################################################
# Random Link Version 1.0 #
# Copyright 1999 Frederic TYNDIUK (FTLS) All Rights Reserved. #
# E-Mail: tyndiuk@ftls.org Script License: GPL #
# Created 05/30/99 Last Modified 05/30/99 #
# Scripts Archive at: http://www.ftls.org/cgi/ #
######################################################################
# Function : #
# Random Link, change location of each click #
######################################################################
##################### license & copyright header #####################
# #
# Copyright (c) 1999 TYNDIUK Frederic #
# #
# #
# TYNDIUK Frederic <tyndiuk@ftls.org> #
# <http://www.ftls.org/> #
# #
################### end license & copyright header ###################
######################################################################
# Necessary Variables #


$RandomLinkFile = "Random-Link-Url.txt";

$UseLog = 0; # Use Log File ? 1 = YES; 0 = NO
$RandomLogFile = "Random-Link-Log.txt";


# Nothing Below this line needs to be altered! #
######################################################################


srand(time);
open(LINKS,"$RandomLinkFile") || &Error("Cannot Open Links File : $RandomLinkFile, Error $!\n");
$NbLines = @LinkFile = <LINKS>;
close(LINKS);

$Url = $LinkFile[int rand $NbLines];

if ($UseLog) {
@date = localtime(time); $date[4]++; $date[5] += 1900;
$Time = "$date[4]/$date[3]/$date[5]";
open(LOG,">>$RandomLogFile") || &Error("Cannot Write Log File : $RandomLogFile, Error $!\n");
print LOG "[$Time] - $ENV{'REMOTE_HOST'} -> $Url\n";
close(LOG);
}

print "Location: $Url\n\n";

sub Error {
my($ErrorText) = @_;
print "Content-type: text/html\n\n";
print "Error: ".$ErrorText;
exit;
}


    То что выделено зеленым (это я подкрасил для удобства иллюстрации), на это наплюй. Это разные комментарии, реклама и т.д. Можно и выбросить.
    То что выделено синим, это и есть собственно программа на Perl. Там, если не соображаешь, ничего трогать нельзя!
   
Первая сточка -
#!/usr/bin/perl указывает серверу, что нужно использовать интерпретатор Perl. Как правило, только такая она и должна быть!
  
Даллее, красный участок:

$RandomLinkFile = "Random-Link-Url.txt";

$UseLog = 0; # Use Log File ? 1 = YES; 0 = NO
$RandomLogFile = "
Random-Link-Log.txt";
  
это для тебя.
    В комментариях обычно дается инструкция, как настраивать скрипт. Кроме того, в комплект документации на скрипт входит и инструкция.(Обычно скрипт ты можешь скачать в виде ZIP-архивированной папки, где есть все нужное. Единственная проблема - учи английский.)
    Обращаю твое особое внимание. Скрипт может использовать вспомогательные файлы. В настройке скрипта тебе нужно указать их адреса. В скрипте по умолчанию имеется болванка. Если эти файлы размещаются в той же папке cgi-bin, то указывается просто имя файла, например: aaa.txt, если в любом другом месте, то нужно указывать абсолютный адрес: http://www.aaa.bbb.ru/aaa.txt .
    После того, как ты, с помощью FTP-клиента, закачал скрипт в свою папку cgi-bin, его нужно сделать исполняемым. В системе UNIX есть такая команда - chmod . FTP-клиент CuteFTP позволяет послать на сервер такую команду. Сама команда устанавливает права доступа к файлу в формате: rwxrwxrwx, где r - чтение, w - запись, x - исполнение. Первая триада - для владельца, то есть тебя; вторая - для группы, третья - для всех. Для того, чтобы скрипт исполнялся "для всех", код должен иметь вид: rwx-xr-x. Или в цифровом виде - 755. Для того, чтобы это сделать, после загрузки скрипта на сервер, в CuteFTP нажми Commands, далее Directory, далее CHMOD. Откроется табличка и далее сообразишь сам. Некоторые сервера требую другие коды. В инструкции на сервере ты их найдешь.

    Еще некоторые термины:
    PHP - примерно тоже что и CGI, но пишутся не на Perl, а на других языках, позволяющие ЭВМ исполнять их непосредственно, а не при помощи интерпретатора. За счет этого программа выполняется быстрее. Обычно используется для крупных программ, типа каталогов, магазинов и т.п.
    Activ-X -  скрипты, но делаются на языках программирования, позволяющих компилировать программу в непосредственно выполняемую на компютере программу. Поэтому модуль такого скрипта ты посмотреть не можешь. На странице указывается его спецификация. То есть, откуда его взять (чаще всего на сайте, откуда взята страница или сайта разработчика). Особо опасный обект. Через него можно запускать вирусы, троянских коней, перестраевать математику и прочее. Поэтому вообще без нужды лучше с ними  не связываться.
    Флеш - разновидность баннеров. Состоит из особого баннера с расширением swf и Activ-X скрипта, который загружается с сайта разработчика - фирмы Macromedia. Вот пример такого баннера:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#3,0,0,0"
width="468" height="60">
<param name=
"SRC" value="http://www.kinder.ru/flash/ban10.swf">
<embed src=
"http://www.kinder.ru/flash/ban10.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/" width="468"
height="60"></embed></object>

 

    Выглядит красиво,  но сделать его не просто. Поэтому пока советую плюнуть на это.

    Еще кое что: MySQL - управление базами данных. Прежде всего в электронной торговле. Тебе это не нужно.
   
Плагины - примерно то же, что и Active-X - программные модели догружаемые в браузер и расширяющие его возможности. Например, проигрывание видеороликов.

    CSS - таблицы каскадных стилей. Вообще говоря, это и не скрипт, а указания браузеру, какой вид должна иметь страница. Представь себе ситуацию: ты профессиональный вебдизайнер. Ты делаешь сайт для заказчика. Страниц на сто. Некоторые формируются на сервере. Все страницы требуют определенного дизайна. Сделал ты всю эту работу. Показываешь заказчику. А он говорит. Вот-де и цвет ярковат, и буквы маловаты и прочее. Можно, конечно нудно переделывать все страницы. А можно иметь специальный текст, на котором описывался бы дизайн страниц и который бы вызывался при загрузке страницы в браузер. Поменял что-то в этом тексте и дизайн всех страниц изменился. Прямо при заказчике. Здорово.  Так что для профессионала это очень важное дело. Для любителя не очень. Так что, будет у тебя желание - разбирайся. Но подскажу. В меню "Формат" есть функция  "стиль". Нажми ее, и увидишь вкладку, где указаны атрибуты страницы. Все эти атрибуты можно настроить. При этом в коде страницы в области заголовка, перед тегом </HEAD> появится текст:

<style>
<!--
body { color: #000000 }
-->
</style>
</HEAD>

Здесь указан цвет страницы. Но можно указать много чего. Затем то что находится между <!-- и --> через клипбоард и текстовый редактор сохрани с расширением txt. Затем переименуй с каким хочешь именем, например styles и расширением css. Затем включи это имя в следующий тег: <LINK href="styles.css" type=text/css rel=STYLESHEET>. Этот же тег  включи и в другие страницы (чтобы не путаться, лучше с абсолютным адресом). Вот ты и освоил технологию CSS. 

    Вот пока все о программировании. Можно решить массу проблем и не зная программирования, так что изучать программирование Веб страниц ты можешь только тогда, когда это тебе просто очень интересно. А мне нет.

    На этом с проблемой программирования мы покончим. Думаю, что мы с тобой готовы перейти к вопросу об изображениях. Так вот, далее мы рассмотрим  этот вопрос на следующей странице.

 

  

 

Раскрути свою страничку Бесплатно:: 1ps.ru Web-KatoK - каталог интернет ресурсов