Skip to content

Archive-of-practical-work-for-the-PRUE/Website-Development-On-Bitrex

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Практические работы по "Разработке сайта в среде 1С-Битрикс"

Репозиторий с практическими работами 3 курса по предмету "Разработке сайта в среде 1С-Битрикс", куда включены 3 практические работы, первая по HTML+CSS+JS, вторая по PHP и третья - сайт 1С-Битрикс.

Навигация:

  1. Практическая работа № 1 - Разработка сайта на HTML, CSS, JS
  2. Практическая работа № 2 - Разработка сайта на PHP
  3. Практическая работа № 3 - Разработка сайта на 1С-Битрикс

Практическая работа 1 - Сайт портфолио на HTML, CSS, JS

Мой личный сайт-портфолио, демонстрирующий мои навыки, образование, опыт работы и мои проекты. image

Требования

1.1: Верстка сайта

Сайт содержит все обязательные элементы:

  • title страницы
  • Заголовок
  • Текст
  • Изображения
  • Ссылки
  • Список
  • Таблица (реализована через аккордеон jQuery UI)
  • Форма (обратная связь)
  • Header, Footer

1.2: CSS свойства

Использованы основные возможности CSS:

  • Селекторы тегов, классов, идентификаторов
  • Контекстные, дочерние, смежные селекторы
  • Селекторы псевдоклассов
  • Принцип каскадирования
  • Удаление подчеркивания ссылок
  • Изменение стиля маркеров списка
  • Свойства для форматирования текста
  • Градиенты и анимации (элементы CSS3)

1.3: JavaScript, jQuery и jQuery UI

  • Минимум 5 методов jQuery (.ready(), .click(), .addClass(), .css(), .animate())
  • Минимум 2 компонента jQuery UI (Accordion, Dialog)

Особенности

  • Современный дизайн
  • Анимированные переходы и эффекты
  • Адаптивная верстка для всех устройств

Технологии

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • jQuery UI

Адаптивность

Сайт полностью адаптивен и корректно отображается на:

  • Десктопах
  • Планшетах
  • Мобильных устройствах

Структура проекта

portfolio/
├── index.html          # Основной HTML файл
├── styles.css          # Стили
├── script.js           # JavaScript функционал
└── img/                # Изображения

Установка и запуск

  1. Клонируйте репозиторий
git clone https://github.com/Archive-of-practical-work-for-the-PRUE/Website-Development-On-Bitrex.git
  1. Откройте index.html в браузере

About

Репозиторий с практическими работами по предмету 3 курса - Разработка сайта в среде 1С-Битрикс.

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages

  • CSS 50.5%
  • HTML 33.2%
  • JavaScript 16.3%