Золотий переріз у сайтобудуванні

 

На практиці золотий переріз можна отримати геометричною побудовою або алгебраїчними прорахунками.

Геометричний підхід

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

Кажуть, що точка С створює золотий переріз відрізку АВ, якщо АС : СВ = СВ : АВ (мал. 1). Ми бачимо розділення відрізка на нерівні частини, при якому його більша частина відноситься до цілої, як менша — до більшої. Золотий переріз ще називають діленням відрізка крайньому і середньому відношенні. Читати далі

4 cервіси для перевірки мобільної версії сайту

З початком ери   мобільних пристроїв розробники виявилися перед вибором: чи залишати мобільні версії своїх сайтів поряд з «повноцінними», або сайти повинні стати адаптивними і самостійно підлаштовуватися під різні розміри екранів?

На поточний момент при побудові мобільних версій сайтів існують 3 основних способи їх побудови:

  • Адаптивний дизайн;
  • Окрема мобільна версія сайту;
  • RESS (Responsive Design + Server Side).

Для перевірки як сайт буде виглядати на тому чи іншому пристрої є ряд сервісів. Нижче приведено деякі з них:

1. https://www.google.com/webmasters/tools/mobile-friendly/ від компанії Google. Серввс аналізує чи зручно  переглядати сторінку на мобільних пристроях і підказати про оптимізацію для мобільних пристроїв і про те, як вона може вплинути на позицію сайту в результатах пошуку Google.

2. http://webmark.com.ua/mobile/ – даний сервіс допоможе Вам швидко скласти уявлення про те, як виглядає Ваш сайт на популярних мобільних пристроях. Звичайно, це не симулятор, і в точності оцінити справжній вид можна тільки використовуючи реальний девайс.

3. http://quirktools.com/screenfly/ – сервіс  дозволяє перевірити як виглядатиме ваш сайт на всіх популярних мобільних девайсах.

4. http://mobiletest.me/  – сервіс має зручний інтерфейс і дозволяє перевірити як виглядатиме ваш сайт на основних пристроях.

Анімація онлайн

Сайт http://preloaders.net/ для створення анімаційних картинок онлайн.

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

прапор

 

 

Фотоальбом ucoz з прев’юшками розділів

Суть завдання полягає в тому, щоб видозмінити стандартний укозівський фотоальбом. Для прикладу, нам потрібно  вивести на головну сторінку фотоальбому всі його категорії і в якості “превю” для кожної категорії встановити останню додану до неї фотографію. Це можна зробити таким чином: виводимо  категорії через інформер, а фотографії довантажємо  за допомогою javascript:

halereya

1. Створюємо інформер в панелі управління ucoz

s94251167

 

2. Заходимо в управління дизайном інформера і додаємо туди наступний код:

<div class=”с1″>  
<div class=”с2″>  
<a href=”$CATEGORY_URL$”>  
<span class=”с3″ id=”c$NUMBER$”><span class=”с4″></span></span>  
</a>  
</div>  
<div class=”с5″>  
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class=”с6″>$CATEGORY_DESCR$</div>  
</div>  
</div>   <script type=”text/javascript”> $(‘#c$NUMBER$’).load(‘$CATEGORY_URL$ .phtTdMain:first img’);</script>

 
3. В css копіюємо всі необхідні стилі:
.с1 {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:5px; margin-bottom:15px;}  
.с2 {float:left; width:100px;}  
.с4 {float:left; width:90px; height:67px;}  
.с5 {float:left; width:150px;}  
.с3 img {width:90px; height:67px; border-radius:3px;}  
.с6 {font-size:10px; color:#666; margin-top:5px;}
Розміри картинок прев’ю можна підігнати під ваші потреби.
Вимоги до веб-сайтів загальноосвітніх навчальних закладів

Контент:
– якість анонсування подій та новин навчального закладу;
– наявність умов вступу та навчання;
– інформація про педагогічний колектив;
– інформація для випускників;
– опис проектів, над якими працює навчальний заклад;
– опис навчальних предметів, розклад занять;
– наявність віртуальної бібліотеки та зручність користування нею;
– огляд додаткових послуг, які надає навчальний заклад (клубів, гуртків, студій тощо);
– наявність і доступність рубрики «контакти»;
– наявність адреси, карти проїзду;
– наявність інформації про дату створення сторінок.
Зручність:
– зручність елементів управління і меню, переходів, відкривання лінків;
– читабельність інформації, дотримання належного стилю її викладу;
– використання правильних заголовків та ключових слів;
– легкість пошуку інформації;
– простота і швидкість реєстрації у разі потреби;
– наявність карти сайту;
– інструменти зворотного зв’язку, наявність форумів, блогів тощо;
– можливість публікації коментарів під сторінками;
– наявність послуг поширення посилань (через мережу типу Twitter, Facebook, Delicious тощо);
– наявність версії сторінок «для друку»;
– можливість відправки сторінок через e-mail;
– можливість встановлення «ролей» для користувачів з наданням різних прав редагування сайту.
Динаміка:
– час створення сайту;
– динаміка оновлення інформації;
– активність на форумах, блогах;
– наявність механізмів підтримки спільноти користувачів сайту;
– наявність он-лайн зошитів;
– дизайн та технічні показники (оригінальність та творчий характер, інноваційність і креативність, простота, вишуканість дизайну);
– наочність і зрозумілість викладеної інформації;
– час і швидкість завантаження з сайту та додаткової інформації, що міститься в лінках;
– потреба завантажувати додаткове програмне забезпечення для перегляду певної інформації;
– грамотність викладу матеріалу;
– популярність.

Веб 2.0 в школі

1. Вступ.

2. Сутність терміна «Веб 2.0» та характеристика технологій.

3. Технічні особливості Веб 2.0.

4. Впровадження технологій Веб 2.0 у шкільне життя.

5.  Веб 2.0 на уроках інформатики.

6. Висновки.

7. Список використаної літератури.

 

1. Вступ

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

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

Виросли покоління, які просто не можна вчити по-старому, не вийде, хоч вчителі впевнені в зворотному. І щоб не “втрачати покоління”, треба навчитися працювати по-новому, створити нову школу, по суті, перейшовши до “Педагогіки 2.0 “, а саме:

 

–         перехід від середовища споживання та надання ресурсу до середовища в якому необхідно думати та спілкуватися;

–         зміст матеріалів, що підготовлені вчителем, в більшій мірі використовуються, чим читаються;

–         учень формує власний навчальний центр, відбираючи додатки для ефективної роботи;

–         простір для навчання немає меж

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

 

Скачати весь текст роботи

 

 

Що входить у вартість сайту

Якщо ви вирішили обзавестись сайтом для власного бізнесу  то  для початку треба  підрахувати у скільки вам обійдеться таке задоволення ? Давайте розберемося,  що входить у вартість сайту. У ціну сайту входить: домен та хостинг, верстка і програма управління вмістом (CMS), створення дизайну, наповнення та розкрутка у пошукових системах.

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

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

Щоб ваш сайт був не тільки популярним, але і рентабельним і приводив вам нових клієнтів, вам не достатньо сплатити відмінний хостинг і зробити красиву картинку. Його необхідно наповнити цікавою та унікальною інформацією. Бажано з презентаціями, інструкціями, а ще краще – відеоуроками. Над заповненням сайту необхідно працювати постійно, день у день . Якщо з якихось причин, Ви не можете самостійно забезпечити ресурс інформацією, то слід звернутися в спеціальні біржі контенту.

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

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

Джерело: http://kleynodsoft.com/news/cost_of_a_website.html 

Безкоштовні базові міні-курси по HTML, CSS.

html

Безкоштовні базові міні-курси по HTML, CSS, Доменах і  хостингу – це 87 уроків по сайтобудуванню. Початківцям вистачить на пару тижнів точно. А далі самі вирішуйте, робити сайти самим або використовувати готові CMS.
Ці міні-курси просто введуть вас в курс справи.

Посилання на торрент -файли  цих курсів:  http://rutracker.org/forum/viewtopic.php?t=3939139

Інформаційна ера

Інформаційна ера – (англ. Information Age, Digital Age, Computer Age, також відома як Ера комп’ютерів або інформаційна епоха (електронна епоха)) — концептуальна ідея про те, що сучасний вік буде характеризуватися широкими можливостями для окремих осіб вільно передавати/приймати інформацію і мати миттєвий доступ до знань, що було б важко або неможливо в попередні епохи розвитку людства.

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