Об уроке

Автор урока: Шуравин Александр...

Опубликован: 24.08.2009

Рейтинг: +84

ТОП-10 компаний

Лучшие

Худшие

полный рейтинг

ТОП-10 людей

Лучшие

Худшие

полный рейтинг

Похожие уроки

Как самому сделать сайт и заработать на нём деньги. Вводный урок
Реально ли самому разработать сайт и заработать на нём деньги
Как самому сделать сайт и заработать на нём деньги. Урок 1. Что такое хостинг
Взаимодействие хостеров, вебмастеров и простых пользователей
Microsoft(r) Word
На нашем уроке вы познакомитесь с богатыми возможностями Microsoft(r) Word, благодаря чему сможете быстро создавать разнообразные документы для личного и делового общения
Обучение языка php с нуля. Урок №1. План обучения.
Данный курс предназначен для обучения программирования с нуля.

В условиях кризиса думаю самое время параллельно пройти обучение, тем более если у Вас каникулы.

Те кто имеет уже добытые непосильным трудом знания может пропустить пару выпусков.

Итак краткий план на ближнее время рассылок, и как будем обучатся.
Обучение языка php с нуля. Урок №2. Общие понятия и принципы программирования.
Общие понятия и принципы программирования, зачем вообще нужно программировать.
Обучение языка php с нуля. Урок №3. Константы и переменные.
Обучение php с нуля. Хочу стать программистом Номер 3. Константы и переменные.
Обучение php с нуля. Урок №4.
Теперь по тематике.
Каждый из нас помнит русский язык и как формировать предложение: подлежащее, сказуемое, глагол и тд и тп.
Вот это и есть синтаксис то есть как что и как писать что бы было верно.
так и в каждом языке есть синтаксис команд
то есть какая то команда что то делает, поэтому что бы Вы поняли что иммено она делает в справочнике функций описывется как надо и что написать что бы данная команда верно отработала и что то вернула.
Обучение языка php с нуля. Урок №5.
Кратко вспомним прошлые уроки.
Обучение языка php с нуля. Урок №6. Что такое функции и зачем они нужны. Как создать свои функции.
Кстати воозможно лучшие получат работу, хотя думаю Вы и сами сможете её получить.

Для профессиональных знаний Вы должны владеть всем областями науки, думаю на стадии обучения мы будем перескакивать с одной на другую, а теперь кратко что вы можете параллельно изучать:

HTML- структура и разметка страниц, если не сложно начните после прочтения лекции)
PHP – это мы будем изучать походу
Mysql SQL – это базы данных и структурное представление запросив, рассмотрим в главе так 20 Математику 11 класса – для разминки разума.Геометрию и Аналитическую геометрию- для общего развития, нужно всё.
Web-пргораммирование для чайников. Урок 1. Пример простого HTML файла.
Прежде чем начать изложение материала, немного расскажу о курсе «Web-программирование для чайников». В первых выпусках я напишу о том, что такое HTML, для чего он нужен, с чем его «едят», Затем мы будем изучать такие технологии и языки программирования как CSS, JS, PHP, AJAX, JQuery.
Web-программирование для чайников. Урок 2. Обзор некоторых тэгов HTML».
Из предыдущего выпуска вы узнали, как создать простейший HTML файл, вывести в него текст, изменить его шрифт и разукрасить. Так же вы узнали что такое тэги. Вот на тэгах то мы и остановиться подробнее на сегодняшнем уроке....
Web-программирование: Урок 3. «Начинаем делать сайт».
В предыдущем выпуске мы изучили тэги <body>, , , , и . Для того, что бы начать делать сайт, изучим еще один тэг <a></a>. Он обозначает гиперссылку, по которой можно перейти на другой документ...
Обучение языка php с нуля. Циклы
Эта глава очень важна так как используется везде, написана она кусками так что местами будет сложно так что не пугайтесь, далее мы будем более подробно разбиратся с этим ужасом
Циклы в программировании — это повторяющиеся несколько раз операции.
Начало (точка отсчета) указывается в начале цикла, а продолжительность его выполнения ограничивается каким-либо условием.
Операторы цикла (iteration statements) повторяют заданную последовательность операторов фиксированное число раз или до тех пор, пока не будет удовлетворено условие проверки.
Существует три типа циклических операторов:
• while,
• do,
• for.
И операторы:
Break – прерывание цикла
Continue – повторение следующего цикла, игнорируя дальнейшие команды.
Обучение языка php с нуля. Блок-схемы алгоритмов
Универсальность блок схем обусловлена тем, что в ней заранее не определяются абстракции, которые могут специфицироваться в блоках даже с применением обычного разговорного языка.
Блоки являются всего лишь шаблоном для описания действий в процессе решения задачи, а связи между блоками определяют последовательность этих действий.
Такая форма часто используется в профессиональной среде программистов. Она позволяет с достаточной степенью свободы описывать решения, получаемые в процессе нисходящего проектирования алгоритмов и соответствующих им программ, абстрагируясь от средств, предоставляемых конкретным языком программирования. Палитра ее средств (допустимых шаблонов)в этом случае может быть достаточно широка, однако для записи алгоритмов необходимым является минимальное подмножество средств, т.е. только два вида блоков - операторный и условный.
Обучение языка php с нуля. Начнем пробовать писать в html
Общие понятия.

HTML – это стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

Браузер – это штука которой вы выходите в Интернет (Ie, firefox, opera)

Так вот есть сервер (большой компьютер), ваш домашний компьютер, тоже может быть сервером, но об этом позже.

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

Так вот по умолчанию он имеет номер 80.

Когда Вы вводите адрес к примеру http://gribok.kiev.ua

Ваш комп понимает это и даёт поиск в системе имён (DNS), система имён отвечает и говорит вот эти буквы gribok.kiev.ua Есть номер 91.209.206.53.
Обучение языка php с нуля. Итоги изученого
Подведём итоги изученого
Web-программирование. Урок 5. Размещение блоков на странице.
Помните в прошлый раз мы добавили в текст картинку, а она у нас появилась внизу. Теперь давайте сделаем ее сбоку. ..
Таблицы. Тэги (<Table>, <tr>, <td>)
Сегодня мы будем изучать таблицы. Для того чтобы сделать таблицу используются теги table, tr и td. Тег table указывает браузеру, что в этом месте будет таблица. Тег tr определяет строку в таблице, а тег td - столбец. Простейший пример таблицы:
Web-программирование - это просто. Урок 6а. Разные браузеры
В блоге мне был задан вопрос о том, что в примере из урока 3 в браузере FireFox ссылки не подчеркиваются. Да, действительно, подчеркнутыми оказались только посещенные ссылки. Я переделал пример
Web-программирование для чайников. Урок 7. Оформление содержимого страницы.
И так, сейчас мы будем изучать теги для оформления содержимого страницы.
Тема сегодняшнего урока: «Некоторые спецэффекты HTML».
Это последний урок, посвященный HTML. Дальше мы будем изучать CSS. А сегодня рассмотрим некоторые спецэффекты.
Web-программирование для чайников: «Введение в CSS»
Со стилями оформления (CSS) вы уже познакомились в уроке №3, в котором рассматривалось, как сделать так, что бы при наведении на ссылку мышкой, она становилась красной подчеркивалась, а при убирание курсора мыши со ссылки подчеркивание исчезало и цвет возвращался в исходный. Это мы делали при помощи CSS стилей.
Тема сегодняшнего урока: «Селекторы CSS».
В прошлый раз мы узнали что такое CSS, с чем его "едят" и как подключить к HTML документу внешний файл таблицы стилей (CSS). Вернемся еще раз к примеру, рассмотренному на прошлом уроке, точнее, к CSS из этого урока:
Web-программирование для чайников: «Селекторы CSS: псевдоэлементы и псевдоклассы».
редположим, что мы хотим, что бы первая буква каждого абзаца была выделенная как то по особенному. Например, большая и красная. CSS позволяет задать правила именно для первой буквы каждого блока. Рассмотрим пример:
Web-программираммирование для чайников. "Приоритеты правил CSS"
Вы можете задать для каждого элемента сразу несколько правил оформления...
Уроки web-программирования: «Шрифты»
Сегодня мы будем учится управлять шрифтом при помощи CSS...
Web-программирование для чайников. CSS: Текст и его свойства» (text-decoration, text-indent, text-transform).

Рассмотрим пример:

...

Результат этого примера будет выглядеть вот так:
Web-программирование для чайников. «CSS: Интервалы» (HTML, style, line-height, web).
В CSS можно задать межстрочный интервал, интервал между буквами в слове и длину пробела. Рассмотрим пример:

Работа \ Обучение \ Урок 4. Наполним нашу страницу картинками» (тэг img, border, width, height

Урок 4. Наполним нашу страницу картинками» (тэг img, border, width, height

Об уроке
Читать урок

Тема сегодняшнего урока: «Наполним нашу страницу картинками» (тэг img, border, width, height).

Давайте продолжим делать сайт. На нашей страничке чего то не хватает …

Правильно, картинок! Поэтому изучим тэг <img>. Вот его синтаксис: <img src=адрес и имя картинки>

Пример тэга img

<img border="0" src="http://www.easyprog.ru/kb1_files/image004.jpg" width="317" height="201">

В данном тэге, помимо адреса местоположения картинки (URL) мы задали толщину рамки картинки (точнее, отсутствие самой рамки, так как мы задали нулевую толщину):

border="0"

Ширину

width="317"

и, наконец, высоту:

height="201".

Теперь немного о правилах задания пути в параметре src. Если картинка находиться на другом сайте, то путь нужно задавать полный, с URL адресом, например вот так:

http://www.easyprog.ru/kb1_files/image004.jpg

Совсем другое дело, если картинка находиться на нашей странице. Тогда нужно задать локальный путь, иначе, переместив страницу на другой сайт, мы будем вынуждены исправлять все адреса сайта в тэгах img. Вот таким может быть тэг <img>

<img border="0" src="index7.jpg" width="184" height="32">

А теперь давайте посмотрим пример (Картинку для урока можно скачать здесь): www.easyprog.ru/files/girl.jpg

<HTML>

<HEAD>

<TITLE>Урок 4. Наполним нашу страницу картинками </TITLE>

</HEAD>

<BODY>



<A href=index.htm>О Компании</a> 

<A href=news.htm>Новости</a> 

<A href=steklom.htm>Стекломагниевый лист</a> 

<A href=cement.htm>Цемент</a> 

<A href=plitka.htm>Потолочная плитка</a> 

<A href=profil.htm>Профиля</a> 

<A href=zamki.htm>Дверные замки, ручки</a> 

<A href=siding.htm>Сайдинг</a> 

<A href=dekor.htm>Потолочная плика</a> 

<A href=contacts.htm>Контакты</a> 

<img src="girl.jpg">



</BODY>

</HTML>

Если вы скопируете пример в файл html и откроете его, то увидите нечто вроде:

скриншот примера

На сегодня я закончу урок, а в следующем выпуске мы посмотрим, как сделать расположение текста и картинок более красиво.

Другие мои уроки (в том числе по разным языкам программирования) на сайте http://www.easyprog.ru/