Записки Веб-Майстра

Всім привіт! Цю статтю я вирішив присвятити веб майстрам (тобто не новачкам), хоча і деяким новачкам буде корисною. Тут я хочу зібрати збірку меню на CSS або (і) JavaScript.

Мінімалістичне меню

І ще й до того надлегке: всього 2,7 кб! Менюшка працює на CSS + JavaScript. Розумію що противників жава скриптів зараз немало, та все ж декому менюшка по душі.

Живий приклад

Скачати приклад з офіційного сайту

Красиве випадаюче меню

Ось приклад дуже красивого випадаючого меню. Випадає воно коли мишка заходить у тег “onmouseover”, який ви розміщаєте де вам буде зручно. Як ви вже напевне зрозуміли менюшка написана на CSS + JavaScript, але меню того варте. Провірено на Safari, Firefox, Opera, IE7.

Приклади

Приклад
Скачати (з офіційного сайту)

Оригінальне кругле меню

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

Приклад

Тепер качаєм приклад менюшки
А для тих, хто ще не здогадався - живий приклад вище:)

LavaLamp меню

І на останок ще одне дуже красиве меню на ваш сайт у стилі “LavaLamp”. Реалізована менюша на жаль на CSS та JavaScript, але дуже красиво та якісно. Але краще один раз побачити ніж 100 раз почути). Дивимся

Живий приклад

Дивимось ще одну демку цього меню
Скачати приклад меню

Примітка. Не у всіх браузрах ця сторінка буде видаватися корректно. Помилка переважно буде ставатися у браузерах IE 6, тож знесіть цей мастдай і поставте собі щось нормальне:) Провірялося на Opera i Mozilla FireFox

Всім доброго дня, чи то ночі. Розпочати свій блог я вирішив з статті, та якій стоять плоди нашої з вами роботи - сайти:) Стаття практично без потреби веб-майстрам зі стажем, адже така проблема вже напевне у них давно вирішена.

Для початку трошки “тошнотних” данних. Хостинг - це місце під сайт, на спеціальному серві, який завжди є підключений до інтернету. Принаймні так має бути:). В наш час практично всі сервери підключені широкополосним з’єднанням з інтернетом, тобто на швидкості 10 мбіт\сек і дальше. Хостинг поділяється на 4 основні типи:

• Віртуальний хостинг
• VDS
• Виділений сервер
• Кластер

Тепер давайте потихеньку розберемо що це таке і з чим то їсти:)

Віртуальний хостинг підходить невеликим сайтам, з не дуже великою відвідуваністю (в межах 2000 унікалів в день). Віртуальний хостинг буває двох типів: платний та безплатний. З платним я думаю все ясно: хостер надає послугу з розміщення сайту, переважно включаючи базу даних (MySQL) та PHР, адже майже всі сучасні скрипти вимагають ці сервіси. А ось з безплатним хостингом тут неоднозначно, адже не такий він вже і безплатний. Практично всі “безплатні” хостинги вимагають розташування їхньої реклами на ваших сайтах, таким чином з добре відвідуваного сайту заробляють набагато більше ніж могли б “стягнути” як плату за хостинг.

Приклади безплатних хостингів: narod.ru, ucoz.ru (раджу для новичків), ось список безплатних хостингів free-hosting.com.ua

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

VDS. Цей набір букв розшифровується як “Вітуальний Виділений Сервер”. Тепер на українській:) На сервері вам виділяють щось на подобі ще одного сервера, з встановленими ресурсами, своєю ОС та root доступом до вашої виділеної машини “машини”. Фактично це той же виділений сервер, тільки слабший та дешевший:) Оптимальний варіант для сайтів з великою відвідуваністю, для людей, які хочуть запустити IRC чат або створити всім відомий поштовик, адже практично всі віртуальні хостинги ці сервіси збороняють. Як то кажуть наші сусіди - росіяни “дешево и сердито”:)

Приклад: firstvds.ru

Виділений сервер. Ну тут я думаю всім зрозуміло що це таке. Ви орендуєте компютер (потужний зазвичай), який постійно підключений до інтернету. Використання можливе різне: від запуску сайтів, IRC чатів до створення свого хостингу. Потрібні переважно тільки хостерами (не всім, адже більшість куплять собі сервери, а не орендують їх) та мега порталах та сайтах на кшталт mail.ru, meta.ua

Прикладів на жаль не маю, бо на таке ще не заглядав)

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

Прикладів на жаль також немає:)

Надіюся що комусь допоміг:) До зустрічі, до наступних постів:)

Ось вирішив розпочати свій блог з такої, можна сказати, прикипівшої блогерам (українським) фразочки. Отож ПРИВІТ СВІТ!:)

Мене звати Василь, мені 16 років, я починаючий український веб-майстер зі Львова. На моєму рахунку вже досить багато сайтів, але частина, як їх називають бомжі “говносайти” про які я навіть говорити нехочу. Частина так і залишилась без уваги могутньої руки СЕО, і тому “потонули”. Є і нормальні, але про це розкажу якось пізніше. Я вже колись був створював блог, якщо це так назвати можна: просто начитався бомжів і вирішив створити їм подібний блог і стати українським інтернет бомжом:). Але не судилося Зараз я пишу цей блог, не щоб заробити грошей, ні-ні я не коплю на квартиру чи там машину, зовсім ні… Просто як я вже писав я - починаючий веб-майстер, тобто я веду до того, що щоденно знаходжу масу інформації по створенню сайтів, скриптів і тому подібному, і буду сюди все це викладати. Ще одна причина , мабуть навіть важливіша за попередню полягає в тому, що останнім часом до мене все більше і більше почало звертатися юних (можливо не за віком, а за стажем, хоча я себе не вважаю повноцінним веб-майстром, я тільки вчуся) веб-майстрів з проханнями типу “розкажи, покажи”, і тут я подумав: по Україні таких людей є досить багато, а наш УкрНет застоює… А вдруг і справді допоможу чимось…

Здається розказав про себе все що прийшло в голову… До наступного поста