gretmn102 / hamsters-gallery

Home Page:https://gretmn102.github.io/hamsters-gallery/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Галерея хомяков

Нужно показать различие HTML, CSS и JS, и для этого придумали галерею хомяков. Тех. задание выглядит так:

  1. Чистый HTML

    • index.html:
      h1 Галерея хомяков
      "войти"
      
    • page1.html:
      h1 Галерея хомяков
      img хомяк1.png
      стрелка вправо, которая ссылается на page2.html
      
    • page2.html:
      h1 Галерея хомяков
      img хомяк2.png
      стрелка влево — page1.html
      стрелка вправо — page3.html
      
    • page3.html:
      h1 Галерея хомяков
      img хомяк3.png
      стрелка влево page2.html
      
  2. CSS Создаем style.ccs — общий файл, на который ссылается page1.html, page2.html, page3.html

    В нем задаем центрирование, меняем шрифт h1

  3. JS Убираем page1.html, page2.html, page3.html, а вместо него делаем общий index.html, запихиваем в него JS с массивом хомяков и обрабатываем это кнопками влево и вправо

Build

About

https://gretmn102.github.io/hamsters-gallery/


Languages

Language:JavaScript 49.4%Language:HTML 46.1%Language:CSS 4.5%