StyleWeb |
! АКТУАЛЬНО на февраль 2016: !
Кто всё - таки заинтересован в восстановлении SW FORUM`а, с радостью ждём вас в ЛС у ПтичьеМолоко
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » StyleWeb » Архив графики » ПтичьеМолоко vs Li Lu
Привет) Меня зовут Марина, называть только по имени, пожалуйста)
Никаких "Я такая глупая", "Я тут ступила" чтобы от тебя не слышала.
Появляться нужно каждый день. Если не сможешь, пиши в асю 455-000-054
Кинь мне ссылку на свой форум-тест. Распиши, чему бы ты хотела научиться и что тебе не понятно.
ПтичьеМолоко
Я Саша,очень приятно,каждый день-гуд)))
Ну в обще-то я в дизе вообще не шарю(никогда ему не училась
честовик мы там с Кариной добавили табличку)
Помним, что мы сейчас не делаем тебе дизайн на сайт, а учимся кодам и запоминаем их.
Для начала научимся создавать таблицу.
Всё, что тебе нужно запомнить, это:
теги самой таблицы
<table></table>
теги строчки
<tr></tr>
теги ячейки
<td></td>
Это работает, как матрёшка. В тегах таблицы - теги строки, в тегах строки - теги ячеек.
Пример:
<table><tr><td>1 ячейка</td><td>2 ячейка</td><td>3 ячейка</td></tr></table>
Для выравнивнивания таблицы по центру достаточно заключить её всю в теги
<center></center>
Заметь, что если ты прописала не тот символ и пропустила хоть одну чёрточку - всё полетит в пропасть и ничего не будет работать.
Самое интересное - это свойства. Ты их прописывать можешь как в ковычках
border="0"
так и без низ (это не принципиально)
border=0
Только для одной таблицы выбери один тип написания свойств.
Куда писать свойства?
Пишутся они через пробел после слова, определяющее таблицу (table), строку(tr) или ячейку(td).
Пример:
<table border=0 width=100%><tr> <td bgcolor=#008000 rowspan=3>...
border - толщина границ таблицы
bordercolor - цвет границ таблицы
height - высота
width - ширина
Задание:
напиши таблицу, состоящую из двух строк и по три ячейки в каждой.
Марин я ничего не поняла, у меня какая-то фигня получается
вот что у меня получилось:
<center><table height=250 width=500 border=#0> <tr><td>1 ячейка</td><td>2 ячейка</td><td>3 ячейка</td></tr> </table> </center>
Марин я ничего не поняла
Прочитай ещё раз. Если захочешь - поймёшь.
И этих слов чтобы больше не было.
Ты сделала одну строку. Нужно две.
ПтичьеМолоко
Марин,проверь?
<table height=250 width=945 border=#0> <tr><td>Приветствие</td><td>Администрация</td><td>Полезные ссылки</td></tr> <tr><td>Наши партнёры</td><td>О нас</td><td>Конкурсы</td></tr> </table>
border=#0
почему перед нулём решётка?
Марина исправленный вид:
<table height=250 width=945 border=3> <tr><td>Приветствие</td><td>Администрация</td><td>Полезные ссылки</td></tr> <tr><td>Наши партнёры</td><td>О нас</td><td>Конкурсы</td></tr> </table>
Сама делала или спросила помощи?
ПтичьеМолоко
хех,сама ,клянусь 
следующее задание
Залить цветом всю таблицу (если поставить внутри тега таблицы), или ячейку (если поставить внутри тега ячейки), или строки (если поставить внутри тега строки)
bgcolor="#цвет"
цвет - вводишь код цвета
если вводишь слово вместо кода, то решётку убираешь и пишешь red (например)
так
bgcolor="red"
Ты поставила ширину в пикселях. Я не знаю, откуда ты это взяла, я не рассказывала.
Но работать будем только с процентами.
Опять же так, как все остальные свойства, ставишь
width="100%"
внутри тега ячейки, строки или самой таблицы
меняешь проценты по усмотрению
Допустим, что в средней ячейке мы хотим сделать 3 строки, тогда в ячейку которая находится слева и справа от нее пишем rowspan="3"
Если хотим чтоб были под одной ячейкой два столбца снизу, тогда в ячейке, и под ней пишем colspan="2"
Задание:
Сделай таблицу с тремя строками по две ячейки в каждой
Залей её синим цветом
Сделай ширину таблицы на все 100%
Сделай ширину каждого столбца по 30%
И пожалуйста. Имей уважение. Я трачу своё время, чтобы это объяснить всё тебе.
Постарайся сама додуматься, как всё нужно сделать.
ПтичьеМолоко написал(а):
Задание:
Сделай таблицу с тремя строками по две ячейки в каждой
<table height=250 width="100%" border=3> <tr><td>Администрация</td><td>Правила</td></tr> <tr><td>О ролевой</td><td>Основное в игре</td></tr> <tr><td>Конкурсы</td><td>Полезные ссылки</td></tr> </table>
ПтичьеМолоко написал(а):
Залей её синим цветом
<table height=250 width="" border=3 bgcolor="blue"> <tr><td>Администрация</td><td>Правила</td></tr> <tr><td>О ролевой</td><td>Основное в игре</td></tr> <tr><td>Конкурсы</td><td>Полезные ссылки</td></tr> </table>
ПтичьеМолоко написал(а):
Сделай ширину таблицы на все 100%
<table height=250 width="100%" border=3 bgcolor="blue"> <tr><td>Администрация</td><td>Правила</td></tr> <tr><td>О ролевой</td><td>Основное в игре</td></tr> <tr><td>Конкурсы</td><td>Полезные ссылки</td></tr> </table>
ПтичьеМолоко написал(а):
Сделай ширину каждого столбца по 30%
вот это не уверена,что сделала правильно
<table height=250 width="100%" border=3> <tr height="30%" ><td>Администрация</td><td>Правила</td></tr> <tr height="30%" ><td>О ролевой</td><td>Основное в игре</td></tr> <tr height="30%" ><td>Конкурсы</td><td>Полезные ссылки</td></tr> </table>
А вот, что получилось всё вместе, ничего если я расположила табло по центру 
<center> <table height=250 width="100%" border=3 bgcolor="blue"> <tr height="30%" ><td>Администрация</td><td>Правила</td></tr> <tr height="30%" ><td>О ролевой</td><td>Основное в игре</td></tr> <tr height="30%" ><td>Конкурсы</td><td>Полезные ссылки</td></tr> </table> </center>
height=250
Но работать будем только с процентами.
border=3
этого в задании не было =)
height="30%"
ты сделала высоту в 30%
ширина пишется так:
width="100%"
Убери это из тегов строк и поставь в теги каждой второй ячейки)
ПтичьеМолоко
Марин переделанно
<center> <table height="250%" width="100%" bgcolor="blue"> <tr><td>Администрация</td><td width="30%>Правила</td></tr> <tr><td>О ролевой</td><td width="30%>Основное в игре</td></tr> <tr><td>Конкурсы</td><td width="30%>Полезные ссылки</td></tr> </table> </center>
height="250%"
зачем тебе высота?
да ещё и 250%?)))
всё остальное правильно
ПтичьеМолоко
извини(
с цветом ещё будет работать или следующий урок? 
<center> <table width="100%" bgcolor="blue"> <tr><td>Администрация</td><td width="30%>Правила</td></tr> <tr><td>О ролевой</td><td width="30%>Основное в игре</td></tr> <tr><td>Конкурсы</td><td width="30%>Полезные ссылки</td></tr> </table> </center>
Ну давай...Как ты хочешь построить работу?
ПтичьеМолоко
вот я бы хотела узнать как шапка сливается с остальным форумом?)
Li Lu
Тебе Женевьева уже рассказывала.
Делаешь в фотошопе большой фон 1600*900(примерно) и аккуратно вырезаешь шапку.
ПтичьеМолоко
хорошо)
чем дальше займёмся?)
| Обучение у ПтичьеМолоко | Архив SW | 3 Май 2010 |
| Alika - обучение у ПтичьеМолоко | Архив графики | 12 Июл 2010 |
| Обучение у ПтичьеМолоко | Архив графики | 11 Июл 2010 |
| Al'do - обучение у ПтичьеМолоко | Архив графики | 19 Июл 2010 |
| Наоко - обучение у ПтичьеМолоко | Архив графики | 26 Сен 2010 |
Вы здесь » StyleWeb » Архив графики » ПтичьеМолоко vs Li Lu