Раскрутка всех форумов;

Объявление

Конкурс.

Всем привет. Наш форум начинает развиваться. Мы ежедневно выполняем множество заказов, учим учеников css, html и фш. Если вам нужен дизайн, картинка, таблица, реклама, аватар и многое другое для вашего форума - тогда вам сюда. Регистрируйтесь.

Радуга
Подарок - быстрый заказ

yes.
Эплнутый Китай
коко*

enivrantes
`sunny


*Water
Marizza
Lizi
поиск!

Введена новая акция - Пользователь недели.
Все подробности тут:
КЛИК*

Начинаються три разных конкурса *кликайте*
Конкурс Лучших Аватарок[фш]*
Конкурс лучшего дизайна[css]*Разработка.
Лучший Форум*Разработка.

Ищем в спец теме.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Раскрутка всех форумов; » Учеба с учителями » "Видимо чудеса не в курсе,что они должны случаться"(с)| Marizza


"Видимо чудеса не в курсе,что они должны случаться"(с)| Marizza

Сообщений 1 страница 19 из 19

1

Привет. Можешь звать меня yes или просто маша. Я не очень строгая. Учеба будет разделена на уроки. После каждого мини проверочная работа. После всей учебы экзамен,который я оцениваю по 10-бальной шкале. Если что то не понятно всегда задавай вопросы. Ну вот и все вроде)

Ты знаешь основные теги,да? Перечисли их,и для чего они служат.

0

2

yes. написал(а):

Ты знаешь основные теги,да? Перечисли их,и для чего они служат.

ну как бы да.
значит: <tabel> (по моему так) служит для создания самой таблицы
<td> строка
<tr> ячейка
потом изменять стиль шрифта с помощью <b> <i> <u> <s>
ну еще цвет менять, ширину границ таблицы

0

3

<tabel>

может ты имела ввиду <table>?

<b> <i> <u> <s>

эти теги парные?

цвет менять

умеешь? как?

0

4

yes. написал(а):

может ты имела ввиду <table>?

да

yes. написал(а):

эти теги парные?

угумс например <b></b> и остальные так же

yes. написал(а):

умеешь? как?

например так <table border="2" style="color:white;"> </table>
так внешние границы таблицы получаются белыми

0

5

и еще, <tr>-это строки а <td> для ячеек.

хорошо, а как менять цвет и размер шрифта знаешь?

0

6

yes. написал(а):

и еще, <tr>-это строки а <td> для ячеек.

айм сори, перепутала

yes. написал(а):

хорошо, а как менять цвет и размер шрифта знаешь?

эм... нет

0

7

Отлично,вот этому сейчас научу)
Перейдем сразу ко 2 уроку,т.к. 1 ты знаешь.

Урок №2


Часть 1 - Текст.

Сейчас мы научимся редактировать текст таблицы,как душе угодно. Если быть более точным,научимся менять положение текста его цвет и размер.
<font size="1"></font> - размер текста. "1" - это самый маленький размер текста,в ттаблице он будет выглядеть как у нас сейчас на этом форуме. если сделать размер "2",то это будет стандартный размер. "3"-большой,и так далее.
<font color="red"></font> - цвет текста. здесь надеюсь все понятно. в данном коде цвет текста красный, если хочешь допустим зеленый цвет,то вместо "red" ставим "green".
<font align="center"></font> - расположение текста. в данном случае текст будет стоять в середине. если "center" заменить на "left",текст будет слева,если на "right",то соответственно справа.

Это ясно?
Запоминай примерно)

0

8

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

0

9

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

ладно вот вторая часть.

Часть #2 - Ссылки.Картинки.

<img src="ссылка на картинку">- для вставления картинки в таблицу,или в баннер.
<a href="ссылка">- для вставления ссылки в таблицу.

Это понятно?

0

10

yes. написал(а):

Это понятно?

да понятно

yes. написал(а):

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

<font size="3" color="green" align="right"></font>

0

11

Marizza написал(а):

<font size="3" color="green" align="right">color="green"

правильно.. не знаю почему.

0

12

урок #3.

Итак. На этом уроке,мы научимся делать таблицы окончательно. Что бы это сделать давай рассмотрим код стандартной табоицы,которую ставят в html.

1)<table> - тег создания таблиц
2)<table border="1" width="100%"> - начало
1 - толщина рамок,если ставить 0,то без рамок.
100% - расположение таблицы в процентах. 100 % - как размер форума. 95 % поменьше.

Под цифрой 2,тот код,с которого обычно начинается такая таблица. Посмотрим дальше:

<tr>
<td height="25" width="800" colspan="2" align="center">Приветствие</td></tr>

height="25 - высота окошка в пикселях.
width="800 - ширина окошка (чаще должна быть такой же как ширина вашего форума)
align="center - мы уже знаем, текст в центре
colspan="2" - сколько столбцов будет под этой строчкой. для нашей таблицы будет 2 столбца под строчкой приветствия.

Благодаря этой первой сторочке у нас получается:
новая строка,с шириной как форум,  с небольшой высотой и тестом приветствия расположеном посередине.
Теперь мы,допустим после этой строчки приветствия заходим создать большую ячейку для картинки,которая займет ровно половину таблицы. Что нам для этого нужно? Если вся таблица 800px,то половина будет соответственно 400px.
Значит какой у нас должен быть код? В нем должны присутствовать теги новой строки (tr), новой ячейки (td),ширина и высота ячейки,а так же код для вставления картинки. И вот что получается:

<tr>
<td height="250" width="400" align="center"><img src="ссылка на картинку"></td></tr>

Тут уже должно быть понятно: высота,ширина и то,что картинка будет расположена в центре. НО. Мы должны кое чем дополнить код. А именно тегом rowspan. Он определяет количество рядов, охваченных текущей ячейкой.
То есть вот что получилось:

<tr>
<td height="400" width="400" align="center" rowspan="2"><img src="ссылка на картинку"></td>

Это значит,что после ячейки с картинкой,у нас будет еще 2 ряда с ячейками. Дальше,что нам нужно это сделать эти два ряда. Вопрос как?Новая строка в данном случае не нужна. Поэтому берем только тег для новой ячейки,а так же ширину и высоту.

<td height="200" width="400" align="center">новости</td></tr>

Думаю это уже понятно. Теперь берем новую строку и создаем там точно такую же ячейку:

<tr><td height="200" width="400" align="center">объявление</td></tr>

В конце еще ставим </table>

Таблица готова. И вот ее полный код:

Код:
<table border="1" width="100%">
<td height="40" width="800" colspan="2" align="center">Приветствие</td></tr>
<tr>
<td height="300" width="400" align="center" rowspan="2"><img src="ссылка на картинку"></td>
<td height="200" width="400" align="center">новости</td>
</tr>
<tr>
<td height="200" width="400" align="center">объявление</td>
</tr>
</table>

какой получилось таблица можешь посмотреть здесь :
http://testovik23.mybb.ru/

+1

13

yes.
о спасибо тебе большое за обучение, и конечно я тебе поставлю плюсы)

0

14

м..не за что.
хочешь закончить обучение?

0

15

yes. написал(а):

хочешь закончить обучение?

конешн

0

16

просто как бэ еще 2 урока ^ ^'

0

17

yes.
ого о.О ну давай тогда дальше)

0

18

ну вообще,там дополнительный курс  -  составление кодов для баннеров и таблица с прокруткой. или же можно пропустить,и остается экзамен только.
мне без разницы,выбирай *0*

0

19

yes. написал(а):

ну вообще,там дополнительный курс  -  составление кодов для баннеров и таблица с прокруткой. или же можно пропустить,и остается экзамен только.
мне без разницы,выбирай *0*

ну давай баннеры, а таблицы с прокруткоя я уже научилась делать

0


Вы здесь » Раскрутка всех форумов; » Учеба с учителями » "Видимо чудеса не в курсе,что они должны случаться"(с)| Marizza