http://edufuture.biz/index.php?action=history&feed=atom&title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D1%83%D0%BC%3A_%D0%95%D1%82%D0%B0%D0%BF%D0%B8_%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D1%96%D0%B2Практикум: Етапи створення веб-сайтів - История изменений2026-04-04T05:08:08ZИстория изменений этой страницы в викиMediaWiki 1.16.0http://edufuture.biz/index.php?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D1%83%D0%BC:_%D0%95%D1%82%D0%B0%D0%BF%D0%B8_%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D1%96%D0%B2&diff=211720&oldid=prevВикторияМора в 14:32, 28 декабря 20122012-12-28T14:32:47Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black;">Версия 14:32, 28 декабря 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Строка 41:</td>
<td colspan="2" class="diff-lineno">Строка 41:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br> '''''Надіслано вчителем-членом Гільдії Лідерів освіти Чебан'''''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br> '''''Надіслано вчителем-членом Гільдії Лідерів освіти Чебан'''''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Category:<del class="diffchange diffchange-inline">Теорія_хімічної_будови</del>._Практикуми,_лабораторні,_кейси]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Category:<ins class="diffchange diffchange-inline">Етапи_створення_веб-сайтів</ins>._Практикуми,_лабораторні,_кейси]]</div></td></tr>
<!-- diff cache key edufuturebiz-wiki_:diff:version:1.11a:oldid:211717:newid:211720 -->
</table>ВикторияМораhttp://edufuture.biz/index.php?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D1%83%D0%BC:_%D0%95%D1%82%D0%B0%D0%BF%D0%B8_%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D1%96%D0%B2&diff=211717&oldid=prevВикторияМора: Новая страница: «Практикум до предмету Інформатика, 8 клас '''''Тема: «'''''[...»2012-12-28T14:30:59Z<p>Новая страница: «Практикум до предмету <a href="/index.php?title=%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0" title="Інформатика">Інформатика</a>, <a href="/index.php?title=%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0_8_%D0%BA%D0%BB%D0%B0%D1%81" title="Інформатика 8 клас">8 клас</a> '''''Тема: «'''''[...»</p>
<p><b>Новая страница</b></p><div>Практикум до предмету [[Інформатика|Інформатика]], [[Інформатика_8_клас|8 клас]]<br />
<br />
'''''Тема: «'''''[[Етапи_створення_веб-сайтів|'''''Етапи створення веб-сайтів''''']]'''''»'''''<br />
<br />
<br>Процес створення сайту зазвичай включає декілька етапів:<br>- Проектування,<br>- Розробка дизайну,<br>- Верстка,<br>- Програмування,<br>- Тестування.<br><br>З одного боку, всі ці складові процесу обов'язково повинні бути присутніми, а з іншого - вони не завжди шикуються в такій послідовності.<br />
<br />
<br>Вони можуть протікати паралельно (особливо якщо над проектом працює група людей), можуть мінятися місцями (наприклад, якщо «движок» для сайту вже написаний як компонент попереднього проекту, і потрібна лише його доопрацювання для поточного проекту), а можуть постійно переплітатися, коли стиль розробки проекту такий, що проектування окремих фрагментів сайту відбувається вже під час роботи.<br />
<br />
<br>Строгих правил тут немає і не може бути.<br />
<br />
<br>Єдине правило, якого потрібно дотримуватися для того, щоб процес не затягувався і не доводилося переробляти вже майже закінчену роботу, полягає в тому, щоб тестування проходило не тільки в кінці, але і протягом всієї роботи.<br />
<br />
<br>При проектуванні потрібно орієнтуватися не тільки на свій смак (оскільки розробники зазвичай краще, ніж пересічні користувачі, орієнтуються в інтерфейсах, в інтернеті і у власних розробках), а радитися з потенційними відвідувачами майбутнього ресурсу - якщо, звичайно, майстерність не досягло такого рівня, коли розробник набагато краще користувача знає, що останньому потрібно.<br />
<br />
<br>Це найкраще тестування майбутнього проекту: показувати ескізи, радитися, приймати до відома всі зауваження (необов'язково все їх втілювати в життя).<br />
<br />
<br>Те ж саме з дизайном.<br />
<br />
<br>Типова помилка російських дизайнерів без великого досвіду - забувати про те, що зовнішній вигляд веб-сторінки є не тільки витвором мистецтва (і демонстрацією ступеня володіння фотошопом), але і інтерфейсом, службовцям для роботи з сайтом.<br />
<br />
<br />
<br />
[[Image:opciidekabrborodenko-70.jpg|center|450px]]<br />
<br />
Навпаки, західні веб-дизайнери (апологети Нільсена) роблять аскетичні веб-сторінки, в яких неможливо заплутатися, але з естетичної точки зору такі сайти виглядають шаблонно і непривабливо. Знайти золоту середину - завдання-максимум ще на етапі проектування.<br />
<br />
<br>Найбільша проблема при верстці сайту - написання такого коду, який давав би однаковий або максимально близький результат у всіх сучасних і застарілих браузерах в різних операційних системах, на різних моніторах з різним дозволом і за різних умов (відключені або включені активні сценарії, таблиці стилів, зображення і доповнення начебто Java або Flash).<br />
<br />
<br>У таких умовах тестування набуває особливої важливості. При програмуванні ж тести важливі в двох випадках: під час написання коду при «обкатці» його в умовах, наближених до реальних (на домашньому або тестовому сервері) і після розміщення проекту на робочому сервері.<br />
<br />
<br>Файли конфігурації (наприклад,. Htaccess на сервері Apache), змінні оточення, шляхи до файлів, робота модулів (наприклад, кількість перенаправлень в модулі mod rewrite) та інші нюанси можуть різнитися на тестовому і реальному серверах. Всі ці фактори роблять постійне тестування абсолютно необхідним.<br />
<br />
<br>Розглянемо, як може протікати процес створення сайту за умов, коли всі функції (дизайнер, кодер, програміст і т. п.) виконує один і той же чоловік.<br />
<br />
<br>Грамотне проектування визначає, скільки часу буде витрачено на створення сайту, переробку його під впливом замовника, порадників і здорового глузду, а також на редизайн та зміна структури надалі. Важливо уявити собі кожний з наступних процесів і зрозуміти, що і в якій послідовності потрібно робити.<br />
<br />
<br>Щоб створити дійсно цікавий і корисний сайт, необхідно добре розуміти механізми його створення.<br><br>'''1. Аналіз та проектування'''<br>Аналіз сильних і слабких сторін конкурентів, інформаційне проектування сайту, розробка його концепції, розуміння аудиторії на яку сайт розрахований.<br><br>Це перший і важливий етап, оскільки він визначає подальшу роботу над сайтом - дизайн, програмування, написання коду. Опис і аналіз кожного етапу проектування веб-сайту дозволяє оцінити його з різних позицій, - як користувачів, так і творців, що повинно зробити проект, що розробляється цікавим і зручним для цільової аудиторії, а авторам краще зрозуміти його призначення і структуру.<br><br>'''2. Написання контенту'''<br>Під контентом розуміється інформаційне наповнення сайту. Термін запозичений, але вже устоявся і застосовується для позначення вмісту сайту. З'явилися навіть похідні поєднання - контент-майстер, контент-проект.<br><br>Мабуть, написання вмісту один із найважчих моментів при створенні будь-якого ресурсу, але він і дуже важливий. Адже, що приваблює відвідувачів в першу чергу, змушує знову і знову повертатися на сайт? Звичайно, інформація. Саме написання вмісту слід приділити більшу увагу. Більшість розробників сайтів роблять типову помилку, спочатку малюючи дизайн, а потім вже починають думати, який би текст в нього впихнути. Дизайн лише допомагає краще орієнтуватися по сайту, направляючи і підвищуючи естетичне сприйняття від вмісту, але ні в якій мірі його не замінюючи.<br><br>'''3. Креатив'''<br>Теж запозичений термін для позначення візуальної складової сайту. Сюди входить розробка дизайну, графічних елементів, обробка графіки та все що з нею пов'язано. Попередньо робляться начерки на папері, щоб визначити найкращий варіант розташування типових елементів на сайті.<br><br>'''4. Написання коду'''<br>Створення веб-сторінок, програмування, написання функціональної частини. Процес вважається малотворческім, оскільки зазвичай йде просте забивання матеріалів по шаблонах, розробленим дизайнером.<br><br>'''5. Тестування'''<br>На цьому етапі перевіряється все: зручність навігації, цілісність даних, коректність посилань і орфографія. Краще, щоб тестування проводили не самі розробники сайту, а інші люди. У процесі роботи над сайтом наскільки до нього звикаєш, що навіть відверті ляпи не помічаються.<br><br>Багатьом відомо, що тестування будь-якої програми, в тому числі і сайту, розбивається на декілька етапів. Перший, званий альфа-версія - помилки ще помічаються самими розробниками. Коли розробники помилки перестають помічати, продукт перетворюється в бета-версію. Ось тоді і треба його передавати іншим людям на перевірку. Всі знайдені помилки і зауваження природно виправляються.<br><br>'''6. Публікація'''<br>Розміщення сайту в Інтернеті. Для публікації можна скористатися безкоштовним хостингом (www.narod.ru, www.boom.ru та ін), розміщувати сайт у провайдера або скористатися іншими можливостями.<br />
<br />
<br>'''7. Розкрутка'''<br>Рекламна компанія по пізнаванню сайту і підвищення його відвідуваності. Сюди входить реєстрація сайту в пошукових системах, обмін посиланнями, банерна реклама та ін<br><br>Розкрутка сайту важливо, оскільки про нього ніхто не дізнається, поки про це голосно, навіть не заявити, а крикнути на весь Інтернет: "Є такий сайт!".<br><br>'''8. Підтримка'''<br>Ще на етапі проектування необхідно задатися питанням, яким чином будуть додаватися нові розділи і матеріали, що буде відбуватися зі старими. Можливо, буде потрібно створення архіву новин, куди будуть потрапляти новини, які втратили свою актуальність. Ще більш важливим є постійне оновлення інформації на сайті. Наскільки часто буде відбуватися оновлення (рекомендується не рідше одного разу в 2 тижні), хто і як буде це робити. Як не грубо це звучить, але необхідно підгодовувати своїх читачів, щоб вони знову і знову заходили до вас на сайт. Як це робити залежить тільки від вас.<br><br>Наведені етапи є типовими при розробці сайтів будь-якої спрямованості - від освітніх ресурсів до інформаційних порталів. Короткий опис етапів створення сайту звичайно навряд чи навчить їх створювати. Але, сподіваюся, допоможе краще зрозуміти, як же насправді розробляються веб-сайти.<br><br />
<br />
<br> '''''Надіслано вчителем-членом Гільдії Лідерів освіти Чебан'''''<br />
<br />
[[Category:Теорія_хімічної_будови._Практикуми,_лабораторні,_кейси]]</div>ВикторияМора