Створення веб-сторінок за допомогою webmatrix (частина 1 вступна)

Якщо ви студент або просто маєте зі Стратій до розробки, новітніми технологіями, любітне приймати нові виклики і вам хоче працювати з інноваційною технологією "перших рук" - то ви прийшли в потрібне місце!

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

Що це таке?

WebMatrix - це все, що потрібно для створення веб-сайтів з використанням Windows. Вона включає в себе IIS Developer Express (віртулаьний сервер веб-розробки), ASP.NET (веб-фреймворк) і SQL Server Compact (вбудована база даних). Він спрощує процес розробки веб-сайту і дозволяє легко запустити веб-сайт на основі одного з популярних додатків з вихідним кодом. Дані та код, отримані в результаті розробки на WebMatrix можуть бути безболісно переведені в Visual Studio і на SQL Server.

Чому вам слід використовувати це рішення?

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

Для кого це рішення?

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

Знайдіть хвилинку, щоб дізнатися, що відбудеться (які знання ви отримаєте в міру нашого просування):

Урок 1 - установка інструментів

У цій статті ми збираємося провести вас через процес установки необхідних інструментів, щоб почати створення веб-сторінок за допомогою WebMatrix.

Крок 1: Завантажте Web Platform Installer

WebPlatform Installer виступає в якості єдиного місця для отримання останніх компонентів веб-платформи Microsoft в тому числі:

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

Крок 2: Запустіть установку

Після установки, ви побачите cnhfybwe "Що нового?" (What's New) - там ви можете знайти докладну інформацію про всі наявні ресурси, які встановлюються за допомогою WPI (Web Platform Installer) (див. Зображення вище). Ви можете знайти більш детальну інформацію про кожному продукті, просто натиснувши на піктограму "i" поруч з його ім'ям.

Для цього уроку, виберіть "Приступаючи до роботи" (Getting Started), а потім натисніть кнопку "Встановити WebMatrix" (Install WebMatrix), щоб продовжити.

Крок 3: Завершення установки

Найкраще двічі перевірити вміст вашої установки - вона повинна виглядати як на малюнку нижче. Як тільки ви закінчите перевірку натисніть на кнопку "Я приймаю" (I Accept).

Крок 4: Готово!

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

Як тільки установка буде закінчена натисніть на кнопку "старт" (Launch) для запуску WebMatrix.

Що ми зробили тут?

Вітаю, ви встановили всі інструменти, які знадобляться для створення веб-сторінок з WebMatrix. Далі ми будемо будувати щось просте, але корисне - почнемо з "Hello World!" веб-сторінки. Будь ласка, слідкуйте за оновленнями!

Урок 2 - Hello WebMatrix!

У цьому уроці ми збираємося створити просту "Hello World!" веб-сторінку за допомогою WebMatrix.

Крок 1: Початок WebMatrix

Запустіть WebMatrix (Пуск> Всі програми> Microsoft WebMatrix).

Ви побачите іконки для "Швидкого старту". Є ряд речей, які ми можемо зробити тут - можна вибрати один з останніх сайтів, створити новий сайт з веб-галереї або шаблону, або, нарешті, відкрити сайт з папки. Тут ми збираємося використовувати шаблон, так що вибираємо "сайту з шаблону" (Site From Template).

У наступному вікні, переконайтеся, що варіант "Порожній сайт" вибирається зі списку доступних шаблонів.

Після того як ви зробили це, слід задати ім'я сайту. Відредагуйте "Ім'я вузла", використовуючи текстове поле, змінивши його на «Hello World». Потім натисніть на кнопку "ОК".

Крок 2: WebMatrix IDE

Подвійний клік на "index.cshtml" файл в меню зліва.

Крок 3: Написання найпростіших HTML

Змініть назви сайту на "Hello World!", А потім додати h1 пунктом для виведення "Hello World!" Повідомлення.

Повний приклад коду: