Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS

Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжёлое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: 826074280762 Webmoney WME: 804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!
Ответ
 
Опции темы Опции просмотра Language
Старый 21.02.2009, 18:12   #1
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Верстка - с чего начать?

Добрый день, многоуважаемые..

Надеюсь что выбрал нужный раздел, если нет - перенесите куда нужно.

В общем, я пришел в окончательный тупик и хочу из него выбраться. Статей по верстке - просто туча и очень сложно понять что и где происходит и почему. Например для трехколоночной верстки существует уйма статей, где каждый описывает по своему. Или footer...

А хотелось бы понимать а не просто тупо копипастить..

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

Хотя сомневаюсь, что есть такой пошаговый ресурс.., но мало ли.
zeroed вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: астерикс и обеликс против цезаря смотретьподарки для мужчин краснодар доставкаzentec контроллер вентиляцииИнтеграция Mertago и Zoho CRM (New)концерт елки 26 мая москва


Старый 21.02.2009, 19:39   #2
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Мне этот путь кажется неверным по той причине, что я не буду понимать основ: как и почему это работает. И при малейшем столкновении с проблемой просто не буду в состоянии ее починить - т.к. не буду понимать вообще как все это работает... В любом случае спасибо за ответ.

А что за фреймворки вы имеете в виду?
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 21.02.2009, 22:15   #3
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Цитата:
Сообщение от sdss Посмотреть сообщение
в том то и дело, что для того чтобы начать, нужно получить представление что такое margin, padding, и float, всё!

всё остальное можно понимать по ходу (удобнее всего — в редакторе типа дримвивера, где свойства и их значения для элементов вываливаются сами).

фреймворки — имеются ввиду css frameworks.

1. Я представляю себе боксовую модель и если что-то забываю, просто открываю вот этот рисунок:



также я помню о том, что эксплорер (не уверен какой именно) считает полную ширину дива иначе, чем другие браузеры: одни браузеры учитывают margin, другие нет. возможно не margin, не помню.

2. float - грубо говоря убирает символ перехода строки. это в символьных терминах. естественно, если места уже нет, но переход будет в любом случае. это как span вместо дивов. clear отменяет. все верно?

3. что за css frameworks?


p.s. и тем не менее я не понимаю как делать ту или иную компоновку, нужна какая-то зацепка для мозгов чтобы это прояснилось раз и навсегда

Добавлено через 5 минут
Один из похожих примеров - создание ui приложений на java (swing). Прочитал книгу, которую рекомендовали всем будущим ui-щикам и все понял. На примерах различных компоновщиков рассказывалось как создать небольшие элементы. Потом все это влилось в одно целое и любой сложный дизайн сразу же в голове разбивается на n кусков, за каждый из которых отвечает определенный компоновщик.

Например:

Берется border layout для того, чтобы сделать header, center, footer. Потом в каждом из них уже берутся другие компоновщики, в них могут присутствовать тоже другие компоновщики и так далее..

Насколько я понимаю здесь примерно таже ситуация.

Страница первоначально делится на определенные части, к этим частям применяется определенная техника. Далее каждая такая часть опять разбивается на более мелкие части и к каждой из них применяется своя техника.. И так далее до мелких деталей.

Вот хочется узнать с чего лучше всего это изучать, посмотреть как строятся определенные шаблоны, как научиться правильно разбивать страницу на эти части, чтобы это сразу бросалось в глаза...

Надеюсь, что выражаюсь понятно.

Последний раз редактировалось zeroed; 21.02.2009 в 22:21.. Причина: Добавлено сообщение
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 22.02.2009, 01:12   #4
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Нашел то, с чего стоит начинать каждому:

http://www.htmlbook.ru/content/?id=90

Отсюда и далее по правому меню.

В голове проясняется все.
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 22.02.2009, 05:45   #5
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Посмотрел про CSS Frameworks, ссылка сразу не была видна..

Заманчиво... Но как и с любым фреймворком встает пару вопросов:

1. Насколько он кастомизируем? И не проще ли сделать самому, если придется писать кастомизацию? Для простых сайтов он конечно подойдет, но для сложных дизайнерских задумок, я думаю, наврядли.
2. Что будет если найдется баг? Идеальных систем не бывает. И опять приходим к тому, что придется ручками править.

Это риторические вопросы, если что...

Сейчас, например, пользуюсь joomla, но уже жалею что php не начал сразу изучать.

Добавлено через 3 минуты
А вообще, почитал ту ссылку, что слал выше и уже на порядок в голове все прояснилось

По-крайней мере представляю себе немного, как сделаю текущий макет, так что проблем не должно возникнуть.

Осталось только разобраться как лучше сделать мин-макс резиновую верстку, футер с растянутой страницей и как кастомизировать поля формы.

Последний раз редактировалось zeroed; 22.02.2009 в 05:48.. Причина: Добавлено сообщение
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 22.02.2009, 16:37   #6
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

А какой из этих фреймворков используете лично Вы?

А почему сохранение контента в таблицы непреемлемо? injections?
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 22.02.2009, 16:44   #7
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Все понял.

Да, сам это заметил. Спасибо за ответы.
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 23.02.2009, 11:30   #8
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

sdss,

скачал framework, который вы использовали и не могу понять..

1. что он дает?
2. как его использовать?

документацию не нашел толком, даже простейшее howto с чего начать..
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 23.02.2009, 16:11   #9
Romati
Неактивный пользователь
 
Регистрация: 23.02.2009
Сообщений: 5
Репутация: 1
По умолчанию Re: Верстка - с чего начать?

http://blog.html.it/layoutgala/ — используй эти фреймворки.
Сохраняешь макет и уже от него начинаешь «пляски». Это как фундамент будущего сайта ;-)
Romati вне форума
 
Ответить с цитированием Вверх
Старый 23.02.2009, 21:20   #10
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Цитата:
Сообщение от sdss Посмотреть сообщение
откройте фреймворк в дримвивере, вкладка design view. увидите дизайн глазами, очень наглядно.

ммм. у меня линугз )


Цитата:
Сообщение от sdss Посмотреть сообщение
изучать начинку и применять знания CSS (поначалу практиковаться методом тыка)

Я так и не понял, что дает сам фреймворк

Например, с помощью joomla можно сделать сайт на php без знаний php. Ну это утрированно конечно, но это объяснение тому, что дает framework. =)

То, что пофиксан баг с png в IE, я понял, но что еще? Есть какие-то подготовленные классы, которые позволяют верстку сделать, или что?

Документации нет к фреймворку, или я плохо искал..

Не понимаю, как можно работать с тем, не знаю чем.

Добавлено через 6 минут
Цитата:
Сообщение от Romati Посмотреть сообщение
http://blog.html.it/layoutgala/ — используй эти фреймворки.
Сохраняешь макет и уже от него начинаешь «пляски». Это как фундамент будущего сайта ;-)

Забавно. Честно прокликал все 40 шаблонов, но ни в одном из них футер не притянут к низу.

Это веяния нового дизайна или для этого есть какая-то причина?

Последний раз редактировалось zeroed; 23.02.2009 в 21:26.. Причина: Добавлено сообщение
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 16.03.2009, 16:17   #11
Rozita
Неактивный пользователь
 
Пол:Мужской
Регистрация: 07.06.2006
Сообщений: 7
Репутация: 0
По умолчанию Re: Верстка - с чего начать?

скажу как я начинал. Начитался разных умных книг из которых мало что втюривал. Потом начал смотреть авторские уроки на ЮТУБЕ и тут я начал все понимать. После этого и умные книжки понятнее стали
Rozita вне форума
 
Ответить с цитированием Вверх
Старый 16.03.2009, 21:37   #12
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Верстка - с чего начать?

Цитата:
Сообщение от Rozita Посмотреть сообщение
скажу как я начинал. Начитался разных умных книг из которых мало что втюривал. Потом начал смотреть авторские уроки на ЮТУБЕ и тут я начал все понимать. После этого и умные книжки понятнее стали

А можно пару ссылочек?
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 19.03.2009, 23:25   #13
Лонгер
Неактивный пользователь
 
Регистрация: 17.03.2009
Сообщений: 3
Репутация: 1
По умолчанию Re: Верстка - с чего начать?

А есть ли специальный софт для создание CSS сайтов?
Лонгер вне форума
 
Ответить с цитированием Вверх
Старый 20.03.2009, 01:20   #14
Searching
Неактивный пользователь
 
Пол:Мужской
Регистрация: 05.03.2009
Адрес: Москва
Сообщений: 6
Репутация: 0
По умолчанию Re: Верстка - с чего начать?

Цитата:
Сообщение от Лонгер Посмотреть сообщение
А есть ли специальный софт для создание CSS сайтов?

В создании таблиц стилей может помочь программа TopStyle
Программа имеет облегченную бесплатную версию. Она позволяет отслеживать, как будут выглядеть html-элементы, сразу же, как вы задали для них свой стиль.
Searching вне форума
 
Ответить с цитированием Вверх
Старый 07.05.2009, 16:20   #15
n_t_li
Неактивный пользователь
 
Регистрация: 07.05.2009
Сообщений: 2
Репутация: 0
По умолчанию Re: Верстка - с чего начать?

я в своё время пошла работать в веб-студию за кусок хлеба - там меня всему научили =)
самостоятело - очень сложно
если есть возможность - найдите себе учителя
n_t_li вне форума
 
Ответить с цитированием Вверх
Ответ

Опции темы
Опции просмотра

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
С чего начать Zelenii zmey Вeб Дизайн 33 27.04.2010 21:42
С чего начать? Pavel_MSK Вeб Дизайн 15 16.03.2008 15:06
С чего начать? audiag Вeб Дизайн 45 26.10.2007 11:13
С чего начать? phantoms Спутниковый интернет 3 26.09.2007 22:36
С чего начать! KamiD Вeб Дизайн 35 16.02.2007 14:00

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 14:02. Часовой пояс GMT +3.


Copyright ©2004 - 2024 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.20696 секунды с 11 запросами