• Января 19, 2019, 01:58:45 pm
• Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Не получили письмо с кодом активации?
Новости: IT направления и поиск первой работы. Смотрите запись нашего вебинара: https://bit.ly/2OGjmHU

Автор Тема: Front-end Start (суббота) 12.01.19 - lesson - 1,2  (Прочитано 174 раз)

alex230

  • Преподаватели
  • Пользователи
  • *
  • Сообщений: 325
    • Просмотр профиля
Front-end Start (суббота) 12.01.19 - lesson - 1,2
« : Января 12, 2019, 05:28:54 pm »
lesson-1,2
theme:
1-Введение в Html
2-Html теги как структурно-функциональные элементы web-страницы
3-Атрибуты HTML-тегов
4-Введение в CSS
5-Основные селекторы css,
6-Синтаксис, свойства и их параметры в css


Home Work
Создать форму обратной связи, которая содержит не менее 18 элементов(input, select, textarea).
Все элементы input должны быть определены значениями атрибута(type), без дублирования(чтоб инпут с одинаковыми типами не повторялись все были разные)
Используйте справочник для атрибутов тегов input:https://www.w3schools.com/html/html_form_input_types.asp
Home Work:
Создать 5 блоков содержащих  внутри: несколько параграфов, 1 или более
изображений(как встроенные через <img>, так и фоновые через css свойство
background-image),ссылку, заголовок(можно не один а несколько используя
иерархию тегов(h1,h2, h3 ...)), маркированный список(ul li); 
Оформить каждый из 5 блоков индивидуально на свой вкус используя css
селекторы и свойства которые были рассмотрены на уроке.
Так же можно использовать другие свойства и их параметры используя справочник https://webref.ru/css

tsukurova

  • Пользователи
  • *
  • Сообщений: 2
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #1 : Января 13, 2019, 05:24:57 pm »
Homework №1
https://codepen.io/Tsukor/pen/Kbbpqb

Homework №2
https://codepen.io/Tsukor/pen/vvvGbW

статус: проверено

ПРИМЕЧАНИЕ:
                    1-нет закрывающего тега form
                    2-fieldset потомок тега form  не может использоваться без него или вне его
« Последнее редактирование: Января 13, 2019, 06:27:05 pm от alex230 »

Kirill Marchenko

  • Пользователи
  • *
  • Сообщений: 27
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #2 : Января 13, 2019, 07:41:11 pm »
Добрый день.

ДЗ 1,2 в одном проекте
https://codepen.io/kirill-marchenko/pen/pqqNJO

Я так понимаю, на codepen нельзя добавить никак картинки из проекта? Я что-то не увидел ничего похожего.

статус: проверено

ПРИМЕЧАНИЕ:
В дроббокс есть инструкция относительно изображения
« Последнее редактирование: Января 13, 2019, 07:58:50 pm от alex230 »

tsukurova

  • Пользователи
  • *
  • Сообщений: 2
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #3 : Января 14, 2019, 08:18:11 am »
Homework №1
https://codepen.io/Tsukor/pen/Kbbpqb

Homework №2
https://codepen.io/Tsukor/pen/vvvGbW

статус: проверено

ПРИМЕЧАНИЕ:
                    1-нет закрывающего тега form
                    2-fieldset потомок тега form  не может использоваться без него или вне его


14.01. 8:17 исправила тег form

Kirill Marchenko

  • Пользователи
  • *
  • Сообщений: 27
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #4 : Января 14, 2019, 03:00:13 pm »
Добрый день.

ДЗ 1,2 в одном проекте
https://codepen.io/kirill-marchenko/pen/pqqNJO

Я так понимаю, на codepen нельзя добавить никак картинки из проекта? Я что-то не увидел ничего похожего.

статус: проверено

ПРИМЕЧАНИЕ:
В дроббокс есть инструкция относительно изображения

Добрый день.
Добавил картинки на сервер. Спасибо. Не заметил в инструкции.
https://codepen.io/kirill-marchenko/pen/pqqNJO

статус: проверено
« Последнее редактирование: Января 15, 2019, 09:32:49 am от alex230 »

Sergei_P

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #5 : Января 15, 2019, 02:36:41 pm »
« Последнее редактирование: Января 15, 2019, 03:37:04 pm от alex230 »

Anatole

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #6 : Января 16, 2019, 05:57:12 pm »
Добрый день! Мое ДЗ 1 и 2 в одном. Было время немного поэкспериментировал. Думаю много лишнего кода и всего такого.

https://codepen.io/AnatoleM/pen/bOZMKd

статус: проверено

ПРИМЕЧАНИЕ: неплохо

« Последнее редактирование: Января 18, 2019, 08:34:36 pm от alex230 »

Sergey Shevchenko

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #7 : Января 16, 2019, 06:38:42 pm »
Добрый день!

ДЗ1
https://codepen.io/TylerrDurden/pen/EGJXRj

ДЗ2
https://codepen.io/TylerrDurden/pen/ebovLv


статус: проверено
« Последнее редактирование: Января 17, 2019, 12:51:03 pm от alex230 »

Artem_Mishchenko

  • Пользователи
  • *
  • Сообщений: 2
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #8 : Января 16, 2019, 09:20:06 pm »
« Последнее редактирование: Января 17, 2019, 12:51:49 pm от alex230 »

Vitaliy_Khrystov

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #9 : Января 17, 2019, 06:29:28 pm »
Lessons 1-2

Homework 1:
https://codepen.io/anon/pen/KbLoQB

Homework 2:
https://codepen.io/anon/pen/MZdVxR

статус: проверено
« Последнее редактирование: Января 18, 2019, 09:50:15 am от alex230 »

Bohdana

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #10 : Января 18, 2019, 01:26:11 am »
Homework 1
https://codepen.io/anon/pen/MZdReN

Homework 2
https://codepen.io/anon/pen/REmmqX


статус: проверено
« Последнее редактирование: Января 18, 2019, 09:51:31 am от alex230 »

Сорока Николай

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #11 : Января 18, 2019, 01:50:49 pm »
Homework 1
https://codepen.io/anon/pen/VqJzwK

Homework 2
https://codepen.io/anon/pen/LMKLBY


статус: проверено
« Последнее редактирование: Января 18, 2019, 08:35:33 pm от alex230 »

Pavel_Makarenko

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #12 : Января 18, 2019, 03:07:42 pm »
Homework_Lesson1
https://codepen.io/anon/pen/BvgmWQ
Homework_Lesson2
https://codepen.io/anon/pen/dwBVMe

статус: проверено

ПРИМЕЧАНИЕ:
1-В legent не обязательно h3 так как legent сам по себе заголовок формы
2-header и все теги отображаемые пользователю в браузере должны находиться внутри body
« Последнее редактирование: Января 18, 2019, 08:38:01 pm от alex230 »

aleksandra lahoda

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #13 : Января 18, 2019, 07:55:33 pm »
« Последнее редактирование: Января 18, 2019, 08:39:02 pm от alex230 »

OlegGavryliuk

  • Пользователи
  • *
  • Сообщений: 1
    • Просмотр профиля
    • E-mail
Re: Front-end Start (суббота) 12.01.19 - lesson - 1,2
« Ответ #14 : Января 18, 2019, 08:34:42 pm »
Добрый вечер

https://codepen.io/anon/pen/BvgvRx