High Tech Site

web designer and developer

High Tech Site

Идея

Учёба Портфолио Резюме

smail

Filipp Freelancer

graphic designer / web developer

filippfreelancer@mail.ru

Филиппом звали юного героя произведения Л.Н.Толстого, который несмотря на трудности добрался до знаний. Название сайта – дань уважения к людям, идущим к своей мечте и получающим в награду новые возможности. Моё имя Николай я только в начале своего пути к мечте – профессионально создавать и оживлять веб-страницы и чувствую себя в мире создания сайтов, как тот герой, сделавший первый шаг в сторону школы.

Идея этого сайта состоит в том, чтобы стать моей учебной партой для получения навыков создания, вёрстки, оживления, размещения на сервере, работы с базой данных и продвижения страниц в поисковых системах. Данное творение является моим пока единственным портфолио и моим резюме для представителей компаний, руководителей или просветлённых людей, которые могут предоставить возможность стажироваться и перенять опыт профессиональных разработчиков, верстальщиков, дизайнеров. Полученное мной высшее техническое образование из несколько иной сферы (более приземлённое), нежели то, что необходимо для выверенного составления макетов с правильным подбором шрифтов и сочетанием цветов или кропотливой работы при разметке и вёрстке страниц, или разработки алгоритмов для функционирования элементов сайта. Опираюсь на знания, полученные в книгах, как отечественных, так зарубежных авторов, а так же мануалы и полезные интернет ресурсы. А практика учит меня терпению и пониманию процессов происходящих за окном браузера. Постепенно, зачастую не с первого десятка раз я пытаюсь создавать свои первые страницы.

Спасибо, добрым людям, делящимся опытом и полезными мыслями.

Я благодарю моих дорогих, любимых, Оленьку, Семёна, Александра, за поддержку в изучении дисциплин, за помощь оставаться сфокусированным во время решения задач, за терпение во время моих первых шагов и поиска ошибок в создании этого сайта. <<Спасибо Вам, мои родные, за содействие и понимание!>>

Путь

Планируем Размечаем Активируем

Дизайн

Дизайн

Дизайн в стиле high-tech исключает пафос, изысканные элементы, но имеет строгий и презентабельный вид. Элементы построены по принципу «сложной простоты» - строгость и четкость линий дополнены функциональностью

Разметка

Разметка

Создание разметки на языке HyperText Markup Language, в соответствии с созданным ранее макетом. Описание внешнего вида документа произведено, подчёркивая выбранный стиль, с помощью языка описания внешнего вида документа Cascading Style Sheets

Интерактивность

Интерактивность

Для налаживания связей элементов между собой, организации запросов и получения ответов от базы данных, потребовалось изучение языков JavaScript, PHP, SQL, библиотеки jQuery, организационной системы MySQL, а также установка Apache HTTP-сервера

Блог

Очерк Архив Исток

Дизайн

Дизайн

Познание устройства механизма работы всемирной паутины на примере отдельного ее сегмента, а именно личного сайта, а точнее его разновидности в виде блога, повествующего об идее, дизайне, разработке и выводе его в пространство интернета стало ответом на внутреннюю потребность в развитии.
Подходящей моделью отражающей данную ситуацию оказался приход стиля high technology в архитектуру и дизайн для расширения возможностей, обращения «препятствия в изюминку» и нового взгляда на сложившуюся реальность. Стиль high-tech исключает пафос, изысканные элементы, но имеет строгий и презентабельный вид поэтому дизайн, проектирование, создание и «оживление» элементов, веб-сайта включают определённые характерные для стиля особенности. В соответствии с концепцией стиля перенесённой в дизайн страниц, пространство для контента организовано таким образом, чтобы всё необходимое было в понятном логичном доступе, а его функционал помогал в перемещении и поиске необходимой информации, составляющие элементы страниц имеют подчёркнутое определёнными цветовыми решениями выделение. Элементы построены по принципу «сложной простоты» - с характерной строгостью, выдержанной четкостью линий и всё это дополнено функциональностью ссылок и вкладок, ведущих на другой уровень или открывающих новый блок, а для их выделения используются как тени, так и подсветка.
Основным цветом фона является черный, символизирующий кризис и потребность выбрать самое важное, оставить лишнее и двигаться вперёд.
Белый цвет текста проливает свет знаний на дорогу, ведущую к новому мировоззрению.
Второстепенный серый цвет - переход от чёрного к белому применён к ссылкам - это как к первый шаг, который нужно сделать, чтобы начать движение.
Акцентирующий красный в виде отдельных линий и элементов, как линия горизонта с начинающимся восходом солнца, несущим новый день и новые возможности.
Черно-белые фотографии с изображением кирпичной кладки, металла и бетона являются украшением интерьера в стиле high-tech, аналогично использована чёрно-белая фотография с изображением ноутбука для фона квадрата.

5 Октября 2017
E-shop
E-shop

В ходе изучения возможностей системы управления особое внимание привлекает платформа с открытым исходным кодом для создания интернет магазина. >>>


17 Июня 2021
Управление
Управление

Процесс познания веб-разработки привел к тому, что одним из критериев создания сайта является скорость. Скорость создания макета, максимально приближенной к нему вёрстки, разворачивания на сервере и обработки обращений к функционалу. >>>


7 Ноября 2020
Версии
Версии

Чтобы не потерять нить связи событий и не плодить бесчисленные копии пришлось задаться вопросом, как с этим справляются остальные разработчики >>>


2 Ноября 2018
Фреймворки
Фреймворки

После того как все «нужные велосипеды» были изобретены, созданные «костыли подставлены» пришло понимание общего принципа построения сайтов >>>


17 Сентября 2018
Интерактивность
Интерактивность

Для налаживания связей элементов между собой, организации запросов и получения ответов от базы данных, потребовалось изучение языков JavaScript, PHP, SQL, библиотеки jQuery, организационной системы MySQL, а также установка Apache HTTP-сервера >>>


24 Мая 2018
Разметка
Разметка

Создание разметки на языке HyperText Markup Language, в соответствии с созданным ранее макетом. Описание внешнего вида документа произведено, подчёркивая выбранный стиль, с помощью языка описания внешнего вида документа Cascading Style Sheets >>>


29 Января 2018
2
Rafal Tomal

Design Simple and Beautiful Websites that Work.

rafaltomal.com


3
Adobe Systems

Цветовой круг | Цветовые схемы – Adobe Color CC

color.adobe.com/ ru/ create/ color-wheel/


4
Hans Braxmeier & Simon Steinberger GbR

Потрясающие бесплатные изображения

pixabay.com/ru/


Связь

Позвонить Написать Обратиться

Телефон

+7(985)XXX-XX-XX

Почта

filippfreelancer@mail.ru

Соцсети