Як Убезпечити Свій Сайт

Posted on by

Інтернет, як майданчик ведення сучасного бізнесу та управління діяльністю власної компанії, стає найбільш поширеним і популярним в життя сучасних корпорацій і дрібного бізнесу.Саме Інтернет-сайт може привести в компанію нових партнерів і клієнтів, підняти діловий рівень і рівень активності фірми, а також зробити її по-справжньому популярною саме завдяки мережі Інтернет.Створення сайту, який в майбутньому буде здатний завоювати не тільки любов громадськості, але також буде готовим стати досконалим і сучасним інструментом ведення абсолютно нового бізнесу, — справа дуже відповідальна і має бути покладено тільки на плечі професіоналів, і ні в якому разі, не повинно бути доручено початківцям.Саме створення сайту визначає успішність компанії в глобальній мережі, а також її популярності у вузьких колах Інтернет-громадськості.Веб-сайт, будучи інструментом великої, середньої або дрібної компанії, зобов’язаний відповідати сучасним вимогам до будь-якого Інтернет-проекту — безпечно, креативно, свіжо і зручною.Саме ці чотири фактори впливають на думки громадськості, і якщо ваше представництво в Інтернеті відповідає всім чотирьом з них — успіх вашого онлайн завоювання забезпечений.

Безпека сайту — це безпека вашої компанії на певній території, в даному випадку хоч і віртуальної, але досить важливою, щоб про неї подбати.Створення сайту означає необхідність адміністрування сайту, оновленні певної інформації, надання або продажу послуг і товарів.Подібні дії повинні виконуватися тільки довіреними особами компанії, що володіє сайтом, тому рівень безпеки інтернет-проекту повинен відповідати всім сучасним вимогам.Уявіть, що досить популярний проект, який приносить компанії не тільки додатковий дохід, але також величезна кількість інформації і підвищує імідж, раптово зникає з просторів всесвітньої павутини або, ще гірше, перетворюється в абсолютно інший рекламний сайт.Подібна ситуація може статися при недотриманні правил безпеки або при не сучасному підході до створення сайтів.Останнє можна виключити, довіривши створення сайту фахівцям компанії, які вміють і бажають створювати безпечні та надійні сайти, зламати які буде досить складно навіть найбільш запеклим хакерам і зломщикам.

Креативність і свіжість сайту, поряд із забезпеченням високої безпеки проекту, грає величезну роль в створенні сайту і його подальшому просуванні.Чим більше креативний ваш проект, тим більше інтересу виявляє до нього Інтернет-громадськість.Чим більш свіжа інформація на ньому надана, тим більше актуально його відвідування саме сьогодні.Тому сайт має оновлюватися і постійно поповнюватися новою інформацією або списком послуг компанії, щоб бути не тільки сучасним, але і досить корисним Інтернет-аудиторії.Користувач Інтернету не витрачає час на прогулянки до вашого офісу, він лише набирає адресу сайту на клавіатурі і потрапляє відразу в саме серце вашої компанії.Саме тому інтерес зростає в рази, а актуальність інформації набуває величезний сенс.

Ретуш Фотографій

Posted on by

Майже завжди при обробці фотографії в дизайн студії крім цветокоррекции використовується ретуш.Ретуш — це зміна фотографії, яке приховує якісь недоліки, будь то неідеальна шкіра, або сміттєвий бак потрапив в кадр, або дефекти негативу, такі як пил, подряпини і т.д.

Ми часто бачимо на сторінках глянцевих журналів моделей з ідеально рівним кольором обличчя без натяку на найменші дефекти.Так от, в житті таких людей не буває.Кожна така фотографія піддається ретуші.Навіщо це потрібно?Щоб у людей виникало бажання купити той чи інший крем / лосьон / молочко і т.д., тобтодля того, щоб продати товар.

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

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

Існує два основних види ретуші.

1.Технічна ретуш — виконується з метою усунення технічних дефектів (подряпини, пил і т.д.)

2.художественная ретуш — усунення непотрібних об’єктів кадру, маскування дефектів моделі та ін Художня ретуш може бути підрозділена на дві категорії: косметичну і композиційну.

Косметична ретуш використовується в основному в портретній фотографії і передбачає усунення найбільш помітних дефектів об’єкта та / або виявлення його найбільш виразних рис.Вона вимагає особливої ​​ретельності, смаку і навіть делікатності.Іноді, підкресливши особливості або дефекти натури (наприклад, фактуру шкіри обличчя), можна домогтися особливої ​​художньої виразності фотографії.Однак, підкресливши не те, що потрібно, можна і образити людину, тому необхідно бути більш, ніж обережним.

Композиційна ретуш — це кадрування, видалення зайвих об’єктів або елементів, вставка відсутніх деталей, регулювання освітлення, коректування кольору, фону і т. п. Сюжет з правильно побудованої композицією привертає увагу до задуму автора, створює відчуття гармонії, закінченості форми, відповідності її змісту, формує у глядача певний позитивний або, навпаки, негативне ставлення.Навпаки, помилки в композиції призводять до того, що сюжет «розвалюється» і не викликає бажання розглянути знімок докладніше.Тому композиційна ретуш вимагає знання основ композиції та наявності певного художнього смаку.

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

Сайт — це активи компанії

Posted on by

Багато хто вважає, створення сайту компанії витратами.До активів компанії сайт записують всі.І даремно.Звичайно, в деякій мірі, це вірно.Адже на створення сайту потрібно витратити гроші і час.Але ж компанії будують нові будівлі, щоб полегшить роботу службовців і повсякденне ведення бізнесу.Нова будівля записують не в затрати, а в активи.Якщо продовжити аналогію, земля на якій стоїть будинок — теж актив.Сайт розміщують на хостингу.Є витрати, пов’язані з будівлею: електрика, податки, вода, зміст.Є витрати, пов’язані з сайтом: реєстрація домену, плата за домен і хостинг (розміщення сайту в Інтернет).Будівля можна продати за велику кількість грошей.Вебсайт можна продати за велику кількість грошей.І будівлю і сайт можуть збільшити цінність бізнесу.Так чому ж сайт гірше будівлі, і чому не можна вважати його активами компанії?

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

Що Таке Html

Posted on by

Мова HTML (Hypertext Markup Language — мова гіпертекстової розмітки), який походить від SGML (Standard Generalized Markup Language — стандартний узагальнений мову розмітки), розглядається, в основному, виключно як мова форматування або розмітки документів (укладання даних у дескриптори).Дескриптори (це те, що знаходиться всередині символів <>) використовуються для завдання інструкцій програмі перегляду документів (браузеру або клієнтської програми), в яких детально описується спосіб відображення текстових фрагментів і малюнків на екрані.

Низведення HTML до категорії мов розмітки дозволяє з його допомогою не тільки оформляти високоякісні Web-сторінок, але і забезпечувати інтерактивну взаємодію з користувачами.Згідно колись популярної точки зору, всі набори команд та інші синтаксичні правила, призначені для організації управління цифровими

даними, відносяться виключно до програмування.При використанні HTML автор Web-сторінки задає сферу впливу користувача на дані (вміст сторінки) точно так само, як програмісти, які створили Microsoft Excel, дозволяють користувачам процесора баз даних змінювати вміст таблиць і виконувати функції обробки числових даних.

В останніх вдосконалення стандартів HTML (HTML 4 і вище) зроблена спроба звузити область абсолютного впливу HTML на вміст документів та передати форматування

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

XHTML-це найдосконаліша версія мови HTML, яка включає в себе підтримку стилістичних угод, прийнятих в XML (extensible Markup Language — розширювана

мова розмітки документів).В HTML ви знайдете нові дескриптори, хоча основні принципи їх застосування для завдання форматування документів залишаються колишніми.

Студія веб дизайну Luxoris Створення сайтів — модель якісної верстки

Posted on by

Почнемо з того, що суть моєї статті в першу чергу полягає в створенні зручної моделі верстки наших проектів.Іноді гуляючи по мережі, я натикаюся на дуже добре зроблені веб — сайти, але коли, починаю роздивлятися внутрішню структуру сайту я жахаюся.Справа в тому, що при створення сайтів різної складності і структури, я напрацював чималий досвід і можу впевнено вам сказати, що через кілька днів, коли замовник просить поміняти в якомусь розділі колірну схему, шрифти або ще що небудь.Не дуже легко це зробити, а якщо ще цю верстку робив інша людина то це проблематично.Але якщо спочатку спроектувати модель, то можна дуже навіть легко редагувати сайт.І так наша задача полягає в тому, щоб створити модель якісної верстки, в якій з легкістю б орієнтувалися інші редактори.

Ви, напевно, запитаєте, що ж це за модель якісної верстки.По-перше, це спочатку грамотно спроектована структура всіх файлів.По-друге, це заздалегідь логічно розбиті таблиці стилів (CSS) і винесені в окремі файли.Ну і, звичайно ж, пройшов стандартизацію HTML.Модель якісної верстки це так само означає, то що після того як вона готова, її з легкістю можуть редагувати інші верстальники.

І так припустимо у нас є якийсь сайт, він складається з 4-ох сторінок, причому у кожної сторінки своя колірна схема, але шаблон HTML у всіх сторінок однаковий.

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

.. / Store / / store / css / / store / css / common.css— основна таблиця стилів/ store / css / main.css— таблиця стилів для сторінки «main»/ store / css / news.css— таблиця стилів для сторіночки «news»/ store / css / shop.css— таблиця стилів для сторінки «shop»/ store / css / mail.css— таблиця стилів для сторінки «e-Mail»/ store / i /— тут будуть наші картинки/ main . html— сторінка «main»/ news.html— сторінка «news»/ shop.html— сторінка «shop»/ mail.html— сторінка «e-Mail»

Для початку нам потрібен HTML шаблон для всіх сторінок.Пропоную один з самих актуальних на сьогоднішній день стилів верстки Div / XHTML strict(ще раз повторюся, що пояснювати сам HTML не основне завдання моєї статті, так що, сподіваюся на те, що всім зрозуміло, що написано нижче):

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

Файлcommon.css— в ньому ми описуємо основні стилі для наших сторінок, такі як ширина, висота, розміри шрифтів, відступи і т.д.:

body {height: 100%; font: 100% Arial, Arial Narrow;— не позбавляйте користувача можливості змінювати розмір текстуpadding: 0; margin: 0; background: # FFF; overflow: auto;— не відображає скрол коли сторінка підходить під розміри вікна браузера}h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; border: 0; text-align: left;} ul, li {padding: 0; margin: 0; list — style: none;} img {border: 0;} a {font-size: 0.8em; text-decoration: underline;}. clear-all {line-height: 0; height: 0; clear: both; font-size : 0; margin: 0; padding: 0; position: static; float: none; display: block;}/ * Звикайте до структурованих таблиць стилю, полегшує можливість редагування * /div.container {width: 750px; margin: 10px auto; } div.container div.header {height: 150px; background: red;} div.container div.header img {position: relative; top: 20px; left: 20px;} div.container ul.top-menu li {display: block; padding: 3px; float: left;} div.container ul.top-menu li a {display: block; font-size: 1em; height: 20px; text-align: center; padding: 3px 10px;} div. container div.content {padding: 0 20px 20px 20px;} div.container div.content h1 {font-size: 1.2em; padding-bottom: 5px; padding-top: 20px;} div.container div.content p {font — size: 0.8em; padding: 5px 0;}

Файлmain.css—в ньому ми описуємо все, що зустрічається тільки в цій сторінці, в даному випадку це тільки колірна схема, але ніхто нам не забороняє додавати сюди ще, що — або що стосується саме цієї сторінки:

/ * І так перше це об’єднання об’єктів, в одну групу * /import (‘common.css’);— підключаємо головну таблицю стилівdiv.container div.header, div.container div.content {background-color: red;} div . container div.content h1 {color: # 57001f;} div.container div.content p {color: # FFF;}… далі можуть йти якісь додаткові стилі до цієї сторінки

Файлnews.css:

/ * І так перше це об’єднання об’єктів, в одну групу * /import (‘common.css’);— підключаємо головну таблицю стилівdiv.container div.header, div.container div.content {background-color: # 88007d;} div.container div.content h1 {color: red;} div.container div.content p {color: # FFF;}… далі можуть йти якісь додаткові стилі до цієї сторінки

Ну, ось, загалом — то і все, тепер ми просто до кожної сторінки підключаємо потрібну таблицю стилів і маємо: якісно і валидной оформлений HTML (чистий), інтуїтивно зрозумілу іншим редакторам внутрішню структуру сайту і готові до будь-яких експериментів таблиці стилів (що не дуже часто зустрічається в мережі).Спробуйте продумати власну модель, адже може вона вийти куди краще запропонованої мною, експериментуйте, і все у вас вийде.

Студія Веб-дизайну Luxoris — створення і розкрутка сайтів

Короткий Опис Мови Php

Posted on by

PHP — мова розробки програмного забезпечення для Web, написаний розробниками Web і для розробників Web.Сама назва PHP є рекурсивним скороченням від PHP: Hypertext Preprocessor (препроцесор гіпертексту PHP).Первоночально цей програмний продукт іменувався Personal Home Page Tools, і багато хто до цих пір вважають, що аббоевіатура PHP розшифровується саме так.Але з часом появи першої версії PHP область застосування цієї мови значно розширилася, тому з загальної згоди спільноти користувачів PHP було прийнято нове і більш прийнятне визначення яке стало рекурсивним, в стилі GNU — GNU’s Noy Unix, або GNU — не Unix).в даний час використовується п’ята основна версія РНР, яка скорочено позначається як РНР5, але може також позначатися просто як РНР.

РНР — це серверний мова сценаріїв, який може бути впроваджений в код HTML для розгортання в браузері.Ще один варіант використання сценаріїв на цій мові може передбачати їх автономне виконання (але набагато ширше застосовується перший варіант).До цієї категорії належать також такі програмні продукти, що знаходяться у власності окремих компаній, як Active Server Pages (ASP) компанії Microsoft, ColdFusion компанії Macromedia і Java Server Pages (JSP) компанії Sun.У деяких журналах з програмування мова РНР часто називають мовою ASP з відкритим вихідним кодом, оскільки цей програмний продукт за своїми функціональними можливостями аналогічний програмного продукту Microsoft.Але таке формулювання вводить в оману, оскільки мова РНР був розроблений раніше, ніж ASP.А протягом останніх кількох років застосування РНР і серверних засобів Java розширюється, тоді як сфера використання ASP звужується, тому зазначене порівняння стає ще більш неприйнятним.

Технології підтримки серверних сценаріїв розглядаються більш докладно в розділі 2, а при вивченні цього розділу досить керуватися визначенням серверного сценарію як сукупності супердескріпторов HTML або невеликих програм, які виконуються всередині Web-сторінок, але не в браузері, а на сервері, перед відправкою в браузер.Наприклад, код РНР можна використовувати в коді HTML для введення загальних верхніх і нижніх колонтитулів у всі сторінки сайту або для збереження даних, введених в форму, в базі даних.

Строго кажучи, мова РНР практично не застосовується для створення компонування, обробки подій, виконання маніпуляцій з елементами об’єктної моделі документа (Document Object Model — DOM), а також фактично не впливає на те, як виглядає Web-сторінка або які звуки на ній відтворюються.Насправді основна частина дій, які виконуються в коді РНР, залишається непомітною для кінцевого користувача.Зокрема, перегляд сторінки, створеної за допомогою мови РНР, аж ніяк не дозволяє судити про те, що для написання коду цієї сторінки застосовувався якась інша мова, крім HTML, оскільки

зазвичай результатом відтворення коду РНР є код HTML.

В даний час програмне забезпечення підтримки мови РНР формально введено у вигляді окремого модуля до складу програм HTTP-сервера Apache, домінуючого на ринку безкоштовного Web-сервера, який застосовується для обробки близько 67% трафіку World Wide Web (згідно широко відомому аналітичному огляду, що стосується застосування Web-сервсров різних типів, який підготовлений компанією Netcraft).Це означає, що машина підтримки сценаріїв РНР може бути вбудована безпосередньо в сам Web-сервер, що сприяє прискоренню обробки, більш ефективному розподілу пам’яті і значного спрощення супроводу.Інтерпретатор мови РНР, як і сервер Apache, повністю забезпечує експлуатацію додатків на різних програмних і апаратних платформах.Це означає, що додатки, написані на цій мові, можуть експлуатуватися в своєму безпосередньому вигляді у багатьох різновидах операційної системи Unix, в різних версіях операційної системи Windows, а з недавнього часу — в операційній системі Mac OS X.Всі проекти, що розробляються під егідою фонду Apache Software Foundation, включаючи РНР, є програмне забезпечення з відкритим вихідним кодом.

Навіщо Вам потрібен Сайт?

Posted on by

Хочете уявити себе всьому світу?Тоді Вам потрібенсайт,за допомогою якого Ви зможете розмістити в інтернеті необхідну інформацію.Ми допоможемо Вам це зробити.Давайте спробуємо дати відповідь на питаннянавіщо потрібен сайт.

Сайт— це не розкіш, це необхідність.

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

Велика кількість фірм ведуть свою діяльність саме через інтернет, який виступає основним середовищем розвитку бізнесу.Що б співпрацювати з такими організаціями, необхідно надати себе як належить, тобто надати їм свій сайт, нехай оцінюють, дізнаються про Вас більше.Це сприяє розвитку бізнес-відносин, зміцненню наявних зв’язків, розширенню діяльності.

Потрібен сайт.Що робити?

Перш за все Вам треба визначитися, який вигляд сайту Вам потрібен.Якщо цілю є просто мати свою адресу в інтернеті, то достатньо буде невеликого сайту-візитки, який складається з 5-10 сторінок і міститиме найнеобхіднішу інформацію.Відповідно вартість таких сайтів низька.Але можна створити і справжній інтернет-магазин, який має багато переваг (зручний каталог товарів, не потрібні витрати на оренду приміщення та оплату праці персоналу, доступність на огляд товару практично з будь-якої точки світу!).Як бачимо, переваг не мало!Тому Вам не варто сумніватися в створенні сайту.Зробіть це зараз, поки Ваші конкуренти не випередили Вас.

Сподіваємося що дана порція інформації допомогла зрозумітинавіщо потрібен сайті які переваги він дає Вашому бізнесу.За додатковою інформацією щодо створення сайтів звертайтеся в нашу веб-студію.

Векторні Формати фото Eps І Ai

Posted on by

Файли в векторному форматі AI і EPS створюються в програмах для ілюстрування, таких як Adobe Illustrator, Macromedia або CorelDraw.Крім векторних об’єктів файли також можуть містити й точкові зображення.Тому векторні формати можна використовувати і для зберігання точкових зображень.Далі ми докладніше розглянемо дані формати в подробицях.

Формат EPS

Формат EPS(Encapsulated PostScript), займає високе місце в поліграфії.Формат заснований на мові PostScript, і розроблений фірмою Adobe Systems Inc.який призначеному для опису будь-якої графічної і текстової інформації.PostScript використовується у видавничих системах будь-якого типу: починаючи від домашніх друкарень закінчуючи спеціалізованими робочими станціями.Мова PostScript використовується всіма професійними і напівпрофесійними пристроями виводу: лазерними принтерами, плоттерами, фотоскладальні автоматами.У форматі EPS можливо зберігання векторну і точкову графіки, шрифти, растрірованние зображення та інформацію про раструванні, контурів обтравки і колірних профілів.Підтримується більшість колірних моделей.додаткові канали.Можливе використання стиснення за алгоритмами LZW, JPEG і CCITT.Практично весьвекторний кліпартякий можна скачати в інтернеті буде в форматіEPS

Формат AI

Формат AI— це формат програмиAdobe Illustrator.В основі формату AI теж лежить мову PostScript.Можна сказати щоформат AIє варіантом форматуEPS.Починаючи з версії 8.0, Adobe Illustrator підтримує PostScript Level 3.В інтернеті також можна скачати безліч векторного клипарта різних жанрів у форматі AI.

На сьогодні векторна графіка широко іпользуеться в поліграфії, веб-дизайні або в комп’ютерній графіці тому векторний кліпарт дуже популярний.Також растровий і векторний кліпарт на різні теми наприклад: герої мультфільмів в векторі, квіти, їжа, заготовки банерів або інші графічесскіе елементи у векторних форматах EPS і AI можна скачати на сайті http://web4diz.ru безкоштовно.

Секрети Веб-графіки

Posted on by

Секрети Веб-графіки.

JPEG (Joint Photographic Experts Group).Розроблено групою експертів по фотографії (що видно з назви) під знаком ISO (Міжнародна організація по стандартам).Взагалі цей формат цікавий тим, що використовує алгоритм стискання який відрізняється від застосовуваних у всіх інших графічних форматах, — стискання з втратами.Цей алгоритм раніше використовувався в схемі телевізійної трансляції США (NTSC) на телебаченні.Заснований він на обмеженості людського кута зору, неможливості очі не помічати деякі неправильності у відновленому зображенні.На сьогоднішній день цей алгоритм є одним з найкращих (коефіцієнт стиснення досягає 1:100), але він не досить добре обробляє зображення з маленькою кількістю квітів і різкими кордонами.Також JPEG можна називати протилежністю GIF.Він дозволяє відобразити 24-бітову палітру, тобто всі 16,8 млн. кольорів, а це дає хорошу можливість відображати градієнти з відмінною точністю, але при цьому не може мати прозорих областей.Але також цей формат таїть в собі одну невелику особливість, яку не можна не враховувати.При другому збереженні зображення в JPEG він знову запускає алгоритм стиснення, що звичайно ведент до погіршення якості.Тому зберігати зображення в ньому потрібно тільки після остаточної обробки.

Два растрових формату, і GIF, і JPEG, можуть бути оброблені в більшості графічних редакторів і підтримуються всіма графічними броузерами за замовчуванням.Вибір між цими форматами визначити можна перш за все особливостями огпределенной картинки, і зробити його буває необхідним лише шляхом проб.

Можливо і векторні формати дуже часто звертають на себе увагу Веб-дизайнерів.В сьогоднішній час дуже популярним ставати формат Shockwave Флеш, розроблений фірмою Macromedia.Маючи такі переваги векторних форматів, як масштабованість і відносно маленький обсяг файлу, він все-таки не є чисто графічним.Здатність робити анімації, давати звуки їх, примушувати реагувати на переміщення миші і можливість працювати з гіперпосиланнями роблять Флеш схожим на мультимедійний формат, а інструментарій для можливості малювання в програмі Macromedia Флеш Direct ближче до растровим редакторам, ніж до векторним.В якості деяких елементів сайту Флеш-заставки використовуються в просто як інтерактивні банери в рекламних мережах.Таким чином, банерів пророкують велике майбутнє через їх найбільшою можливості вплинути на користувачів Мережі, крім класичних, які виконаних в GIF.Але набагато швидше цей формат можна застосувати для написання цілої сторінки або самої більшої її частини (звичайним прикладом, є Диснеївський сайт www.disney.com.

Каменем спотикання для Флеш є можливість додаткового модуля для його якісного перегляду, який може розповсюджується безкоштовно, обнако при вазі 0,24 М і потрібності завантаження через Мережа може убратьь бажання переглядати Флеш-заставки.Але поява побудованого модуля вже в 4.5 версії Коммунікатора і обіцянки Microsoft зробити аналогічне і в IE 5.0 + може цілком висунути Флеш в перші серед графічних форматів для Internet і трохи змінити саме уявлення про Веб-дизайні.Останнє від проффесіоналів.

Не залишилися в забутті і тривимірні об’єкти.Для їх створення в Internete в листопаді 1994 року відбулася презентація VRML 1.0 (Virtual Reality Modeling Language — мова моделювання віртуальної реальності).Завершена версія VRML 2.0 дозволяє робити важкі віртуальні світи зі звуковими ефектами.Для написання файлів такого формату може бути необхідно просто текстовий редактор (подібно HTML, вони не вимагають подальшої компіляції), але також існують спеціалізовані програми, які допомагають цей процес візуалізувати й автоматизувати.А також, деякі 3D-пакети створюють формат VRML 2.0.Додаткові модулі, включені до складу останніх версій NC і IE необхідні для перегляду віртуальних світів.Але при всій своїй привабливості 3D-світи поки що не знайшли широкого застосування.Основний недолік — це неможливість вбудовування світів в HTML-сторінку і, звичайно ж, переплетення із загальним дизайном сайту, на відміну, від Флеш.Ще однією неприємною особливістю є величезна кількість обчислювальних ресурсів комп’ютера для якісної візуалізації тривимірної сцени.

Якщо говорити про графік в Веб, то зазвичай не згадують про шрифти як відносно графічних об’єктах.Це відбувається тому, що до недавнього часу в HTML-сторінках була вельми обмежена можливість керування шрифтами.Але тепер уже в специфікації CSS level2 вводиться таке поняття вбудовування шрифтів, яка відкриває можливість використовувати не тільки звичайні.Програми, які існують сьогодні дозволяють створювати символьні шрифти, отримуючи замість символів монохромні масштабовані зображення.Однак і цю ідею не обійшла війна броузерів.Різна реалізація подгружаемих шрифтів в NC і IE, не дозволяє використовувати ці можливості в більшій мірі.

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

Веб-дизайн: поняття хостинг

Posted on by

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

Завдяки хостингу інформація надійно зберігається на сервері і доступна 24 години на добу в будь-якій точці планети (тобто обмежень географічного характеру просто не існує і фізично ваша інформація може розташовуватися в іншій країні і навіть на іншому континенті).

Процес отримання інформації з сервера, не особливо вдаючись у технічні подробиці, виглядає приблизно так.Бажаючи знайти або, припустимо, завантажити на свій комп’ютер небудь, користувач вводить в адресному рядку свого браузера адреса сайту або повний шлях до файлу на сервері.Цей запит після обробки в DNS-центрі буде відправлений до того комп’ютера (сервера), на якому розміщена шукана інформація.Після отримання відповіді, браузер користувача почне відображати передану сервером інформацію.

Хостинг може бути платними і безкоштовними.При виборі безкоштовного хостингу, в деяких випадках, за користування ресурсами з Вас можуть зажадати розміщення реклами на сторінках сайту, або вона буде «крутиться» за умовчанням (своєрідна «плата» за користування).Що стосується платного хостингу, то він надається у відповідності з тарифними планами хостинг-провайдера, які розрізняються об’ємом дискового простору, функціональних можливостей і т.д.

І на завершення хотілося б озвучити кілька рекомендацій з вибору хостингу.Як відомо, при розміщенні сайту на тому чи іншому сервері, будь-якому власникові

хочеться, щоб його сайт був відвідуваним.Підвищити популярність сайту можна не тільки засчет самих матеріалів, розміщених на ньому, а й завдяки стабільному, цілодобовим доступу до сервера.Саме тому вибирайте тільки надійного хостинг-провайдера зі стовідсотковим UpTime!

800 на 600 або 1024 на 768?

Posted on by

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

Але, не всі сайти створюються професійними веб-студіями з не менш професійними веб-дизайнерами.

Існує частина користувачів Інтернету, які не мають достатньої суми для створення сайту або взагалі хочуть створити сайт своїми руками.

Саме у таких користувачів виникає один дуже риторичне питання: під який монітор робити сайт?Під 800 на 600?Або під 1024 на 768?

Звичайно, можна сказати, що потрібно протестувати інформацію про відвідувачів сайту.Ці дані обов’язково потрібно враховувати в період оновлення дизайну сайту.

Наприклад, сайт http://gnatenko.info відвідує близько 65% відвідувачів з монітором 800 на 600.Тому, коли я оновлював дизайн, я орієнтувався саме на цей сегмент відвідувачів.

Але якщо ви створюєте свій перший сайт, звідки візьмете ці статистичні дані?

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

Але що тоді робити?

Потрібно створити сайт так, щоб мінімізувати незручності користувачів як на моніторі 800 на 600, так і на моніторі 1024 на 768.

Давайте розглянемо 2 приклади можливих дій у період створення першого сайту.

Приклад # 1.Ви створюєте сайт під монітор 1024 на 768

Після створення сайту і закачування його на сервер у ваших відвідувачів, які використовують монітор 800 на 600, в обов’язковому порядку з’явиться горизонтальна прокрутка.

До цього елементу практично у всіх користувачів Інтернету негативне ставлення.Справа в тому, що якщо на вашій сторінці надрукований текст, і відвідувач, щоб прочитати кожен рядок буде прокручувати горизонтальну прокрутку в одну і в іншу сторону, то через пару хвилин у нього вичерпається терпіння.

Йому буде простіше закрити сайт і шукати інформацію в Інтернеті на іншому сайті, ніж читати і мучаться таким чином.

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

Навіть я, до недавніх пір користувався мишкою без «коліщатка» для вертикальної прокрутки, тому що я за 5 років до неї звик, і вона мене повністю влаштовувала.Але, ніщо не вічне.

І коли прийшов момент вибору, яку миша купувати — довелося вибрати «стару новинку технічного прогресу» — миша з колесом прокрутки.

Ще одним недоліком «широких» сайтів є той факт, що широкі зображення вантажаться довше, ніж короткі.І якщо у вас на сайті буде якісний хедер (а він обов’язково буде), то вам доведеться зробити ось що:

або розрізати хедер на 2 частини (для одночасного завантаження);

або втратити пару секунд на завантаження сторінки.

Не варто також думати, що у всіх користувачів швидка інтернет-зв’язок.Згідно з даними анкетного опитування моєї розсилки Як створити сайт» — найпопулярніша швидкість Інтернет-з’єднання, як би банально це не звучало, але це 28,8 — 31,2 Кб / с.

Тому, потрібно делікатно ставиться до вибору графіки на сайт і робити її максимально красивою і з мінімальними розмірами.

І ще одна помилка, яку я бачив в деяких веб-дизайнерів.Ця помилка Дуже груба (моя думка), так як втрачається частина відвідувачів / передплатників / покупців і т.д.

Суть помилки така.Робиться сайт під 1024 на 768.Сторінка ділиться на 2 частини.Перша частина — зроблена під монітор 800 на 600, і вона розміщується в лівій частині монітора і друга частина — це чи панель навігації по сайту або пропозиція від автора сайту.

Проблема в тому, що ці сайти зроблені таким чином, що з монітора 800 на 600 видна тільки одна таблиця (текст), а щоб побачити другу (навігація, пропозиції) — потрібно використовувати горизонтальну прокрутку.

Але, не варто забувати, що люди в Інтернеті (в більшості випадків) дуже ліниві.Тому частина відвідувачів вашого сайту або взагалі не побачать цю частину сайту або їм буде просто лінь пересувати горизонтальну прокрутку.Тому, я рекомендую ніколи не створювати сайт таким чином.

Приклад # 2.Ви створюєте сайт під монітор 800 на 600

Отже, ви створили і закачали на сервер сайт під монітор 800 на 600.Які труднощі можу виникнути у користувачів з великими моніторами?

Перша проблема — це те, що сайт буде виглядати дрібнувато.Тобто, буде наявність порожнього місця з боків монітора.

Це можна виправити таким чином.В процесі створення сайту ви робите ширину головної таблиці сайту не в пікселях, а у відсотках.Тоді ваша сторінка буде заповнювати весь монітор, будь то 800 на 600 або 1024 на 768.

Але, при цьому потрібно дуже довго підлаштовувати інші елементи сайту, щоб вони красиво виглядали як на моніторі 800 на 600, так і на моніторі 1024 на 768.А це, чесно кажучи — не дуже то й легко.

Тому від вибору ширини головної таблиці сайту у відсотках я рекомендую відмовитися.

Як зробити, щоб сайт, який був створений під монітор 800 на 600, не виглядав маленьким на моніторі 1024 на 768?

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

Але, таким чином цілком імовірно, що красивий дизайн вашого сайту, які ви робили з точність до пікселя, буквально розвалитися.Адже розмір шрифту збільшитися, а відповідно збільшиться місце, яке потрібно під цей текст.

Як висновок я можу сказати, що якщо ви створюєте свій перший сайт, то зробіть його під монітор 800 на 600.Приблизно 1-2 місяці протестуйте його за допомогою будь-якого лічильника відвідувань або скриптів на предмет розміру моніторів відвідувачів.

І вже наступну модифікацію сайту, яка буде приблизно через 1-2 місяці після старту, робіть виходячи з цих статистичних даних.

———

Роман Гнатенко

Бізнес і Заробіток в Інтернеті