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

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

Навигация:

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

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

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

Требования

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

2. Откройте index.html в браузере