X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Вопрос по верстке сайтов!
propeople
propeople
Topic Starter сообщение 2.4.2013, 20:18; Ответить: propeople
Сообщение #1


Здравствуйте пользователи сайта MaulTalk! В общем у меня уже давно назревал такой вопрос, но все никак не мог задать его Вам.

Летом 2012 года пробовал изучать строение сайтов в плане верстки. Хотел хорошо освоить верстку. Учил HTML и CSS, быть может с HTML у меня получалось нормально, делал одно-страничные сайты для себя в качестве того, чтобы убедиться, что я чему-то научился. С CSS дела были намного туже. Вот не давалась, и все. Быть может такие уроки смотрел (смотрел в youtube ролики). И еще, раньше, когда я этому учился, сайты строились в основном на таблицах:
<table></table>

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

Так вот, не знаете ли вы сайта, в котором более подробно учат верстке, по всем новейшим языкам Web-программирования? Пока что мне HTML и CSS учебников будет вполне достаточно.

Быть может это статьи, видео-уроки, не важно, главное, чтобы было максимально полезно!

Сообщение отредактировал propeople - 2.4.2013, 20:20


--------------------
Покупаю uCoz сайты от 100 до 500 хостов.


Поблагодарили: (1)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tszyan
tszyan
сообщение 2.4.2013, 20:28; Ответить: tszyan
Сообщение #2


Можете это посмотреть:
http://www.sdelaysite.com/kniga/verstka-kn...a-verstka-div-0
(первое что пришло в голову, возможно, Вам подойдет)

Сообщение отредактировал tszyan - 2.4.2013, 20:28


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bibika
bibika
сообщение 2.4.2013, 20:34; Ответить: bibika
Сообщение #3


Эта ссылка специально для Вас http://rutracker.org/forum/viewtopic.php?t=4329600. Все качать не надо, хватит только HTML и СSS


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kenadams
kenadams
сообщение 2.4.2013, 20:53; Ответить: kenadams
Сообщение #4


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


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sneizdecker
Sneizdecker
сообщение 2.4.2013, 20:53; Ответить: Sneizdecker
Сообщение #5


Вот отличнейший сайт http://htmlbook.ru/
Просто тонны полезной информации: самоучитель, справочник по HTML/CSS, разбор типовых макетов, целая куча примеров и т.д. Рекомендую ознакомиться.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
meteora
meteora
сообщение 2.4.2013, 23:33; Ответить: meteora
Сообщение #6


для начала HTML и CSS это язык разметки а не программирования. http://htmlbook.ru/ хороший портал для подглядывания. а так когда я изучала верстку мне вполне было достаточно опытным путем сверстать пару сайтиков на div-ах естественно (подглядывая в обычную книжку по html и в разные уроки типа "как сделать выпадающее меню на css" и т.п.)... а дальше ставьте себе цели и тут уж дело практики... удобно еще бывает подглядывать как сделано у других более опытных верстальщиков... но в этом вам в помощь инструмент firebug (плагинчик для Firefox)


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 3.4.2013, 0:40; Ответить: rjksdfhe
Сообщение #7


Да, и насчёт того, что табличная вёрстка умерла или должна умереть, слышу последние 3 года.
Да, где возможно - делайте всё на div'ах. Почти всё возможно, но иногда вылезают нюансы.

Вот, кстати, пример вёрстки не бедного, но глубоко технологически продвинутого, всем известного:



...это фрагмент, в коде таблицы встречаются в 5 раз чаще.


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
keikiduke
keikiduke
сообщение 3.4.2013, 5:59; Ответить: keikiduke
Сообщение #8


Изучать CSS (2.1), по-моему, лучше всего по книге "CSS - каскадные таблицы стилей. Подробное руководство (3-е издание)" Эрика Мейера.
Поддержку различных свойств браузерами можно посмотреть на http://htmlbook.ru, http://www.quirksmode.org/css/ и http://help.dottoro.com/


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 3.4.2013, 8:22; Ответить: andreykashops
Сообщение #9


rjksdfhe, согласен!
Например сделать растяжку двух блоков на одинаковую высоту невозможно через div верстку(по крайней мере я не находил такого решения), а через таблицу без проблем, но и тут есть свои нюансы...


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 3.4.2013, 8:41; Ответить: x64
Сообщение #10


что же за время-то такое пошло: чуть что — так сразу видеокурсы.
есть желание научиться верстать? так и нужно верстать, а не смотреть всякое непотребство. если же верстка нужна лишь для того, чтобы раз в месяц сварганить себе простенький сайт, тем более не нужно никаких курсов. макетов и примеров в сети горы, а определение того же input или cursor можно и на htmlbook.ru посмотреть.

сами html и css вполне реально освоить на уровне понимания за 1 неделю. да, для многих этого времени не хватит, чтобы научиться без подглядывания верстать 2/3/4 колоночные макеты. зато недели вполне достаточно, чтобы узнать, чем же отличаются атрибуты id и class (почему нельзя всегда использовать id, ведь он на 3 символа короче), что такое div и span, отличие внутристрочных от блочных элементов, основные html-теги и css-свойства.

(andreykashops @ 3.4.2013, 8:22) *
сделать растяжку двух блоков на одинаковую высоту невозможно

css-свойство display:table-cell говорит об обратном biggrin.gif


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Проверка позиций сайтов в поисковых системах с помощью Positon.ru
Мониторинг продвижения сайтов
183 Positon 179404 12.4.2024, 8:32
автор: Positon
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПродвижение сайтов
70 vyacheslav333 42434 8.4.2024, 1:58
автор: vyacheslav333
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВечные ссылки с трастовых сайтов
53 1informer 22619 7.4.2024, 13:47
автор: 1informer
Открытая тема (нет новых ответов) PRO дизайн: для маркетплейсов и соц. сетей, разработка сайтов, логотипов и иллюстраций!
27 OlgaMcField 8202 6.4.2024, 11:55
автор: OlgaMcField
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3051 5.4.2024, 5:53
автор: Skyworker


 



RSS Текстовая версия Сейчас: 16.4.2024, 11:59
Дизайн