(25 фев 2013, 12:07) (0/0)
[0]
[ut]Под конец немного полезных web сайтов:[/ut]
https://kuler.adobe.com/ - Сервис подбора цвета от adobe
http://colorblender.com/ - Еше один сервис цвета
http://findicons.com/ - поисковик бесп. иконок
http://lea.verou.me/css3patterns/ - фоны для сайтов
http://subtlepatterns.com/ - еще бекграунды
http://wap59.ru/ - учебники html и js скрипты.
https://kuler.adobe.com/ - Сервис подбора цвета от adobe
http://colorblender.com/ - Еше один сервис цвета
http://findicons.com/ - поисковик бесп. иконок
http://lea.verou.me/css3patterns/ - фоны для сайтов
http://subtlepatterns.com/ - еще бекграунды
http://wap59.ru/ - учебники html и js скрипты.
(25 фев 2013, 12:07) (0/0)
[0]
[ut]Учим css[/ut]
В помощь вам самоучитель http://htmlbook.ru/samcss (web) и справочник http://htmlbook.ru/css (web).
Главное понять принцип. На каждый тег можно нацепить стиль. <a> <hr> <html> <ul>, на любой без исключений. можно из блоков сделать таблицу, а из нумерованного списка горизонтальное меню.
[ut]С чего начать написание дизайна?[/ut]
Ну вот и то, ради чего все затевалось.
Для начала придайте стиль телу страницы [dot]body[/dot] Установите цвет фона, и при необходимости фоновую картинку. Установите размер шрифта, его тип, цвет, и т.д.
Задайте стиль для ссылок [dot]a[/dot], их др. свойств (hover, visited). Параметр :focus в телефонах se на страной прошивке понимается как цвет выделения ссылок при навигации стрелками.
Теперь можете переходить к блокам.
Я так же сразу устанавливаю стили для картинок [dot]img[/dot], заголовков [dot]h1-h5[/dot], и линий [dot]hr[/dot].
В помощь вам самоучитель http://htmlbook.ru/samcss (web) и справочник http://htmlbook.ru/css (web).
Главное понять принцип. На каждый тег можно нацепить стиль. <a> <hr> <html> <ul>, на любой без исключений. можно из блоков сделать таблицу, а из нумерованного списка горизонтальное меню.
[ut]С чего начать написание дизайна?[/ut]
Ну вот и то, ради чего все затевалось.
Для начала придайте стиль телу страницы [dot]body[/dot] Установите цвет фона, и при необходимости фоновую картинку. Установите размер шрифта, его тип, цвет, и т.д.
Задайте стиль для ссылок [dot]a[/dot], их др. свойств (hover, visited). Параметр :focus в телефонах se на страной прошивке понимается как цвет выделения ссылок при навигации стрелками.
Теперь можете переходить к блокам.
Я так же сразу устанавливаю стили для картинок [dot]img[/dot], заголовков [dot]h1-h5[/dot], и линий [dot]hr[/dot].
(25 фев 2013, 12:06) (0/1)
[-1]
Почитал тему С чего начать написанние дизайна?, и всплакнул. Вообщем вот мини-гайдик.
[ut]Перед тем, как начать...[/ut]
Перед тем, как начать браться за дизайн нужно освоить разметку. Дизайнер не обязан верстать, но уметь должен. Не понимая принципа можно нарисовать такое, что в жизни не сверстать.
Для начала прочтите http://htmlbook.ru/samhtml (web) затем разбирайте чужие страницы, поглядывая в справочник по тегам http://htmlbook.ru/html (web) Именно так я и научился.
[ut]Подготовка[/ut]
1. Текстовый редактор
Я бы посоветовал Notepad++ или EmEditor, у них есть подсветка синтаксиса, и мощный функционал. Можете использовать что-то другое, но только не стандартный блокнот.
2. Графический редактор
Я начинал с acdsee v4, рисовал кистями полосочки, и размытием превращал их в градиент.
Не нужно так извращаться, начинайте сразу с Photoshop или Gimp. Благо уроков в сети море.
3. Браузер
Можете использовать любой из топовых, кроме IE.
Немного скажу о SeaMonkey. Есть в этой программе
Компоновщик - поваляет в одном окне переключаться между визуальным/html/ редакторами, пред просмотром, и подсветкой тегов. Для новичков в верстке будет полезно.
[ut]Перед тем, как начать...[/ut]
Перед тем, как начать браться за дизайн нужно освоить разметку. Дизайнер не обязан верстать, но уметь должен. Не понимая принципа можно нарисовать такое, что в жизни не сверстать.
Для начала прочтите http://htmlbook.ru/samhtml (web) затем разбирайте чужие страницы, поглядывая в справочник по тегам http://htmlbook.ru/html (web) Именно так я и научился.
[ut]Подготовка[/ut]
1. Текстовый редактор
Я бы посоветовал Notepad++ или EmEditor, у них есть подсветка синтаксиса, и мощный функционал. Можете использовать что-то другое, но только не стандартный блокнот.
2. Графический редактор
Я начинал с acdsee v4, рисовал кистями полосочки, и размытием превращал их в градиент.
Не нужно так извращаться, начинайте сразу с Photoshop или Gimp. Благо уроков в сети море.3. Браузер
Можете использовать любой из топовых, кроме IE.
Немного скажу о SeaMonkey. Есть в этой программе
Компоновщик - поваляет в одном окне переключаться между визуальным/html/ редакторами, пред просмотром, и подсветкой тегов. Для новичков в верстке будет полезно.
- 1 из 1
