Сейчас я Вам приведу несколько строк кода по каждому из языков web программирования. Цель заключается в том, чтобы Вы смогли понять как в принципе создаются сценарии на этих языках. Если Вы увидете // (два слэша) , то значит это комментарии, браузер не смотрит ничего, стоящее за //. Это просто для Вас. Приведу простые примеры:

Javascript

<script type="text/javascript">

var str = "Простой текст"; <span class="comment">//Создаём переменную str, которой придаём значение Простой текст</span>

var func = function (text){return text.toUpperCase()} <span class="comment">//Создаём переменную func, которая становится функцией с одним параметром text, значение text возвращается так, что все буквы становятся заглавными</span>

alert (str + func("...и ещё")); <span class="comment">//с помощью диалогового окна мы показываем результат смешания(сложения) значений переменных</span>

</script>

Как видите, ничего сложного. Переменные создаются ключевым словом var(сокращение от variable — переменная).

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p>
<p> </head> <body></p>
<p>Параграф</p>
<p>
<img src="путь к картинке" />

</body>

</html>

Первая строка обязательна, это сообщает браузеру тип документа, чтобы он его правильно отображал. Вторая строка показывает ссылку, где находитcя стандарт документа. В секции располагается служебная информация, такая как заголовок страницы, ключевые слова и описание для поисковых систем, а также там подключаются таблицы стилей и скрипты.

Секция является телом документа, там распологается информация, которая видна пользователям, за исключением тегов. Кстати, теги это, например, , ,

. Ну а дальше там всё ясно.

CSS

</p>
<style type="text/css">
body

{

font-weight:bold; <span class="comment">//Жирный текст</span>

font-size:20px; <span class="comment">//Размер текста 20 пикселей</span>

color:red <span class="comment">//color:#cc0000 цвет текста, можно написать название, а можно в шестнадцатиричном формате код цвета</span>

background-color:blue <span class="comment">//цвет фона</span>

}

</style>
<p>

В этом правиле на языке CSS я придал некоторые стили к телу документа — тегу . Так же можно придавать стили отдельным элементам.

PHP

<?

$str = "Простой текст"; <span class="comment">//Создаём переменную $str, которой придаём значение Простой текст</span>

function func($text){echo $text;}; <span class="comment">//Создаём функцию func с одним параметром $text, значение $text печатается в браузер</span>

echo $str." Добавим текста"; <span class="comment">//Соединяем значение переменной и строку обычного текста</span>

func("...и ещё")); <span class="comment">//Запускаем функцию</span>
?>

Опять ничего сложного. Переменные пишутся со знаком $ (доллара).

Ajax

Здесь более сложный пример

var xmlHttp;

var Ajax= <span class="comment">//создаём класс Ajax</span>

{

getPage:function (element,method,page,send)

{

if (window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest(); <span class="comment">// создаём объект XMLHttpRequest во всех браузерах, кроме IE</span>

}

else if (window.ActiveXObject)

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); <span class="comment">// создаём объект XMLHttpRequest в IE</span>

}

else {

alert ("Ошибка создания объекта XMLHttpRequest"); <span class="comment">//если произошла ошибка выводим текст в диалоговом окне</span>

return;

}

</p>
<p><br class="spacer_" /></p>
<p>


xmlHttp.open(method, page, true); <span class="comment">//открываем соединение</span>

xmlHttp.onreadystatechange = function() <span class="comment">//Получаем ответ сервера</span>

{

if (xmlHttp.readyState == 4) <span class="comment">//если операция закончена</span>

{

if (xmlHttp.status == 200) <span class="comment">//если данные получены</span>

{

var myDiv = element;

myDiv.innerHTML=xmlHttp.responseText; <span class="comment">//выводим ответ сервера</span>

}

else

{

myDiv.innerHTML='Загрузка не удалась!'; <span class="comment">//если ошибка</span>

}

}

};

xmlHttp.send(send);}} <span class="comment">//отправляем дополнительные переменные если надо</span>

Вот и всё. Посмотрели, теперь подумайте, надо ли Вам всё ЭТО или лучше заняться чем-то более простым и менее оплачиваемым и нужным? выбор за Вами

Метки: ajax, html, css, php, javascript, веб программирование

Описание: Примеры кода языков web программирования, как создаются скрипты, сценарии. Скачать примеры скриптов, изучение web программирования

----------------------------------------
Монетизация
-------------------------------------------

Чтоб внести свой вклад в прогресс, подпишись на RSS!