Донецкий техникум промышленной автоматики

web-дизайн, створення сайтів, уроки HTML і CSS, слайдери, фотогалереї | Бібліотека web-дизайну і статті по створенню сайтів | Уроки MODx Evo | адаптивні слайдери

  1. Підсвічування синтаксису коду на html-сторінці. Скрипт SyntaxHighlighter MegaLang Стаття присвячена...
  2. Уроки HTML5 та CSS3. анімація
  3. Навчальний курс «Основи PHP і MySQL» для початківців
  4. Слайдери, фотогалереї
  5. Адаптивний слайдер bxSlider
  6. Прозорість засобами CSS. Ефект затемнення на сайті
  7. Дворівневе меню на CSS без JavaScript
  8. Як створити фотогалерею NivoSlider MultiTV на MODx Evo
  9. Як створити фотогалерею EvoGallery на MODx
  10. Як створити фотогалерею EvoGallery на MODx
  11. Як створити фотогалерею LightboxMG mini gallery MultiTV на MODx Evo
  12. Створення слайдера Lightslider MultiTV на MODx Evo

Підсвічування синтаксису коду на html-сторінці. Скрипт SyntaxHighlighter MegaLang

Скрипт SyntaxHighlighter MegaLang

Стаття присвячена тому, як зробити підсвічування синтаксису коду на сайті засобами скрипта SyntaxHighlighter MegaLang. Даний скрипт дозволяє робити підсвічування коду на html-сторінці для безлічі мов програмування, є різні теми стилів, є можливість налаштування стилю відображення під дизайн свого сайту, можна приховувати блоки з кодом, відкриваючи їх по кліку і ін. На даному сайті для підсвічування коду використовується саме цей скрипт SyntaxHighlighter MegaLang. У цій статті Ви можете завантажити готовий приклад і використовувати його в своє роботі над сайтами .. Читати далі...

09.03.2019

Як підключити Яндекс Карту

Як підключити Яндекс Карту

Опубліковані два приклади створення Яндекс Карти на сайті. У першому прикладі розглянуто простий висновок Яндекс Карти на web-сторінці. У другому прикладі розглянуто висновок Яндекс Карти в модальному вікні засобами скрипта Fancybox. Обидва приклади можна скачати в готовому вигляді .. Читати далі...

06.03.2019

Уроки HTML5 та CSS3. анімація

анімація

У розділі Уроки HTML5 та CSS3 опублікований урок зі створення анімації на мові CSS3, який дозволяє створювати анімовані зображення без використання Flash. Ця технологія поступово витісняє створення рекламних та інших анімованих банерів засобами Flash. В уроці розповідається, як створити повноцінний анімований рекламний банер .. Читати далі...

18.02.2019

Навчальний курс «Основи PHP і MySQL» для початківців

Навчальний курс «Основи PHP і MySQL» для початківців

Опублікований навчальний курс Основи PHP і MySQL для початківців. В курсі розглядаються базові поняття мови: включення конструкцій php в html-сторінку, основні керуючі конструкції php. Розглянуто функції require () і include () при створенні простих сайтів. Окремий великий урок присвячений базі даних MySQL, способи занесення даних з форми в базу даних і виведення даних з бази на web-сторінку. . Читати далі...

01.09.2018

Слайдери, фотогалереї

Слайдери, фотогалереї

Колекція найбільш популярних слайдерів, таких як Carusel, Lightbox, Nivo, Galleria classic, iTunes і багатьох інших. Все слайдери перевірені в різних браузерах. Для кожного слайдера є можливість скачати готовий приклад .. Читати далі...

12.08.2018

Адаптивний слайдер bxSlider

Адаптивний слайдер bxSlider

У колекцію адаптивних слайдеров доданий слайдер bxSlider. Є можливість завантажити готовий приклад .. Читати далі...

10.08.2018

Прозорість засобами CSS. Ефект затемнення на сайті

Ефект затемнення на сайті

Прозорість засобами CSS дозволяє створювати дуже цікаві ефекти тьмяних або напівпрозорих картинок, банерів, лічильників відвідувань і взагалі будь-яких елементів сайту. При наведенні курсора на такий елемент картинка або банер набуває нормальну чіткість, яскравість і колір. Такий ефект Ви можете спостерігати при наведенні курсору на банери внизу цього сайту .... Читати далі...

23.07.2018

Дворівневе меню на CSS без JavaScript

Дворівневе меню на CSS без JavaScript

Часто застосовується на сайтах дворівневе меню. Чи не використовує JavaScript, тільки CSS. Наведено два види меню: з горизонтальним напрямок головного меню і з вертикальним. Також Ви зможете тут скачати готові приклади цих дворівневих меню на CSS .. Читати далі...

16.07.2018

Як створити фотогалерею NivoSlider MultiTV на MODx Evo

Як створити фотогалерею NivoSlider MultiTV на MODx Evo

.

Читати урок зі створення галереї NivoSlider MultiTV на MODx Evo ...

Вихідний дистрибутив фотогалереї NivoSlider, на основі якого зроблена multiTV галерея, ви можете завантажити на сторінці NivoSlider (адаптивний слайдер).

12.07.2018

Як створити фотогалерею EvoGallery на MODx

Як створити фотогалерею EvoGallery на MODx

PgwSlider MultiTV на MODx Evo - ефектний адаптивний слайдер на MODx Evolution. У статті-уроці розглянуто реальний приклад створення такого слайдера, тут можна скачати фото і дистрибутив multiTV для створення .... Читати урок зі створення слайдера PgwSlider MultiTV на MODx Evo ...

Вихідний дистрибутив фотогалереї PgwSlider, на основі якого зроблена multiTV галерея, ви можете завантажити на сторінці PgwSlideshow (адаптивний слайдер).

07.07.2018

Як створити фотогалерею EvoGallery на MODx

Як створити фотогалерею EvoGallery на MODx

EvoGallery - багатофункціональний інструмент для створення галереї зображень на MODx Evolution. Цей модуль дозволяє створювати як окрему фотогалерею, так і групувати кілька альбомів з фотографій на одній сторінці. У статті-уроці розглянуто реальний приклад створення фотогалереї з трьох фотоальбомів ....

Читати урок зі створення галереї на EvoGallery ...

Переглянути приклад-шаблон EvoGallery ...

03.07.2018

Як створити фотогалерею LightboxMG mini gallery MultiTV на MODx Evo

Як створити фотогалерею LightboxMG mini gallery MultiTV на MODx Evo

LightboxMG mini gallery MultiTV для MODx Evo - адаптивна галерея зображень на MODx Evolution, таку галерею можна прикріпити до будь-якій сторінці сайту і розмістити в будь-якому місці сторінки. У статті-уроці розглянуто реальний приклад створення такої фотогалереї, є можливість завантажити фото і дистрибутив для створення ....

Читати статтю зі створення галереї на LightboxMG mini gallery MultiTV для MODx Evo ...

01.07.2018

Створення слайдера Lightslider MultiTV на MODx Evo

Створення слайдера Lightslider MultiTV на MODx Evo

Lightslider MultiTV на MODx Evo - зручний адаптивний слайдер на MODx Evolution. У нашому уроці ви навчитеся створювати такий слайдер, також зможете скачати фото і дистрибутив multiTV для створення ....

Читати урок зі створення слайдера Lightslider MultiTV на MODx Evo ...

Вихідний дистрибутив Lightslider, на основі якого зроблена multiTV галерея, ви можете завантажити на сторінці Lightslider (адаптивний слайдер).

01.07.2018