Порекомендую вам один сайт, на котором в своё время нашёл интересные курсы по теме дизайна и программирования.
Сайт: freedownloadseo.com
Там есть категория «Программирование», в которой собраны лучшие платные и бесплатные курсы по этой теме. На этом сайте собраны действительно ценные материалы.
А начинать лучше всего с практики. Чем раньше начнёте проверять всё на опыте, тем быстрее поймёте, что на самом деле важно. Выбирайте любой движок, подбирайте шаблон (или создавайте свой) и делайте сайт. Только так можно чему-то научиться. Ну, и специализированные форумы тоже не стоит забывать.)
Увы это современность, сейчас популярны такие дизайны, хоть и предназначены они скорее для устройств с большими сенсорными экранами или же просто для компьютеров, а вот мобильную версию делают не всегда, хотя стоило бы учесть, что с телефона будет очень неудобно пользоваться таким проектом, но у большинства ресурсов можно выбирать версию дизайна, чаще всего это находится где-то внизу страницы
Находите в сети дизайн для своего сайта, скачиваете их и устанавливаешь себе на сайт...
<h2>
Установка каркаса сайта(нового дизайна)</h2>
- Для начала пишем шаблон или скачиваем его из сети.
- Заходим в панель управления сайтом(по адресу http://www.Название вашего сайта.ucoz.ru/admin): Главная - Управление дизайном - Конструктор шаблонов.
- В архиве шаблона проверяем, что бы был: tmpl.txt(основной код шаблона), styles.css (таблица стилей-CSS), и папка img(где находятся все использованные рисунки шаблона) .
- Открываем tmpl.txt(например с помощью блокнота), копируем весь текст в конструктор шаблонов.
- В панели управления входим: Главная - Управление дизайном - Редактирование шаблонов - Таблица стилей(CSS). Открываем styles.css(например с помощью блокнота), копируем весь текст в открытое окно в панели управления.
- Закачиваем на сайт с помощью Файлового менеджера или с помощью FTP-менеджера, все рисунки, которые находятся в папке img!
- Вот в принципе и все, теперь наслаждайтесь, новым дизайном сайта!
Если же вы скачали какой-либо шаблон и там есть папка css, а в ней лежит два файла то эту папку надо тоже загружать в корень сайта.
<h2>
Установка DLE Шаблона на UCOZ:</h2>
Установка DLE шаблона на UCOZ делается в несколько шагов.
- Загружаете в кореневую папку папки с шаблона css и images (dleimages и другие не нужно только эти две)
- Открываете фал mailn.tpl в обычном блокноте
- Копируете содержимое и в редактировании страниц (пункт "Страницы сайта") на UCOZ вставляете все скопированое вместо того что там уже есть, только не забудь в самый низ впихнуть $POWERED_BY$ (твоя компания)
- После этого Дизайн - Быстрая замена участков шаблона
Меняем {THEME} на пустое поле, то есть в нижнее поле нам не нужно вводить ничего, а в верхнее {THEME}.
Ну а дальше просто вставляете бб-коды, операторы и т.д., редактируете шаблон в общем.
Ирисс, а обязательно всё должно быть с нуля? Ну, не знаю, я сейчас в основном шаблоны беру и от них пляшу. Нет, конечно, бывает, что в шаблоны ссылку зашивают, но надо просто повнимательнее присмотреться и всё. От ссылок можно избавиться. Уж и не помню, когда я сайт с нуля верстал, сейчас шаблонов полно, на любой вкус. А вообще, конечно, сначала берут самые большие элементы дизайна, а уж потом мелочами и деталями занимаются. Обычно так.
Сделать сайт в Фотошопе и перенести его в интернет не получится чисто технически. Дело в том, что сайт - это набор команд на одном из языков web-программирования, например php или html. А фотошоп изначально ориентирован на работу с графикой. Поэтому на нем можно сделать только отдельные графические элементы сайта - например картинки. А для того чтобы сделать полностью функциональный сайт нужны другие специальные программы. Например Dreamweaver.