bar-u-klescha.ucoz.ru | бар для сталкеров "У Клеща" | вступить в клан
  Главная
Регистрация
Вход
Бар для сталкеров
"У Клеща"

RSS
 
 
 
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: KOT  
Форум » STR STUDIO » Обучение новичков » Начинаем обучение (Основы программирования...)
Начинаем обучение
KOTДата: Суббота, 05.11.2011, 13:22 | Сообщение # 1
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону


Языки web программирования:

Основные языки web программирования подразделяются вот на такие виды:

-javascript
-html
-BB
-css



Самый лёгкий код это BB код
Code

[b]Жирный текст[/b]                       Жирный текст
[i]Наклонный текст[/i]                      Наклонный текст
[s]Зачеркнутый текст[/s]                      Зачеркнутый текст
[u]Подчеркнутый текст[/u]              Подчеркнутый текст
[o]Черта вверху текста[/o]              Черта вверху текста
[l]Текст по левому краю[/l]              Текст по левому краю
[c]Текст по центру[/c]                      Текст по центру
[r]Текст по правому краю[/r]              Текст по правому краю
[j]Текст по ширине страницы[/j]      Текст по ширине страницы
[sub]Нижний индекс[/sub]              Нижний индекс
[sup]Верхний индекс[/sup]              Верхний индекс
[size=10]Размер шрифта[/size]               (Размер: 8..25)  Размер шрифта
[color=red]Цвет шрифта[/color]               Цвет шрифта
[font=Comic Sans MS]шрифт[/font]          Другой шрифт
[hide]Any text goes here...[/hide]       For registered users only!
[spoiler]Any text goes here...[/spoiler]     [spoiler=Title]Any text goes here...[/spoiler]          
[video]ссылка[/video]                       Видео
[audio]ссылка[/audio]                             Аудио         
[quote]Цитата из сообщения[/quote] Quote Цитата из сообщения
[hr] Линия
[url=http://www.ucoz.net]http://www.ucoz.net[/url]   http://www.ucoz.net
[url=http://www.ucoz.net]uCoz[/url] uCoz
[email=your@mail.com]your@mail.com[/email]   your@mail.com
[email=your@mail.com]Contact[/email] Contact Us
[img]http://www.site.com/img.gif[/img] Изображение
[list]  Список
[*]пункт 1
[*]пункт 2
[/list]

пункт 1
пункт 2

[*]пункт 1
[*]пункт 2
пункт 1
пункт 2
(c)   ©
(r)   ®
(tm)   ™


Этот код ограничен в своих рамках, поэтому много из него не добиться!



Далее HTML код:

Code

<html></html>                    Указывает программе просмотра страниц что это HTML документ.
<head></head>                    Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег   названия документа и теги для поисковых машин.

<body></body>                    Определяет видимую часть документа

<base href="www.?">                    Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
<base target="?">                    Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)

<meta name="allow-search" content="?">          Указание для поисковых роботов как следует сканировать данную страницу
<meta http-equiv="distribution" content="?">      Указание для поисковых роботов относится ли данная страница к мировым
<meta name="robots" content="?">                   Указание для поисковых роботов как следует сканировать данную страницу
<meta name="author" content="?">                   Указание автора странички
<meta name="keywords" content="?">              Описание содержащийся информации (для поисковых машин)
<meta http-eguiv="content-type" content="text/plain;churset="?">  Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)

Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.

<meta name="description" content="?">            Ключевые слова странички (для поисковых машин)
<title></title>                    Помещает название документа в оглавление программы просмотра страниц
<body bgcolor="?">                    Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text="?">                    Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link="?">                    Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="?">                    Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

<body alink="?">                    Устанавливает цвет гиперссылок при нажатии.

<pre></pre>                    Обрамляет предварительно отформатированный текст.
<h1></h1>                    Создает самый большой заголовок
<h2></h2>, <h3>...до </h5>                          Создает заголовоки промежуточных размеров
<h6></h6>                    Создает самый маленький заголовок
<b></b>                    Создает жирый текст (нерекомендованный)
<i></i>                    Создает наклонный текст (нерекомендованный)
<tt></tt>                    Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)
<kbd></kbd>                    Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
<var></var>                    Название переменных отображается курсивом
<cite></cite>                    Выделение цитат курсивом
<address></address>                    Отображается курсивом в виде отдельного абзаца
<em></em>                    Наклонный текст (воспринимается посковыми роботами как выделение)
<strong></strong>                    Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
<font size="?"></font>                    Устанавливает размер текста в пределах от 1 до 7.
<font color="?"></font>                    Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

<a href="ссылка">текст ссылки</a>               Создает гиперссылку на другие сайты.
<atarget="?"></a>                    Указывает в каком окне открывать гиперссылку.
[i]Параметры / Значение[/i]
_Blank                    Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_Parent                    Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_Self                    Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_Top                    Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
           
При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна.
<a href="NAME"></a>                    Создает гиперссылку на другую страницу.
<a href="mailto:EMAIL"></a>                         Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
<a href="#name"></a>                    Создает гиперссылку на метку текущей страници.
<a name="name"></a>                    Отмечает часть текста, как метку для гипперссылок на странице.
<a href="NAME#name"></a>                          Создает гиперссылку на метку другой страници.
[i]Форматирование[/i]
<p></p>                    Создает новый параграф
<p align="?"></p>                    Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<nobr>                    Запрещает перевод строки.
<wbr>                    Указывает где разбивать строку для переноса при необходимости.
<br>                    Вставляет перевод строки.
<blockquote></blockquote>                            Создает отступы с обеих сторон текста.
<dl></dl>                    Создает список определений.
<dt>                    Определяет каждый из терминов списка
<dd>                    Описывает каждое определение
<ol></ol>                    Создает нумерованный список
<li>                    Определяет каждый элемент списка и присваивает номер
<ul></ul>                    Создает ненумерованный список
<li>                    Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align="?"></div>                    Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

[i]Графические элементы[/i]    
<img src="name">                    Добавляет изображение в HTML документ
<img src="name" align="?">                            Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border="?">                          Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?">                         Устанавливает поля сверху и снизу
<img src="name" hspase="?">                         Устанавливает поля сбоков
<img src="name" alt="?">                    Всплывающая подсказка при наведении на имедж
<hr>                    Добавляет в HTML документ горизонтальную линию.
<hr size="?">                    Устанавливает высоту (толщину) линии
<hr width="?">                    Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade>                    Создает линию без тени.
<hr color="?">                    Задает линии определенный цвет. Значение RRGGBB.
[i]Таблицы[/i]
<table></table>                    Создает таблицу.
<tr></tr>                    Определяет строку в таблице.
<td></td>                    Определяет отдельную ячейку в таблице.
<th></th>                    Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<caption></caption>                    Определяет подпись таблицы

[i]Атрибуты таблицы[/i]
<table border="#">                    Задает толщину рамки таблицы.
<table cellspacing="#">                    Задает расстояние между ячейками таблицы.
<table cellpadding="#">                    Задает расстояние между содержимым ячейки и ее рамкой.
<table width="#">                    Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table height="#">                    Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<tr align="?"> или <td align="?">                   Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign="?"> или <td valign="?">               Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan="#">                    Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan="#">                    Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap>                    Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width="#">                    Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).

<td height="#">                    Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).

[i]Фреймы[/i]
<frameset></frameset>                    Предваряет тег <body> в документе, содержащем фреймы;
<frameset rows="value,value">                     Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.

<frameset cols="value,value">                      Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.

<frame>                    Определяет единичный фрейм или область в таблице фреймов.
<noframes></noframes>                    Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.

[i]Атрибуты фреймов[/i]
<frame src="URL">                    Определяет какой из HTML документов будет показан во фрейме.
<frame name="name">                    Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.

<frame marginwidth="#">                             Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1.
<frame marginheight="#">                            Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1.
<frame scrolling=VALUE>                    Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

<frame noresize>                    Препятствует изменению размеров фрейма пользователем.

[i]Ифрейм и его атрибуты[/i]
<iframe></iframe>                    Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
<iframe src="URL">                    Определяет какой из HTML документов будет показан в ифрейме.
<iframe name="name">                    Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .
<iframe vspase="?">                    Устанавливает поля сверху и снизу с наружи от ифрейма
<iframe hspase="?">                    Устанавливает поля сбоков с наружи от ифрейма
<iframe marginwidth="#">                             Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe marginheight="#">                           Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe scrolling=VALUE>                    Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

<iframe width="#">                    Определяет ширину ифрейма
<iframe height="#">                    Определяет высоту ифрейма;
<iframe title="?">                    Текст всплывающей подсказки

[i]Формы[/i]
<form></form>                    Создает формы
<select multiple name="NAME" size="?"></select>  Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

<option>                    Указывает каждый отдельный элемент меню
<select name="NAME"></select>                            Создает ниспадающее меню

<option>                    Указывает каждый отдельный элемент меню
<textarea name="NAME" cols=40 rows=8></textarea>  Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type="checkbox" name="NAME">                 Создает checkbox.
<input type="radio" name="NAME" value="x">        Создает radio кнопку.
<input type=text name="foo" size=20>                   Создает строку для ввода текста. Параметром Size указывается длина в символах.
<input type="submit" value="NAME">                      Создает кнопку "Отправить"
<input type="image" border="0" name="NAME" src="name.gif">  Создает кнопку "Отправить" - для этого используется изображение
<input type="reset">                    Создает кнопку "Очистить"     



А вот о кодах css и javascript мы поговорим конкретнее в разделах "CSS" и "JAVASCRIPT's"


ЕСЛИ У ВАС ЕСТЬ ВОПРОСЫ ПО ЭТОМУ РАЗДЕЛУ, С УДОВОЛЬСТВИЕМ ОТВЕЧУ НА НИХ!





Сообщение отредактировал KOT - Суббота, 05.11.2011, 13:52
 
КлещДата: Воскресенье, 06.11.2011, 01:24 | Сообщение # 2
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3425
Награды: 94
Репутация: 185
Статус: Ушел в Зону
А вот за представленный перечень HTML кодов - особый respect Даже мета-теги впиндюрил! Ну молодца!
Очень многое для себя подметил, а то уж начал было подзабывать. Спасибо!




Святая-Cвятых бармена-Клеща:

 
KOTДата: Воскресенье, 06.11.2011, 12:11 | Сообщение # 3
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
Да незачто, всегда рад всем помочь!)


 
[BAR-K]КОМАНДОРДата: Среда, 28.12.2011, 03:11 | Сообщение # 4
Генерал-полковник
Группа: Друзья
Сообщений: 1632
Награды: 31
Репутация: 43
Статус: Ушел в Зону
В трансе изучаю иероглифы, Кот напиши человеку в танке как и для чего эти....коды
 
[BAR-K]КОМАНДОРДата: Среда, 28.12.2011, 03:18 | Сообщение # 5
Генерал-полковник
Группа: Друзья
Сообщений: 1632
Награды: 31
Репутация: 43
Статус: Ушел в Зону
непонимаю как пользоваться ...[color=red]
 
KOTДата: Пятница, 30.12.2011, 23:36 | Сообщение # 6
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
Quote (|BAR-K|КОМАНДОР)
В трансе изучаю иероглифы, Кот напиши человеку в танке как и для чего эти....коды


Так с начало покажу самую легкую структуру сайта:

Code
<html>
            <title>название сайта</title>
            <head>здесь прописываются все пути к css, скриптам, значку сайта....</head>   //Невидимая часть сайта
            <body>Вся информация</body>   //Видимая часть сайта
</html>





Code
<html></html>  //Эти теги всегда должны быть в начале страницы кода и в конце, иначе страницы сайта могут неправильно отображаться или вообще неотображаться!



 
KOTДата: Пятница, 30.12.2011, 23:38 | Сообщение # 7
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
Quote (|BAR-K|КОМАНДОР)
непонимаю как пользоваться ...
Code
[color=red]


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

Code
[color=red]Цвет шрифта[/color]  


и тогда это будет выглядить так:

Цвет шрифта





Сообщение отредактировал KOT - Суббота, 31.12.2011, 11:26
 
ОбоймаДата: Понедельник, 23.01.2012, 23:20 | Сообщение # 8
Зам. Бармена по питейным делам
Группа: Друзья
Сообщений: 695
Награды: 53
Репутация: 110
Статус: Ушел в Зону
значит сайты ты умеешь делать?))
 
КлещДата: Вторник, 24.01.2012, 00:30 | Сообщение # 9
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3425
Награды: 94
Репутация: 185
Статус: Ушел в Зону
Quote (|X-Ray|Обойма)
значит сайты ты умеешь делать?))

А аномалии создавать - слабо? biggrin biggrin biggrin




Святая-Cвятых бармена-Клеща:

 
ОбоймаДата: Вторник, 24.01.2012, 07:44 | Сообщение # 10
Зам. Бармена по питейным делам
Группа: Друзья
Сообщений: 695
Награды: 53
Репутация: 110
Статус: Ушел в Зону
Клещ, аномалию я умею делать biggrin biggrin электру tongue
 
КлещДата: Вторник, 24.01.2012, 23:54 | Сообщение # 11
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3425
Награды: 94
Репутация: 185
Статус: Ушел в Зону
Quote (|X-Ray|Обойма)
Клещ, аномалию я умею делать электру


Оно и видно! biggrin
Так вот почему меня током шандарахает, кода я ночью иногда к тебе в холодильник за колбасой пробираюсь





Святая-Cвятых бармена-Клеща:

 
[BAR-K]КОМАНДОРДата: Воскресенье, 05.02.2012, 01:59 | Сообщение # 12
Генерал-полковник
Группа: Друзья
Сообщений: 1632
Награды: 31
Репутация: 43
Статус: Ушел в Зону
коты коты везде коты в баре)) Надо Сделать на вывеске бара Эмблему бармалея.
 
КлещДата: Воскресенье, 05.02.2012, 18:08 | Сообщение # 13
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3425
Награды: 94
Репутация: 185
Статус: Ушел в Зону
Quote (|BAR-K|КОМАНДОР)
коты коты везде коты в баре)) Надо Сделать на вывеске бара Эмблему бармалея.

Хмм А почему бы и нет?




Святая-Cвятых бармена-Клеща:

 
[BAR-K]КОМАНДОРДата: Воскресенье, 05.02.2012, 19:37 | Сообщение # 14
Генерал-полковник
Группа: Друзья
Сообщений: 1632
Награды: 31
Репутация: 43
Статус: Ушел в Зону
Давай сделай! я хочу это видеть
 
КлещДата: Воскресенье, 05.02.2012, 20:42 | Сообщение # 15
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3425
Награды: 94
Репутация: 185
Статус: Ушел в Зону
Quote (|BAR-K|КОМАНДОР)
Давай сделай! я хочу это видеть

Ну ты и наглец, малый. Ну ни каких манер! facepalm




Святая-Cвятых бармена-Клеща:

 
Форум » STR STUDIO » Обучение новичков » Начинаем обучение (Основы программирования...)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Copyright MyCorp © 2018Бесплатный хостинг uCoz