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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Бывалый
****

Группа: User
Сообщений: 384
Регистрация: 13.8.2012
Из: Актау
Поблагодарили: 40 раз
Репутация:   9  


Здравствуйте пользователи сайта 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


Участник
***

Группа: User
Сообщений: 207
Регистрация: 28.1.2013
Из: Москва
Поблагодарили: 110 раз
Репутация:   27  


Можете это посмотреть:
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


Завсегдатай
*****

Группа: Active User
Сообщений: 579
Регистрация: 23.7.2012
Из: Львов
Поблагодарили: 148 раз
Репутация:   12  


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


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


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


Участник
***

Группа: User
Сообщений: 153
Регистрация: 23.3.2013
Поблагодарили: 32 раза
Репутация:   0  


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


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


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


Новичок
*

Группа: User
Сообщений: 29
Регистрация: 28.3.2013
Поблагодарили: 15 раз
Репутация:   2  


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


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


Новичок
*

Группа: User
Сообщений: 34
Регистрация: 5.3.2013
Из: СПб
Поблагодарили: 8 раз
Репутация:   1  


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


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


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


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

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



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


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


Новичок
*

Группа: User
Сообщений: 16
Регистрация: 11.3.2013
Поблагодарили: 4 раза
Репутация:   1  


Изучать 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


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


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


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


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


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3427
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


что же за время-то такое пошло: чуть что — так сразу видеокурсы.
есть желание научиться верстать? так и нужно верстать, а не смотреть всякое непотребство. если же верстка нужна лишь для того, чтобы раз в месяц сварганить себе простенький сайт, тем более не нужно никаких курсов. макетов и примеров в сети горы, а определение того же 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 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Дизайн сайтов | Продажа готовых макетов
Визитки, лендинги, шапки
169 bakalev 68532 Вчера, 15:47
автор: bakalev
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
18 viktormerke 2785 Вчера, 15:18
автор: Smspva
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSE Ranking – новый сервис для проверки позиций сайтов в поисковиках
173 seranking 158082 Вчера, 14:29
автор: seranking
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСерпхант – инструменты анализа и мониторинга сайтов
Анализ и мониторинг сайтов сервисом Серпхант
20 Serphunt 3991 Вчера, 9:42
автор: Serphunt
Открытая тема (нет новых ответов) Эффективный статейный прогон по 200 жирным трастовым сайтов
12 dimapwt 1157 14.12.2017, 21:05
автор: regem


 



RSS Текстовая версия Сейчас: 16.12.2017, 8:06
Дизайн