Jump to content

Для желающих получить опыт верстки


Dimitry Wolotko
 Share

Recommended Posts

Или я что-то не правильно понял?
 

С твоих слов так ТЗ вообще не надо.

В действительности ТЗ как раз таки объясняет испольнителю что надо делать, как должно работать, какие средства для этого использовать.

То, как видит исполнитель макет, и как видет его заказчик -- как правило разное.

Link to comment
Share on other sites

 

Или я что-то не правильно понял?
 

С твоих слов так ТЗ вообще не надо.

В действительности ТЗ как раз таки объясняет испольнителю что надо делать, как должно работать, какие средства для этого использовать.

То, как видит исполнитель макет, и как видет его заказчик -- как правило разное.

 

вот вот

Link to comment
Share on other sites

 

Или я что-то не правильно понял?
 

С твоих слов так ТЗ вообще не надо.

В действительности ТЗ как раз таки объясняет испольнителю что надо делать, как должно работать, какие средства для этого использовать.

То, как видит исполнитель макет, и как видет его заказчик -- как правило разное.

 

Ну для данного макета его было бы не плохо увидеть, но учимся на том, что есть. ТЗ я считаю это просто прокладка между заказчиком и исполнителем, и если не стоит явная задача поставленная закачиком, то я даже не представляю что там должно быть написано

Link to comment
Share on other sites

  • 4 weeks later...

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

И как мне начать верстать этот макет? Я вижу, что тут три колонки и шапка, ну и подвал еще. Где взять рисунки от этого макета?

Тут еще перо как-то нужно сделать, чтобы она и на шапке лежало.

Link to comment
Share on other sites

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

PSD как раз таки для того что бы ты мог взять оттуда тот или иной отдельный элемент. Учи немножко фотошоп, без него никак.

Link to comment
Share on other sites

Вот я открыл этот файл, разделен рисунок на несколько частей. Как эти элементы добывать? Вырезать и сохранять каждый элемент как отдельный рисунок?

Вот я тут смотрю, все элементы располагаются на отдельных слоях, это надо эти элементы копировать на другой рисунок и сохранять отдельно?

Edited by Омск
Link to comment
Share on other sites

  • 4 weeks later...

Всем привет!

Так как я пока не могу создавать отдельные темы (нету пока у меня 30 сообщений ) то выложу свой первый опыт здесь. Сверстал макет из данной темы. Сразу появилась проблема, картинка с чернильницей перекрывает пункт меню( . https://www.dropbox.com/s/r8cmj78z97jmwhf/raira.rar

Link to comment
Share on other sites

Всем привет! Так как я пока не могу создавать отдельные темы (нету пока у меня 30 сообщений ) то выложу свой первый опыт здесь. Сверстал макет из данной темы. Сразу появилась проблема, картинка с чернильницей перекрывает пункт меню( . https://www.dropbox....jmwhf/raira.rar
залей на хостинг, не каждому нравится открывать рар) 
Link to comment
Share on other sites

Всем привет! Так как я пока не могу создавать отдельные темы (нету пока у меня 30 сообщений ) то выложу свой первый опыт здесь. Сверстал макет из данной темы. Сразу появилась проблема, картинка с чернильницей перекрывает пункт меню
 

Это меньшее из бед.

Почти весь сайт позиционирован с помощью absolute - relative,

при добавлении контента (В любом месте!!) вся верстка рушится.

Макет по моему вообще резиновый.

Использование тега img для стилизации страницы не целесообразно, для этого есть background.

Дальше не осилил)

Link to comment
Share on other sites

Всем привет!

Так как я пока не могу создавать отдельные темы (нету пока у меня 30 сообщений ) то выложу свой первый опыт здесь. Сверстал макет из данной темы. Сразу появилась проблема, картинка с чернильницей перекрывает пункт меню( . https://www.dropbox.com/s/r8cmj78z97jmwhf/raira.rar

Вроде сейчас 30 сообщений не надо, что бы создать тему.

Link to comment
Share on other sites

Это меньшее из бед. Почти весь сайт позиционирован с помощью absolute - relative, при добавлении контента (В любом месте!!) вся верстка рушится. Макет по моему вообще резиновый. Использование тега img для стилизации страницы не целесообразно, для этого есть background. Дальше не осилил)

Через absolute  позиционированы только два блока с картинками, лупа и чирнильница ( исправил  <img> на beckground). Проблема с перекрытием ссылки осталась не решённой. Контент подобавлял, тянется вниз себе и не рушится.


Про резиновость речи не было изначально. Но попробую переделать)


И как всётаки решить проблему с перекрытием ссылки в меню?

Link to comment
Share on other sites

Да тут по сути вообще большую часть переделывать. Позиционирование надо использовать там, где без него никак. а когда сам сайт строится на одних relative/absolute - косяки со слоями будут ещё те.

Link to comment
Share on other sites

Почитал)) Лишнее убрал, действительно переборщил я с позиционированием. Вопрос с сылкой в верхней навигации так и остался не решённым. Спасибо за помощь друзья!

Link to comment
Share on other sites

Если ты за то, что пункт меню не активен, из-за того, что картинка перекрыла его, то добавляешь меню относительное позиционирование и добавлешь z-index выше, чем у картинки.

.menu .naw_menu {    margin-left: 330px;    padding-top: 15px;    position: relative;    z-index: 5;}
Link to comment
Share on other sites

  • 2 months later...
  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy