Skip to content

monroth/Project2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Работа с репозиторием идет по сценарию
1)Форкаем себе репозиторий
2)Клонируем себе его локально
3)Создаем новую ВЕТКУ
4)Работаем
5)Пушим ветку себе на форк
6)Создать Пулл Реквест в основной репо


Совет как начать работу!!!!
Ваша новая страница будет использовать те же файлы импортов, что и основные три страницы (index.html, generic.html, elements.html)
Начните с того, что скопируйте generic.html себе, переименуйте, затем начинайте отрезать от него лишние куски (то что вам не нужно). В итоге у вас останется шапка, меню, футер и импорты. Далее начинайте добавлять своё. Если нужно добавить свои стили - ниже описано как это надо сделать.


Описание папок и файлов
/root уровень
index.html - главная страница, в ней можно изменять только адреса которые ведут к другим подстраницам
elements.html - страница описывающая как использовать стили цсс предоставленные шаблоном
на ней показаны примеры стилей, чтобы вы лучше представляли как выглядит заголовок и прочее.
assets folder >
содержит в себе главные файлы css,js,sass + шрифты их не надо менять
images folder >
содержит в себе картинки и логотип
subpages folder >
содержит в себе папки с подстраницами

Задача следующая:
1)Создать папку в папке subpages, назвать её "page_названиеСтраницы" (маленькимибуквами по английски, соблюдаем правила camelCase)
2)Создать в ней файл "названиеСтраницы.html"
3)Изучить elements.html
4)используя их как пример создать вебстраницу которая будет использовать стили и теги описанные в elements.html. Как пример можете использовать файл generic.html находящийся в папке subpages
Требования к странице:
А)Новая страница должна обязательно иметь ту же шапку, меню и футер, что и index.html, чтобы она вписывалась в общий стиль вебсайта.

Б)Добавить ссылку на вашу страницу в меню (id="menu") в файлы index.html, generic.html, elements.html

В)В файле index.html есть 18 квадратов, при нажатии на них происходит переход на generic.html
Надо: Изменить текст в квадрате на название вашей подстраницы, добавить ссылку на неё, чтобы при нажатии на этот квадрат происходил переход на неё.
Номер вашего квадрата указан внизу!

Г)Ваша новая страничка использует все те же импорты, что и три основных файла, 
если нужно что то добавить/исправить ты для этого создается отдельный файл, 
который описывает эти изменения и он хранится в той же папке, что и твоя страничка

Если для вашей страницы необходимо добавить изображение, css или js файлы, вам необходимо:
В случае с изображнием -> создать папку assets внутри папки вашей подстраницы и сохранить изображение туда.
Все изображения должны быть в формате jpg(png слишком тяжелый).
В случае с js или css файлом - создать файл внутри папки вашей страницы и назвать его
"названиеСтраницыStyles.css" или "названиеСтраницы.js" (маленькимибуквами по английски, соблюдаем правила camelCase)

Задание со звездочкой:
1)Генератор плохих шуток -
Добавить на вашу страницу кнопку которая будет иметь текст "1 нажатие = 1 шутка"
При нажатии на кнопку в <p> теге под ней будет отображаться случайный dad joke из списка сохранённых шуток.
При последующем нажатии кнопка обновляет шутку.

Номер вашего квадрата на index.html
Даша Буяльски - №1
Полина Мёд - №2
Максим - №3
Кирилл - №4
Павел Томас - №5
Паша - №6
Артем - №7
Нора - №8
Юня - №9
Денис - №10
Всеволод - №11
Паша - №12
Ваня - №13
Таня - №14
Лиля - №15
Андрей - №16
Аня - №17
Вадим - №18

About

Exercise for the team

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 33.6%
  • SCSS 32.7%
  • HTML 24.2%
  • JavaScript 9.5%