Шаблон html css php javascript

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Сайт-портфолио с блогом. PHP + MySQL + JS.

allicen/Website

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Добавлен справочник технологий на сайт.

Git stats

Files

Failed to load latest commit information.

README.md

Сайт-портфолио создан для демонстрации разработанных проектов + ведение блога. Для добавления, редактирования и удаления записей разработана панель администратора. попасть в нее могут только зарегистрированные пользователи.

• Портфолио (описание разработанных проектов);
• Блог (полезная информация, структурированная по категориям);
• Информационные страницы (статические страницы с текстом);
• Главная страница с информацией о владельце блога;
• Админ-панель для управления сайтом.

Для реализации поставленной задачи использовался стек технологий:

• PHP 5.6 для написания основной логики сайта;
• HTML5 для формирования шаблонов;
• CSS3 и Less для стилизации элементов сайта;
• JavaScript ES6 для обработки событий в админке на клиенте, jQuery для обработки событий на фронтенде;
• Ajax для смены статуса записи в админке без перезагрузки страницы;
• Плагин Syntax Highlighter для реализации подсветки синтаксиса;
• Плагин CKEditor 4 для реализации визуального редактора в админке.

Основные объекты задачи и структуры данных

Для работы сайта была создана база данных MySQL со следующими таблицами:

№	Название	Описание
1	blog_category	Список категорий блога. Содержит данные: id, ссылку, название, описание, title, description.
2	blog_posts	Список записей блога. Содержит данные: id, название, текст, анонс, дату, id категории, ссылку на картинку, ссылку на пост, статус, title, description.
3	content	Список страниц. Содержит данные: id, id ссылки, текст страницы, дату, title, description.
4	links	Список ссылок. Содержит данные: id, ссылку, название и id модуля.
5	modules	Список модулей сайта. Содержит данные: id, название, название на русском.
6	options	Список опций сайта. Переменные, которые используются в шаблонах сайта. Содержит данные: id, ключ, значение.
7	portfolio	Список работ в портфолио. Содержит данные: id, название, ссылку, ссылку на картинку, анонс, title, description, текст, дату, ссылку на github, список id технологий, статус, завершен ли проект.
8	submenu	Список ссылок на подменю. Содержит данные: id, ссылку, название.
9	technologies	Список технологий. Содержит данные: id, название.
10	top_menu	Верхнее меню. Содержит данные: id, ссылку, текст, заголовок блока.
11	users	Список пользователей. Содержит данные: id, логин, пароль, электронную почту, статус.

• backend (админка сайта);
• core (ядро сайта);
• css (стили фронтенда);
• img (изображения);
• js (скрипты фронтенда);
• modules (модули сайта);
• templates (шаблоны фронтенда);
• user-files (пользовательские файлы).

В корне сайта лежит файл index.php. Он подключает файл из ядра — common.php. В файле common.php определяются модули сайта, подключается файл с настройками подключения к базе данных. Правила формирования URL-ов прописаны в файле .htaccess, который лежит в корне сайта.

Для работы сайта определено 5 видов модулей:

• 404.php — отвечает за страницу 404 ошибки;
• blog.php — отвечает за вывод категорий и записей блога;
• main.php — отвечает за вывод содержимого главной страницы;
• page.php — отвечает за статические страницы;
• portfolio.php — отвечает за вывод записей портфолио.

В каждом модуле подключаются шаблоны из папки template.

Пример блока портфолио на главной странице сайта:

На главной странице добавлен слайдер сертификатов и дипломов:

Источник

Универсальный шаблон готового сайта UseSite

Шаблон сайта UseSite:
Верстка: HTML, DIV, CSS, JS, PHP, спрайты, Windows-1251;
Состав: Фотогалерея, Обратная связь (PHP), Чат, Модуль администратора (PHP — файловый менеджер);
Кроссбраузерность: проверен и подогнан под самые популярные Mozilla, Opera, Google, Internet Explorer;
Валидация: проходит валидацию Validator.W3.org на все 100%!
Объем: 11.16 Мб

Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта.
В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея, обратная связь, ЧАТ онлайн общения, модуль Администратора для работы с файлами и т.д.

После заливки файлов на хостинг Вам останется лишь раскрутка и продвижение сайта в поисковых системах.

Шаблон создавался преследуя цель быть простым в редактировании и настройках при максимальной функциональности, включенных в него модулей.
Проект рассчитан на начинающих сайтостроителей, обладающими навыками рядового пользователя компьютером. Достаточно уметь открывать файл текстовым редактором и сохранять изменения.

В комплект шаблона входит подробная инструкция, электронная книга — справка (ebook).
Она поможет быстро создать свой личный сайт начиная с регистрации домена и парковки его на хостинге.

Порядок регистрации доменного имени, прописка DNS-адресов, запуск сайта;
Основные настройки и редактирование шаблона;
Программы для работы;
Редактируем шапку: заголовок, слайдер, меню;
Редактируем подвал (footer) сайта;
Редактируем содержимое сайта — текст;
Настройка фотогалереи и работа с изображениями;
Настройка формы обратной связи;
Настройки и установка ЧАТа;
Админка сайта. Работа с файлами без входа по FTP;
Выносим код за пределы страниц. Используем функции PHP include;
Структура шаблона сайта. Содержимое и назначение папок и файлов;
Оптимизируем страницы сайта под поисковые системы.

В исходный код всех страниц и скриптов шаблона сайта включены комментарии на русском языке. Они не отображаются при работе сайта и помогут быстро сориентироваться при создании новой конфигурации проекта.
Используя пояснения в коде файлов можно обойтись даже без прилагаемой к шаблону инструкции.

Шаблон состоит из отдельных модулей и блоков, которые можно добавлять в любое место страниц сайта, менять местами, удалять. Структура дизайна при этом не пострадает.

Блоки.

Блоки вынесены в отдельную папку и вставляются в дизайн страницы кодом include.
Для внесения изменений в шапку, слайдер или подвал (footer) сайта достаточно изменить код в одном файле (модуле) и результаты затронут все страницы, в которых подключен модуль.
Это очень удобно при установке на сайт рекламы, допустим SAPE, тизеров, попандеров и т.д.
Счетчик посещаемости не надо будет разносить по всем страницам сайта.
Меню, шапка и слайдер тоже редактируются в одном месте, при этом изменения происходят во всем сайте.

Модули.

Фотогалерея — может быть бесконечно расширена. Изображения увеличиваются при нажатии и закрываются кликом по нему. Навигация появляется при смещении мышки правее или левее при просмотре исходной картинки.
Обратная связь — содержит защитный код каптчу. Не требует никаких настроек, только замену email в файле конфигурации на Ваш.
Чат — подробное описание установки и настройки в руководстве.

АДМИНКА

Возможности админки:
— Пароль на вход;
— Просмотр папок и файлов;
— Загрузка файлов в любую папку;
— Создание и редактирование новых файлов и папок;
— Установка прав доступа CHMOD;
— Поиск папок и файлов, в том числе картинок, по названию и весу;
— Определение расширения файлов для загрузки и т.д.

Дизайн шаблона.

Большое внимание уделено универсальности дизайна шаблона.
Для достижения уникальности Вашего будущего сайта достаточно произвести минимальные изменения.

Фон шапки и подвала сайта не являются картинкой и редактируется изменением градиентов двух цветов. Кнопки выполнены посредством кода CSS и редактируются также заменой цвета: исходный, активный.
Логотип выполнен с применением спрайта, при наведении меняет вид. В комплект входит PSD исходник логотипа с открытыми слоями. Вы можете заменить текст логотипа на свой.
Меню сайта не ограничено в размерах. При превышении количества пунктов, оно плавно переходит во второй ряд.
В рабочем дизайне шаблона использованно менее пяти картинок. В основном все достигается средствами CSS, что значительно увеличивает скорость работы и открытия сайта.
Слайдер меняет скорость показа изображений, несет в себе любое количество картинок.

Экономия средств.
Шаблон не требует подключения на хостинге базы MySql, обходится PHP средствами. Например, при использовании хостинга Jino может сэкономить 42 рубля в месяц, за счет отключения услуги MySql. С поддержкой только PHP функций оплата составит 2 руб. 50 коп. в сутки с 10 Гб выделенного пространства.

Шаблон сайта полностью готов к работе при загрузке на сервер хостинга..
Шаблон поставляется в двух версиях HTML и PHP — include.
HTML для просмотра на компьютере без функций include.
PHP — include для загрузки на сервер (работы в Интернете).
В версии PHP — include на компьютере не будут отражаться блоки шапки, подвала, галереи.

Проверить работоспособность и просмотреть работу сайта на компьютере Вы можете используя HTML версию. Включена в состав архива для наглядности и полета Вашей творческой мысли в плане дизайна будущего проекта.
В ней не будут работать Админка и Обратная связь из-за того, что на Вашем компьютере наверняка не установлены PHP, Apache.

Благодаря готовому шаблону и инструкциям Вы сможете быстро, бесплатно создать свой личный сайт и запустить проект в сеть.
Главным преимуществом для новичков станет то, что они научаться работать с кодом.
Шаблон максимально адаптирован для быстрой работы сайта в сети (открытие страниц).
Это достигнуто за счет применения таблиц стилей CSS, JS скриптов и уменьшения количества применяемых картинок в дизайне.

Шаблон сайта UseSite:
Верстка: HTML, DIV, CSS, JS, PHP, спрайты, Windows-1251;
Состав: Фотогалерея, Обратная связь (PHP), Чат, Модуль администратора (PHP — файловый менеджер);
Кроссбраузерность: проверен и подогнан под самые популярные Mozilla, Opera, Google, Internet Explorer;
Валидация: проходит валидацию Validator.W3.org на все 100%!
Объем: 11.16 Мб

Галерея фото и видео, обратная связь

Источник

Шаблоны

Бесплатные HTML и CSS шаблоны сайтов различных категорий: бизнес, блоги, компьютерные, корпоративные, персональные, портфолио, простые, развлечения , разные, спортивные, ювелирные. Все шаблоны на сайте БЕСПЛАТНЫ и будут таковыми всегда. Наш портал предлагает вам скачать любой шаблон сайта в считанные клики. Мы стараемся постоянно обновлять этот раздел и добавлять только качественные и относительно уникальные шаблоны с красивой, современной графикой, версткой и прочими элементами сайтостроения.

• Бизнес
  Стильные и современные шаблон сайтов для тех, кто занимается бизнесом.
• Блоги
  Дизайн сайтов для персональных, личных и корпоративных блогов.
• Компьютерные
  Html и СSS шаблоны сайтов для различных сайтов занимающихся компьютерами и подобной тематикой.
• Корпоративные
  Корпоративный сайт – один из самых популярных типов сайтов в мире, предлагаем вам подобрать один из дизайнов на нашем сайте.
• Персональные
  Дизайн персональных HTML и CSS сайтов. Заготовки и прочие материалы для персонального сайта.
• Портфолио
  Заготовки HTML и CSS шаблонов для создания сайтов портфолио.
• Лендинги
  Одностраничные HTML шаблоны сайтов различных тематик, которые легко адаптировать и легко применять для себя.
• Простые
  Набор простых HTML и CSS шаблонов для создания сайта.
• Развлечения
  HTML и CSS шаблоны сайтов для тематики развлечений и создания развлекательных порталов.
• Разное
  Различные HTML и CSS заготовки для создания различных сайтов на любую тематику.
• Спортивные
  HTML и CSS шаблоны для создания сайтов спортивной тематики и спортивных порталов.
• Ювелирные
  Заготовки HTML и CSS шаблоны для создания сайтов ювелирной тематики и для сайтов украшений.
• Email шаблоны
  HTML и CSS шаблоны email писем уже давно не новость, предлагаем вам выбрать подходящий шаблон и себе у нас на сайте.

Источник