ого редагування.
Так як кожна окрема сторінка має набір дрібних блоків з подібними властивостями, то всі сторінки адресовані до одного файлу стилів.
У цілому концепцію верстки шаблону можна описати так: спочатку у файлі index.html створюються всі необхідні для реалізації функціоналу блоки, вводиться вся необхідна на сторінці інформація, після чого у файлі style.css описуються всі графічні властивості кожного блоку. Графічними властивостями можу бути: положення блоків на екрані, колір блоків, колір тексту в блоках, тіні, рамки, скруглення і навіть анімації.
Так як сервіс з обліку помилок програмних продуктів передбачає в основному роботу з інтерфейсом користувача, то інтерфейс повинен бути простим, але в теж час повинен володіти всім необхідним функціоналом для закладу помилки.
Екран закладу помилок повинен дозволяти вказати всі необхідні атрибути, що б розробник мав всю необхідну інформацію для усунення помилки.
Так на екранній формі повинні бути: поле для вибору типу запиту, поле для вибору проекту, поле вибору пріоритету, поле вибору поточної версії, поле для введення повного опису помилки.
На малюнку 5 можна наочно подивитися реалізацію даного умови.
Рис. 5
Так як функціонал сервісу не обмежується тільки екраном створення запиту, в екранну форму так само були додані елементи горизонтального меню: запити та проекти.
Що б надалі при адаптації даного шаблону можна було довантажувати готові значення, на екранній формі були реалізовані елементи множинного вибору, їх роботу можна побачити на малюнку 6.
Рис. 6
7. ВЕРСТКА ЕЛЕМЕНТІВ шаблонів і створення стилю
Визначення
Верстка сайту - процес перекладу картинки (формату .jpg, .gif, .png, зазвичай .PSD) в HTML-шаблон. Дана процедура є одним їх етапів створення сайта.шаблон - набір файлів, що складається з html-сторінок (в них визначаються правила верстки сторінки), файлів картинок, стилів, скриптів, використовуваних для відображення в інтернет. HTML-шаблон передається веб-програмістам для подальшої розробки сайта.верстальщік - фахівець, що здійснює верстку сайту.
Опис процесу верстки сайту в html.
На етапі створення сайту, дизайнер розробляє макет сайту. Для цього використовуються різні графічні редактори, зазвичай це Adobe PhotoShop і Corel. HTML-верстальник приступає до верстці сайту після затвердження і передачу йому відповідного макета.
Стандартна вимога HTML-верстальника, щоб макет був у форматі .PSD. Це дозволяє йому швидше і якісніше зверстати сайт, так як даний формат припускає наявність в ньому шарів. Кожен шар - це один елемент. А так як верстка здійснюється по-елементно, то процес верстки при наявності шарів займає менше часу.
У процесі верстки, html-верстальник створює html-шаблон, де прописується структура документа з використання спеціальних тегів. З макета верстальник вирізає необхідні елементи, оптимізує їх і вносить в html-шаблон. Завдання верстальника - ідентичне відображення наданого макета і створюваного ним html-шаблону - з одного боку. З іншого боку - html-шаблон повинен бути оптимізовано по інтернет (швидко завантажуватися, мати інтерактивні елементи, зрозумілу структуру для програміста) .верстальщік в процесі створення html-шаблону оперує не тільки знанням html-тегів для правильної верстки, а в тому числі, повинен розуміти як правильно оформляти таблиці стилів (CSS), повинен розуміти як реалізовуються інтерактивні компоненти (JavaScript, jQuery). Якісний html-шаблон повинен містити в собі всі відповіді на питання «Як має бути подана інформація на сайті?».
Є чіткі вимоги, що описують якість html-шаблонів.
Вимоги до якості html-верстки. Тестування верстки сайту.
Щодо верстки сайту існують дуже чіткі вимоги, яким повинна відповідати якісна html-верстка:
Бути ідентичною наданим макету.
Відкриватися у всіх броузерах однаково. На поточний момент верстка сайту повинна правильно відображатися як мінімум в IE, Opera, FireFox, Safari, Chrome.
Чи не містити в собі помилок, відповідати стандартам. Є стандарти верстки W3C, а також спеціальні перевіряючі сервіси.
Займати оптимальний розмір при перегляді користувачем. Поняття оптимальний розмір припускає певний компроміс між об'ємом, наприклад картинки і якістю її відображення на сторінці. Якщо можна зменшити обсяг без втрати якості це потрібно зробити.
Однаково добре відображатися на різних мо...
