Как сделать портфолио верстальщику

Обновлено: 03.07.2024

Всем привет. Я Изучил HTML в связке с CSS по урокам ютубера Евгений Попов, потом углублялся в разных источниках, в общем могу делать на них сайты и странички. Немного увлекся Javascript и bootstrap, изучил их слабо (сейчас доучиваю, javascript дохожу до обьектов, научился заменять код, тексты на сайте и прочее.) bootstrap - могу делать адаптивную ширину, его и javascript я изучал по урокам Гоши Дударь в ютубе.
Проблема в следующем: мне нужно портфолио верстальщика. Я сверстал его (страничку), нааписал некоторый текст (я конечно не мастер в написании статей, но вроде получилось неплохо), добавил в код bootstrap. Мне теперь нужны работы для него. как их взять на фрилансе? Мне 15 лет, и мой возраст немного влияет на мнение заказчика. Как вы посоветуете взять свой заказ? Может мне наставника найти? Если да, то где посоветуете его искать?

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

Код твоей страницы производит впечатление, что эту страницу верстал абсолютный новичок. Не понимающий, что впихивать стили в html-теги без крайней необходимости - это говонокод. И не умеющий пользоваться нормальными инструментами разработчика.

за head спасибо, это грубая ошибка, но произошла она из за лагов в хостинге, я переделывал немного html файл, и страница зависла, некоторое удалилось, пришлось восстанавливать, а head я как то упустил.
А что плохого в отступах? Я бы предпочел их убрать, но мне показалось, что так будет смотреться красивее, да и чуть более гибче чем использовать отступы в пикселях

Андрей Искусственный Интеллект (188996) Зачем что-то восстанавливать? Что мешает использовать IDE (бесплатную NetBeans или коммерческую WebStorm), которая умеет автоматически синхронизировать изменения в файлах проекта (хранящихся на твоём компьютере) с хостингом? В отступах нет ничего плохого. Плохо впихивать атрибут style в десятки тегов на странице. И тег

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

В рассылке:

Разделы Библиотеки:

Про портфолио верстальщика

Я ищу одного-двух профессиональных верстальщиков для постоянной попроектной работы. Количество проектов, которые мы ведем параллельно – 3-5 штук. Причем это не небольшие сайты-визитки, а крупные социальные или сервисные проекты (видеохостинги, Интернет-телевидения, социальные сети, крупные СМИ).
Требования к верстальщикам:
+ высочайший профессионализм (мы проверим);
+ высокая скорость работы (мы постараемся загрузить Вас так, что у Вас не будет свободного времени);
+ готовность скрупулезно вносить изменения, дополнения, исправления;
+ готовность помогать программистам, работать с SVN;
+ адекватность и предсказуемость.

Олег опубликовал некоторые комментарии Вадима Макеева, который посмотрел работы кандидатов (я так понимаю, анализ кода). По ссылке на блог Бунина и комментарии Вадика, и обсуждение поста, интересные замечания. Мне вот что интересно: ведь по большому счёту показать в портфолио реальные проекты с качественными примерами кода можно только в двух случаях:

Если речь идёт о вёрстке небольших самодостаточных сайтов, для которых отвёрстанное дизайнерами остаётся таким же и после сдачи проекта, не модифицируется полуграмотными владельцами-менеджерами с течением времени. (или же ему оплачивается поддержка сайта в дальнейшем);
Если речь идёт о сколько-нибудь сложных сайтах-сервисах, верстальщик, который занимается в том числе и интеграцией дизайна в движок, тесно сотрудничает с программистом, который курирует этот движок, и не обнаруживает в своей ещё недавно такой стерильной вёрстке удивительных конструкций, и не получает на свои вопросы по этому поводу от программиста комментарии в стиле "ну это было заложено в движке"; да и вообще в принципе может договариваться с разработчиками о том, чтобы продолжала соблюдаться хоть какая-то семантика/логика/валидность.

Я совсем недавно тоже задумалась о том, что же я могу показать потенциальному заказчику, который обращается ко мне по поводу вёрстки проектов и хочет посмотреть "портфолио". У рисующих дизайнеров, в принципе, в портфолио обычно хранятся не только (и не обязательно) ссылки на реальные проекты, правильнее у себя оставлять скрины, даже не принятые варианты (можно указывать, для кого и какого проекта рисовались варианты) — так что даже если заказчик после того, как получил собранный проект, навтыкал туда анимационных баннеров или со временем что-то изменил, или напортачил верстальщик, или дооптимизировали оптимизаторы, это, как правило, расстраивает дизайнера, но он всегда может показать свою исходную картинку "как было задумано". А что могут показать заказчику верстальщики? Создавать у себя архив отвёрстанных сайтов для демонстрации своего кода? Глупо это как-то, даже думать об этом глупо, и ведь точно никто этим не станет заниматься.

UPD: Оказывается, оставлять для портфолио свои исходники — вариант вёрстки, не обезображенный заказчиком или движками, вовсе не дико и некоторые дальновидные разработчики успешно практикуют именно такое решение.

UPD2: Вспоминаю, что когда я сама собирала команду дизайнеров и собеседовала верстальщиков великое множество, мне и в голову не приходило попросить у них ссылку на портфолио. Правда те, кто надеялись на должность многостаночников, немного владея фотошопом, немного зная про вёрстку, но ни там, ни там не показывая сколько нибудь значимых результатов, сами давали ссылку на портфолио, но именно тогда было особенно понятно, насколько это нелепо - оценивать верстальщика по ссылкам на сайты, которые он верстал. Практически каждый первый такой сайт анализировался с кучей комментариев от собеседуемого: ну это они потом вставили, ну это наверное что-то движок прописал, ну это ещё чего-то там, я тут ни при чём, я пушистый и валидный. И всё равно в конечном счёте собеседование сводилось к тестированию текущих знаний, а не к анализу старых сайтов. А в ленте друзей на friendfeed даже нашла очень знакомый способ оценивать ответы.
А пока принимаются предложения о том, как же верстальщику презентовать свой уровень и как "собрать портфолио"??

:: Харьковский креатив
Бигборд, замечательная реклама студии под названием "на цыпочках" и фотка с руками, на которых, видимо, ЦА ходит и периодически на эти самые цыпочки становится.. >>

:: Silverlight 3 — мощный инструмент разработки в арсенале Microsoft
С выпуском версии 3 инструмента Silverlight платформа разработки Microsoft приближается к Adobe Flash. Однако Silverlight все еще отстает от Flash с точки зрения возможностей создания насыщенных интернет-приложений (Rich Internet Application, RIA).. >>

:: W3C вводит стандарт организации знаний
Стандарт SKOS определяет модель представления базовой структуры и содержания различных схем концептов - тезаурусов, таксономий, рубрикаторов и так далее. Такая система может содержать ссылки на связанные с ней данные и использоваться для организации больших собраний книг, новостных статей или записей в блогах, обеспечивая связь с Semantic Web.. >>

:: 28—29 августа 2009 в Киеве на конференции DrupalCamp Kyiv встретятся разработчики и представители веб-студий
На конференции будут обсуждаться актуальные вопросы создания, развития и поддержки интернет-проектов на базе популярной системы управления сайтами Друпал.. >>

:: Искрографики (Sparklines)
Простота и вместе с тем невероятная мощь искрографиков, а самое главное то огромное количество областей человеческой деятельности, где искрографики могут сослужить отличную службу (повысить производительность труда, устранить ошибки, ускорить анализ и его точность) заставило автора написать этот небольшой пересказ. . >>

:: Если бы известные художники были веб-дизайнерами (англ.)
Классная заметка от smashingmagazine, и не страшно, что на английском - главное в содержании - иллюстрации. Что, если бы известные художники использовали мышь вместо кисти, RGB вместо смешанных масел и экран компьютера вместо льняного холста, какие бы сайты они проектировали?. >>

:: Якоб Нильсен: Мобильный интернет и юзабилити
Обеспечение доступа к сайту с мобильного устройства - одна из главных задач стоящих перед веб-разработчиками. Так же это касается разработчиков интранет-сайтов компаний с большим количеством сотрудников находящихся в разъездах.. >>

:: 20 великолепных black&white дизайнов
Иллюстрации, рекламные плакаты, дизайны для веб-сайтов, и вся эта подборка выполнена в чёрно-белых тонах!. >>

:: Шпаргалки по HTML 5 и CSS 3
Наверняка вы видели разные шпаргалки по веб-программированию. Теперь появились шпаргалки по HTML 5 и CSS 3, которые содержат в себе все HTML 5 теги, их атрибуты и описания. А также информацию о том, поддерживается ли тег в HTML 4.. >>

:: Когда Photoshop отображает совсем не то, что надо
Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.. >>

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

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

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

а в чем собственно сложно то возникла?

Я только начинаю делать верстку. Для того чтобы взять задание на бирже заказчики часто пишут предоставлять ппримеры работ.

Как по мне вопрос простой - берешь любые шаблоны psd и верстаешь. В интернете полно их. И не надо париться над разрешениями.
Как вариант возьми штмл шаблоны из курсов админов. Поменяй там блоки. Анимации добавь. Скриптов накидай. Ошибки семаники поправь.
Выложи на Яндекс диск. Как бы все.

Читайте также: