Содержание

Build Your Portfolio Website with HTML and CSS

Обзор

Chevron Right

Компьютерные науки

Chevron Right

Разработка мобильных и веб-приложений

Filled StarFilled StarFilled StarFilled StarHalf Faded Star

4.5

звезд

Оценки: 1,915

от партнера

34 231 уже зарегистрированы

В этом Проект с консультациями вы:

Understand the infrastructure of hosting a website and web browsing

Understand how to create web page contents with HTML (hypertext markup language)

Understand how to customize the format of web page contents with CSS (cascading style sheets)

90 minutes

Начинающий

Загрузка не требуется

Видео на разделенном экране

Английский

Только для ПК

This 1-hour long tutorial will take you step by step to create a portfolio website.

You will learn the basic components of a website, and how to create simple contents using HTML (hypertext markup language) and CSS (cascading style sheets), and how to host it on a popular developer website called “GitHub” with your own subdomain name! By the end of the tutorial, you will be hosting a website that you can use to showcase your work and your résumé to the world!

Навыки, которые вы получите

На видео, которое откроется рядом с рабочей областью, преподаватель объяснит эти шаги:

  1. UI introduction and finished product preview

  2. (Take 1) How web browsing works and what is HTML?

  3. HTML — headings and paragraphs

  4. HTML — images, small text and horizontal lines

  5. HTML — hyperlinks

  6. CSS — overview, margins, background colours, text colours

  7. CSS — fonts, text alignments, hyperlink colours

  8. Finishing Touches

  9. Go Live!

Ваше рабочее пространство — это облачный рабочий стол в браузере. Ничего не нужно загружать.

На разделенном экране видео преподаватель предоставляет пошаговые

Harrison Kong

Subject Matter Expert / Instructor

133 041 учащийся

75 курсов

Рецензии

4.5

Filled StarFilled StarFilled StarFilled StarHalf Filled Star

Рецензии: 324

  • 5 stars

    64,07 %

  • 4 stars

    28,35 %

  • 3 stars

    5,58 %

  • 2 stars

    1,09 %

  • 1 star

    0,88 %

Лучшие отзывы о курсе BUILD YOUR PORTFOLIO WEBSITE WITH HTML AND CSS

Filled StarFilled StarFilled StarFilled StarStar

от партнера NA

22 июня 2020 г.

Great course for understanding the fundamentals of html and css. The guided project shows a live demo, which makes understanding the concepts a lot easier.

Filled StarFilled StarFilled StarFilled StarFilled Star

от партнера SR

10 июня 2020 г.

Excellent course to help build a decent website for yourself! short yet simple explaining all the basics fundamentals that are a must for website design. Really enjoyed it! 🙂

Filled StarFilled StarFilled StarFilled StarStar

от партнера KS

12 мая 2020 г.

Enjoyed throughout the course which can be rewarded as Excellent Guided project with live teaching skills about this very topic.

Filled StarFilled StarFilled StarFilled StarFilled Star

от партнера KR

11 мая 2020 г.

EXCELLENT TEACHING

AND IT WAS REALLY HELPFULL FOR ME TO KNOW TO HOW TO DESIGN A WEB PAGE.

I SUGGEST THAT IF U HAVE MINIMUM KNOWLEDGE ABOUT HTML AND CSS THEN YOU CAN EXCEL IN THIS PROJECT.

Посмотреть все отзывы

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

Поскольку ваше рабочее пространство включает облачный рабочий стол, рассчитанный на ноутбук или ПК, проекты с консультациями недоступны на мобильном устройстве.

Преподаватели, ведущие проект с рекомендациями, — это отраслевые эксперты с навыками, инструментами и пониманием темы, которые хотят разделить свои знания с миллионами учащихся по всему миру.

Вы можете скачать и сохранить любой из созданных файлов своего проекта с рекомендациями. Для этого воспользуйтесь функцией «Обозреватель файлов» на облачном рабочем столе.

Средства за проекты с рекомендациями не возвращаются. Ознакомьтесь с полным текстом нашей политики возврата средств.

Финансовая помощь недоступна для проектов с рекомендациями.

Прослушивание недоступно для проектов с консультациями.

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

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

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

Остались вопросы? Посетите Центр поддержки учащихся.

25 лучших сайтов-портфолио для вдохновения и примеров дизайна | Шахзаиб Хан | Makers Byte

25 лучших сайтов-портфолио Дизайн вдохновения и примеров | Шахзаиб Хан | Создатели Байт | Средний

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

Life and Personal Coach Amit Website Mockup by Łukasz Żydek

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

Надеюсь, вам понравится!

http://kotki.coCarlos — Веб-сайт личного портфолио от Muh Salmonhttps://mackenziechild.mehttps://www.niccolomiranda.com/https://sarahdayan.dev/Growth — Тема личного портфолио от Subash Chandrahttps://www .ccyran.com/https://danny-garcia.com/https://kulbachny.com/https://brittanychiang.com/Hibix Personal Portfolio Design от Shuvohttps://craigjackson.io/https://mishunov. me/http://www.christopher-ware.com/http://patrykzabielski.com/http://samreich.com/Bob Foley от Матеуша Мадурыhttp://www.charlieisslander.com/https://www. guillaume.works/https://pierre.io/https://www.dwart.krakow.pl/en/https://imchr.is/MyCareer / Сара Демо Марины Павловичhttps://www.patkzbk.com/ By ThemegoodPersonal Portfolio — Web UI by Prateek Guptahttp://vahur.kubja.com/MyCareer/Brandon Demo by Marina Pavlović

Передовые методы создания веб-сайтов портфолио

  1. Брендируйте себя и используйте одинаковые логотипы и цвета, чтобы обозначить свое имя и свои навыки среди множества визуальных элементов.
  2. Не перегружайте посетителей слишком большим количеством изображений одновременно, особенно если ваша демонстрация анимированная.
  3. Следите за тем, чтобы изображения были понятными, чтобы посетители не подвергались бомбардировке при посещении вашего сайта.

25 лучших одностраничных веб-сайтов для стартапов Вдохновение и примеры

Жизнь в эпоху стартапов требует еще больших усилий от тех, кто хочет продвигать свои идеи и получать прибыль…

medium. com

10 минималистичных дизайнов, которые заставят вас полюбить простоту

Вот 10 самых влиятельных минималистичных веб-дизайнов, которые заслуживают вашего внимания. Особенно, если вы любите…

medium.com

25 лучших дизайнов целевых страниц продуктов Вдохновение и примеры

Если вы посмотрите, как формируются страницы продуктов в разных компаниях, становится ясно, что они охватывают всю гамму. Некоторые выбирают…

medium.com

Если вам понравился этот пост… для меня было бы очень важно, если бы вы могли нажать на значок «хлопки»… разрешено до 50 хлопков — Спасибо!

Портфолио

Дизайн

Дизайн пользовательского интерфейса

Центр ресурсов для дизайнеров/разработчиков

Дополнительная информация от Makers Byte 9

Получить неограниченный доступ Основатель @ Interns.pk Вы можете связаться со мной @ https://linkedin.com/in/shahzaibkhan/

Статус

Карьера

Текст в речь

20 лучших примеров веб-сайтов с дизайном портфолио, которые приносят вам вдохновение | от Mockplus

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

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

Это междисциплинарная группа исследователей дизайна, стратегов, экспертов по брендам, дизайнеров продуктов, UX, UI и производителей. Их послужной список создания, а затем создания отмеченных наградами дизайнов и первых в мире инноваций насчитывает более 30 лет. Это поможет вам вводить новшества, создавать стратегии и продукты, которые выведут вас в отрыв от конкурентов, предоставив неожиданные, но актуальные решения для будущего.

MPB относится к My Poor Brain. Вы можете наслаждаться работой в различных творческих лужах здесь, включая фирменный стиль, брендинг, упаковку, выставочный дизайн, полиграфический дизайн, веб-дизайн, карикатуры, анимацию, Flash-работу, приложения для iPhone / iPad, AR, игры, интерактивы… это веб-сайты портфолио шаблоны почти покрывают все, что вы хотели.

Hihayk — это умело созданный веб-сайт с дизайном портфолио, который содержит прекрасную цветовую схему и превосходный опыт прокрутки. Хихайк — 25-летний дизайнер, арт-директор, кодер и музыкальный продюсер, самоучка и постоянно учится.

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

Веб-сайты с дизайном этого портфолио содержат множество прототипов демонстрационных проектов, включая Gogobot, Noodler, Cardle,Taskade. Bon App и т. д. Почти охватывая все виды дизайн-проектов прототипирования, он может полностью вдохновить вас. Команда сосредоточилась на более быстром, умном и простом дизайне прототипов. В каждой категории они предлагают лучший подход к работе над проектом.

С Рождеством! #Mockplus #Giveaway уже здесь! Мы приготовили для вас специальные подарки! Найдите Санту и опубликуйте снимок экрана в Facebook, Twitter или Instagram с помощью @Mockplus и используйте хэштег #MockplusGiveaway #Christmas. Тогда ты в деле! После публикации вы получите единовременную скидку 40% или 2 месяца Mockplus Pro на ваш выбор. Обратите внимание, что предложения заканчиваются 29 декабря! Проверьте, чтобы узнать больше деталей. Давайте вместе найдем Санту и сделаем Рождество в этом году веселее!

Это портфолио дизайнерских сайтов очень креативное и живое. Это безумие Джихада Турхана, креативного фронтенд-разработчика, живущего в Анкаре. Списки «что я ненавижу» и «что я люблю» ясно показывают опыт Джихада Турхана в области физики.

Лучшие материалы для дизайна UI/UX бесплатно

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

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

Femme Fatale — творческая студия, специализирующаяся на культуре, роскоши, редакционных материалах и искусстве. Это очень сложно, но также очень просто делать то, что вы хотите. Команда создает такие решения, как анимированные интерактивные страницы, вызывающие эмоции у публики. Это один из тех известных веб-сайтов по дизайну портфолио для удивительной студии.

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

Assemble — это бесплатный веб-сайт онлайн-портфолио, место, где можно очень хорошо отобразить ваши замечательные проекты портфолио. Он содержит 18 красивых домашних страниц, и вы можете выбрать любую из них. С Assemble вы можете выбрать из потрясающей коллекции из 18 тщательно разработанных и различных примеров и создать свой собственный любимый дизайн домашней страницы.

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

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

Ryan Scherf — симпатичный одностраничный сайт с простой прокруткой вниз. Он содержит большое количество прекрасно иллюстрированных целевых страниц. Райан Шерф занимается веб-дизайном, разработкой, написанием, преподаванием и созданием, а также отцом двух маленьких мальчиков.

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

Он полностью воплотит ваши дизайнерские идеи в жизнь. Irene DemetriI обожает создавать красивые, интуитивно понятные, адаптивные веб-сайты для больших и малых проектов, которые работают на устройствах любого типа и размера. Он может поставлять полные цифровые продукты от начала до конца. Кроме того, это поможет с брендингом и печатью, такими как дизайн логотипа и визитных карточек или канцелярских принадлежностей.

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

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

Рози Ли, обладающая опытом онлайн и офлайн в области брендинга, рекламы и дизайна розничной торговли, представляет собой гибридное креативное агентство. Работа агентства находится в центре внимания на его веб-сайте с множеством красочных полноразмерных изображений, видео и каруселей, демонстрирующих, на что оно способно.

Мэтт — минималист, искренне верящий в то, что меньше значит больше. он проектирует в браузере с помощью HTML(5), CSS(3) и небольшого количества JavaScript. он любит программировать с нуля, но может работать и с интерфейсными фреймворками, такими как Bootstrap. Мэтт сотрудничает с клиентами и коллегами, чтобы развивать и преобразовывать идеи в хорошо продуманные спецификации дизайна.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *