forked from Fewwy/Project2
-
Notifications
You must be signed in to change notification settings - Fork 0
monroth/Project2
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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 0
No packages published
Languages
- CSS 33.6%
- SCSS 32.7%
- HTML 24.2%
- JavaScript 9.5%