Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование начинающим Выпуск третий


Автор статьи:
msyuha

Третий выпуск.

Первый скрипт. HTML учебник.

HTML/XHTML powered by msyuha
Содержание
1.   Приветствие.
2.   HTML
3.   Первый скрипт.
4   Заключение.
 
 Приветствие.
 
Здравствуйте уважаемые подписчики. Это очередной выпуск моей рассылки. Сегодня мы напишем первый скрипт на PHP, узнаем еще немножко о HTML и продолжим изучение php программирования. Как и всегда, напоминаю, жду ваших вопросов по теме письма. Если что-то не понятно мыльте свои письма мне на msyuha@wlib.in.
Интересные вопросы буду опубликованы в следующих выпусках.
 HTML.
 
Продолжаем изучение HTML языка. В прошлом выпуске мы познакомились с основой html документа, его построением. Начали изучать теги форматирования текста. Сегодня мы продолжаем изучать HTML.
Далее я не буду писать построение документов, дабы сократить размер выпуска. Все примеры будут в сокращенном виде.
Итак, продолжим.
Тег форматирования текста <font> и его парный </font>: Тег имеет несколько параметров. Параметр цвета color , параметр размера текста size , face — шрифт текста.
Подробное описание этого тега с примерами вы найдете в учебнике. Выкладывать текст учебника нет смысла, поэтому советую скачать учебник с моего сайта. Описывать своими словами все теги тоже не дело. Слишком много текста и выпуски моей рассылки будут очень большими. Поэтому в выпусках не будет сухого текста. Скачать учебник можно тут.
В следующих выпусках я буду вам говорить на какой тег обратить внимание. А также писать свои дополнения.
"Голова" документа.
Тег <head></head> содержит в себе свойства нашего документа. В голове документа задается заголовок (название нашей странички), данное название в последствии берут роботы поисковики, но об этом позже. Что бы задать заголовок-описание мы пишем его в теге <title> наш заголовок. </title>.
Заголовок должен состоять из 1-4 слов. Длинные заголовки нежелательны, ибо не все браузеры читают их полностью.
Итак, чтобы задать заголовок документа мы пишем следующее:
...
<head>
    <title> супер сайт. </title>
</head>
...

Что можно сказать про заголовок документа. Старайтесь в заголовке писать текст, соответствующий содержанию вашей странички или html файла. К примеру, можно написать название статьи (если страница - является какой-то статьей), название сайта, его короткое описание - если это главная страница. И так далее. Это улучшит качество вывода вашей странички в поисковиках.
О том как улучшить сканирование вашей странички поисковиками мы поговорим в следующем выпуске.

Дополнение
Мое вам дополнение, замечание. Язык HTML НЕ чувствителен к регистру и пробелам. Поэтому тег <br/> от тега <bR/> или <BR/> отличаться ничем не будет и все приведенные варианты к тому же будут считаться правильными. Также html НЕ чувствителен к количеству пробелов. Если вы этого еще не заметили, то попробуйте сами написать текст и поставить между словами различное кол-во пробелов. В итоге вы увидите в браузере обычный текст. Конечно это вам покажется неудобным, но это дает нам возможность красиво и удобно оформить сам html текст документа. Если же вам нужно поставить лишний пробел, то используйте код пробела в виде &nbsp;
Но вы наверно скажите, что неудобно писать этот длинный код для каждого лишнего пробела. Я с вами согласен. Это увеличит объем самого документа да и на много его усложняет. Для удобства вывода текста используют тег <pre></pre> минус этого тега в том, что текст заключенный в этом теге не будет автоматически переносится на новую строку. Но и самостоятельный перенос текста на новую строку вас не спасет. Ибо размер вашего экрана и пользователей, которые будут просматривать вашу страничку, могут на много отличаться. Для установки большого количества пробелов также используют маленькие картинки под цвет фона, тоже не очень удобный способ. Потому что при смене дизайна вашей странички возникнут проблемы и с ее заменой. Хотя есть возможность использования прозрачной картинки. Также используется табличный метод. Когда строки делят в невидимой таблице. Но это уже блочное представление текста. Самым простым же методом является код пробела.
На этом заканчивается мое сегодняшнее дополнение-наблюдение.
В заключении раздела о HTML. Посмотрите на тег подчеркивания текста <u></u>, попробуйте написать несколько простых страничек на HTML, используя все изученный теги. Попробуйте поменять параметры тега font. Напишите 3-4 html странички, но при этом не копируйте основу, а постарайтесь самостоятельно ее прописать. Это вам поможет быстрее их запомнить.
 Первый скрипт.
 
Я надеюсь установить denwer вам удалось. И вы готовы к программингу. Сегодня мы напишем самый простой, но первый наш скрипт. А для начала разберем структуру php скриптов:
<?php // это начало скрипта. Ставится перед самым кодом, в самом начале программы.
Ну если у программы есть начало, значит должен быть и конец программы. Он задается так:
?>
В итоге наша программа будет выглядеть так:
<?php

?>
Первый и самый простой скрипт будет выводить текст на экран.
Запустите Денвер, зайдите в дирикторию Z:/home/test1.ru/www/ и удалите там все файлы. Создайте файл и сохраните его с расширением *.php. Дайте файлу имя index (т.е в итоге у вас получится файл index.php).
Запустить свой файл, а именно Z:/home/test1.ru/www/index.php мы можем в нашем браузере. Напишите в строке адреса следующий адрес: http://test1.ru/. Т.к скрипт у нас пустой, то на экране мы увидим белый экран. Теперь открываем блокнотом наш файл и напишем в нем наш первый скрипт. А для начало я расскажу о операторах вывода текста.
echo, выводит на экран текст. Из примера вы увидите как пользоваться данным оператором языка.
<?php
echo'ТЕКСТ';
?>
При запуске данной программы у вас в браузере будет выдан обычный текст - ТЕКСТ.
Также можно вывести html документ. Вам просто нужно написать между кавычками html код. Не забывайте, что использование одинарной кавычки в тексте происходит совсем по другому. Дабы наш интерпретатор не подумал, что вывод текста закончен мы ставим слеш, обозначающий, что далее идет не специальный символ, а просто текст.
Пример:
<?php
echo'Вот текст без кавычек, а этот \'ТЕКСТ\' в кавычках';
?>
Существует еще несколько способов вывода текста на экран. Это оператор print, имеет такой же синтаксис как и echo и функция printf(), но рассматривать мы ее не будем. Лично мне хватает единственного оператора вывода echo.
 Заключение.
На этом я заканчиваю свой третий выпуск. Извиняюсь за какие-либо неточности или ошибки в тексте. Т.к третий выпуск был состряпан наспех и времени особо вовремя выпустить этот выпуск не хватало. По прежнему жду ваших предложений мне на e-mail адрес.
Если же вы хотите помочь автору, то я буду благодарен любой мелочью.
Мои реквизиты:
  R212238273194
  Z774475333434

Также можете посетить мой сайт, на котором вы найдете не мало интересных статей. icreater.ru
Спасибо за ваше внимание, с уважением, Сергей (msyuha)

В избранное