Tag Archive for CSS

Пошук елементів CSS на сторінці

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

Read more

Безкоштовний курс по CSS (45 відеоуроків!)

Безкоштовний курс по CSS (45 відеоуроків!) –

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

Пройшовши цей курс, Ви навчитеся верстати графічні шаблони будь-якої складності вже на наступний день.

Цей курс надається Вам безкоштовно. Все, що від Вас потрібно це ввести свої дані в форму підписки.


ДОКЛАДНІШЕ…

Як зробити дві float-колонки однакової висоти

В даній статті представлений спосіб верстки двох-колоночних макетів сайту, де обидві колонки повинні мати однакову висоту. Тема, здавалося б, уже відома та давно вирішена: будь-який західний (а з ними і вітчизняний) ресурс видасть вам з десяток способів зробити це. Але ці способи мають один нюанс: це будуть макети-«цеглини», тобто макети з фіксованою шириною. Межа можливостей – розтягується тільки одна  колонка. У цій статті буде показано, як зробити дві (і більше) колонки такими, щоб розтягувались, причому це буде не емуляція у вигляді товстого кольорового бордера, а буде саме повноцінна колонка, якою можна задати, наприклад, свою фонову картинку.

Read more

Що таке CSS?

CSS або Cascading Style Sheets – це каскадні таблиці стилів, які представляють собою набір правил оформлення та форматування, який може бути застосований до різних елементів веб сторінки. Таблиці стилів є спробою відокремити деталі дизайну веб сторінки від її структури та змісту.

Раніше в класичній HTML-сторінці структура й дизайн були перемішані або існували разом: поруч з текстовим абзацом задавався його колір, розмір шрифту, тип шрифту і т.п. Якщо потрібно було змінити хоча б один такий параметр (наприклад розмір шрифту в таблиці), то приходилось переписувати всі сторінки. З появою CSS ця проблема зникла. З допомогою CSS можна призначити спільний стиль для певних об’єктів, опис якого можна зберігати  в окремому файлі.  З допомогою такого стилю можна змінити розмір шрифту або колір заголовку у всіх сторінках сайту, виправивши лише один файл з описом стилів. Тобто відпадає необхідність кожного разу змінювати кожну HTML-сторінку.

Більш детально про основи CSS можна знайти у Відео-уроках (2й урок)  в безкоштовному курсі по CSS тут: http://1popov.ru/c/3970

 

Розширення Firebug

firebug

Firebug – це розширення для браузера Firefox, яке виконує функції консолі, відлагоджувача та DOM-інспектора  JavaScript, DHTML, CSS і  XMLHttpRequest. Це розширення допомагає веб розробниками відлагоджувати свої проекти. З допомогою FireBug можна легко знайти помилку в коді.

Read more

Розширення Web Developer

Web Developer – це розширення для браузерів Firefox і Chrome, яке  додає в браузері різні інструменти, які може використовувати вебмайстер. Це розширення працює на будь-якій платформі, що підтримується цими браузерами, у тому числі Windows, Mac OS X і Linux.

Web Developer

Web Developer

Розширення Web Developer додає на панель інструментів кнопку, яка відкриває доступ до декількох інструментів веб-дизайнера. Воно має велику кількість зручних інструментів для експериментів зі сторінкою, і я рекомендую до використання для кожного веб-розробника.

Web Developer має багато можливостей і фіч, а саме

  • заборона різних скріптів, в тому числі Java, Javascrip, PopUp-вікон, перенаправлень, кольорів та інше;
  • заборона, очищення та додавання куків;
  • заборона, редагування, перегляд CSS;
  • можливості роботи з формами;
  • робота з картинками (заборона, огляд шляхів до картинок, параметрів картинок та інші можливості);
  • перегляд різної інформації про сторінку;
  • перегляд коду сторінки;
  • валідація посилань, FEED, CSS та HTML;
  • зміна розмірів сторінки;
  • багато інших можливостей.

Read more

WordPress

WordPress

WordPress – це популярна система керування вмістом сайту (CMS), яка має відкритий вихідний код та поширюється під ліцензією GNU GPL. На даний момент WordPress найчастіше використовується для створення блогів на її основі. Наприклад, цей блог “Майстер вебсайтів: створення сайтів від А до Я” теж створений на WordPress. Також на основі даної CMS можна створювати достатньо складні новинні ресурси, а також інтернет-магазини.

WordPress написана на мові програмування PHP, і в якості бази даних використовує MySQL.

Зараз доступно багато тем та плагінів, з допомогою якхи можна створювати практично будь-які проекти.

WordPress  має досить просту панель адміністрації, яку легко освоїти за лічені години. А сам сайт на основі WordPress можна створити за один день.

Серед можливостей WordPress  можна виділити підтримку тем, плагінів, RSS, Atom, trackback, pingback, веб-стандартів (XHTML, CSS), СЕО-оптимізації, наявність перекладів на різні мови, в т.ч. українську та інші можливості.

Скачати WordPress  можна на офіційному сайті: http://wordpress.org/