Веб-разработка 101: Часть 1, начинаем работать с WebMatrix


01.12.2011

Microsoft WebMatrix является бесплатным инструментом, который позволяет создавать, настраивать и публиковать веб-сайты в Интернете.

WebMatrix делает создание веб-сайтов более легким. Начинать можно с приложения с открытым исходным кодом таким, как WordPress, Joomla, DotNetNuke или Orchard. WebMatrix обработает задачу загрузки, установки и конфигурирования приложений за вас. Вы можете также написать код самостоятельно, используя диапазон встроенных шаблонов, которые помогут вам начать работать. Независимо от того, что вы выберете, WebMatrix обеспечивает весь функционал вашего веб-сайта, включая веб-сервер, базу данных и платформу. Используя тот же самый стек в самостоятельной разработке своего веб-узла, процесс создания веб-сайта безболезненный и доставит минимум беспокойства.

Вы можете скачать WebMatrix здесь http://web.ms/webmatrix.

Полное видео этой статьи можно посмотреть здесь: http://web.ms/webmatrix.

Использование инсталятора веб-платформы

С этого сайта вы сможете скачать Инсталятор веб-платформы Microsoft, бесплатный инструмент, который может использоваться для установки множества продуктов Microsoft, включая WebMatrix.

Когда вы запустите инсталятор веб-платформы Web, на экране отобразится:

Web Development 101: Part 1, Getting Started with WebMatrix

Чтобы запустить WebMatrix, нажмите ссылку Spotlight, расположенную сверху экрана, ссылку All или ссылку Products слева.

Нажмите кнопку Add, расположенную рядом с надписью WebMatrix, и затем нажмите кнопку Install внизу экрана. На экране отобразится запрос на принятие условий лицензирования WebMatrix и лицензии для любого из приложений, которые должны быть установлены. В зависимости от того, что установлено на вашей машине, вы увидите что-то подобное:

Веб-разработка 101: Часть 1, начинаем работать с WebMatrix

Если вы увидите другие необходимые условия, не волнуйтесь, двигайтесь вперед и нажимайте, «Я Согласен». Как только вы согласитесь с условиями лицензирования, WebMatrix начнет устанавку:

Веб-разработка 101: Часть 1, начинаем работать с WebMatrix

Как только WebMatrix установится, перед вами отобразится форма «Конфигурации», которая указывает на то, что у вас есть все необходимое, и вы готовы начать работать! Как говорилось ранее, вы можете увидеть список отличный от этого, и указывающий на то, что у вас были установлены различные необходимые приложения.

Запуск WebMatrix

WebMatrix доступен в стартовом меню каталога WebMatrix. Вот как это выглядит в Windows 7.

Веб-разработка 101: Часть 1, начинаем работать с WebMatrix

Нажмите на Microsoft WebMatrix, чтобы запустить WebMatrix. Перед вами отобразится приветствующее окно :

Web Development 101: Part 1, Getting Started with WebMatrix

Опции в приветстввующем экране поддерживают следующие способы создания веб-сайта:

Web Development 101: Part 1, Getting Started with WebMatrix

- Создание сайта из веб-галереи: Галерея веб-приложения (WAG) – это набор веб-приложений с открытым исходным кодом, написанных с использованием множества технологий, включая PHP и ASP.NET. Приложения в WAG дают большое преимущество: большое количество написанного за вас кода позволяет вам свободно использовать его на своем сайте. WebMatrix делает процесс загрузки, установки и конфигурирования этого кода более легким.

- Создание сайта из шаблона: Если вы предпочитаете писать свой собственный код, вместо того, чтобы использовать приложения с открытым исходным кодом из WAG, то эта опция дает вам отличный способ начать работать или с пустого веб-сайта, или с нескольких простых шаблонных сайтов, которые вы можете настроить и изменить.

- Создание сайта из папки: Если у вас уже есть набор веб-файлов, и вы хотите быстро отредактировать и запустить их на веб-сервере, то WebMatrix позволит сделать это, просто выбрав данную папку.

Создание вед сайтов с помощью WebMatrix

Существует два основных способа, которыми подобные вам разработчики создают веб-сайты. Первый способ – это использование веб-приложения с открытым исходным кодом (используя создание сайта из веб-галери), в котором сообщество людей выполнило большую тяжелую работу для вас. Возможно вы слышали о WordPress, Drupal, Joomla, Umbraco, DotNetNuke или Orchard? WebMatrix делает процесс загрузки их кода и конфигурирования вашего сервера для их выполнения простым и безшовным, независимо от технологии, на которой они написаны.

Второй способ предназанчен для самостоятельного написания кода (используется опция создания сайта из шаблона). WebMatrix поставляет с ASP.NET платформой веб-страниц, которая обеспечивает очень простой, но все же очень мощный способ создания динамических веб-сайтов, которые используют базы данных и могут интегрировать социальные платформы, медиа информацию и другое.

В этой серии статей вы изучите, как использовать ASP.NET веб-страницы и интегрированную платформу « Razor»и увидите, как легко создавать простой веб-сайт, содержащий базу данных ваших любимых фильмов. Вы найдете информацию о том, как заставить сайт работать со всеми браузерами, как создавать веб-страницы, как сделать страницы динамическими, представляя данные с базы данных, и о многом другом.



Примечание. Данная статья является первым уроком в целом цикле статей о веб-разработке 101. Я уже опубликовал ранее практически полностью другой цикл, посвящённый разработке сайтов с нуля для непрофессионалов на основе WebMatrix (состоящий из 6 уроков), однако данный подходя является более детальным с точки зрения описания интерфейсов Webmatrix и менее детальный с точки зрения описания языка и логики. Я постараюсь уделить меньше времени формальному коду и привести больше нетривиальных примеров. Так же я постараюсь, чтобы примеры не пересекались, благо образцов для создания учебных и тестовых программ из серии Hello World предостаточно – Издательство Питер в своё время снабдило меня учебниками, ещё когда студентом был… Многое из этого осело в голове и время от времени используется для обучения других.

Задойный А.В.

1 декабря 2011


Веб-разработка 101: Часть 1, начинаем работать с WebMatrix

<p>Microsoft WebMatrix является бесплатным инструментом, который позволяет создавать, настраивать и публиковать веб-сайты в Интернете.</p> <p style="text-align: justify; ">WebMatrix делает создание веб-сайтов более легким. Начинать можно с приложения с открытым исходным кодом таким, как WordPress, Joomla, DotNetNuke или Orchard. WebMatrix обработает задачу загрузки, установки и конфигурирования приложений за вас. Вы можете также написать код самостоятельно, используя диапазон встроенных шаблонов, которые помогут вам начать работать. Независимо от того, что вы выберете, WebMatrix обеспечивает весь функционал вашего веб-сайта, включая веб-сервер, базу данных и платформу. Используя тот же самый стек в самостоятельной разработке своего веб-узла, процесс создания веб-сайта безболезненный и доставит минимум беспокойства.</p> <p style="text-align: justify; ">Вы можете скачать WebMatrix здесь <i><font class="Apple-style-span" color="#0000ff">http://web.ms/webmatrix</font></i>.</p> <p style="text-align: justify; ">Полное видео этой статьи можно посмотреть здесь: <font class="Apple-style-span" color="#0000ff"><i>http://web.ms/webmatrix</i></font>. </p> <p style="text-align: justify; ">Использование инсталятора веб-платформы </p> <p style="text-align: justify; ">С этого сайта вы сможете скачать Инсталятор веб-платформы Microsoft, бесплатный инструмент, который может использоваться для установки множества продуктов Microsoft, включая WebMatrix.</p> <p style="text-align: justify; ">Когда вы запустите инсталятор веб-платформы Web, на экране отобразится:</p> <p style="text-align: justify; "><img src="/upload/medialibrary/fd1/fd10be3da1018c31ce6443484b8e8ecd.PNG" title="Web Development 101: Part 1, Getting Started with WebMatrix" border="0" alt="Web Development 101: Part 1, Getting Started with WebMatrix" width="780" height="540" /></p> <p style="text-align: justify; ">Чтобы запустить WebMatrix, нажмите ссылку Spotlight, расположенную сверху экрана, ссылку All или ссылку Products слева.</p> <p style="text-align: justify; ">Нажмите кнопку Add, расположенную рядом с надписью WebMatrix, и затем нажмите кнопку Install внизу экрана. На экране отобразится запрос на принятие условий лицензирования WebMatrix и лицензии для любого из приложений, которые должны быть установлены. В зависимости от того, что установлено на вашей машине, вы увидите что-то подобное:</p> <p style="text-align: justify; "><img src="/upload/medialibrary/12c/12c91679afd08c3dcf465cb303f7c703.PNG" title="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" border="0" alt="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" width="700" height="480" /></p> <p style="text-align: justify; ">Если вы увидите другие необходимые условия, не волнуйтесь, двигайтесь вперед и нажимайте, «Я Согласен». Как только вы согласитесь с условиями лицензирования, WebMatrix начнет устанавку:</p> <p style="text-align: justify; "><img src="/upload/medialibrary/5e5/5e5d5a92caf52b64cedf2b93bb4b6661.PNG" title="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" border="0" alt="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" width="700" height="480" /></p> <p style="text-align: justify; ">Как только WebMatrix установится, перед вами отобразится форма «Конфигурации», которая указывает на то, что у вас есть все необходимое, и вы готовы начать работать! Как говорилось ранее, вы можете увидеть список отличный от этого, и указывающий на то, что у вас были установлены различные необходимые приложения.</p> <p style="text-align: justify; ">Запуск WebMatrix </p> <p style="text-align: justify; ">WebMatrix доступен в стартовом меню каталога WebMatrix. Вот как это выглядит в Windows 7.</p> <p style="text-align: justify; "><img src="/upload/medialibrary/5e5/5e5d5a92caf52b64cedf2b93bb4b6661.PNG" title="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" border="0" alt="Веб-разработка 101: Часть 1, начинаем работать с WebMatrix" width="700" height="480" /></p> <p style="text-align: justify; ">Нажмите на Microsoft WebMatrix, чтобы запустить WebMatrix. Перед вами отобразится приветствующее окно : </p> <p style="text-align: justify; "><img src="/upload/medialibrary/228/228c2c50cf6f034a3b012f39fb9976fe.PNG" title="Web Development 101: Part 1, Getting Started with WebMatrix" border="0" alt="Web Development 101: Part 1, Getting Started with WebMatrix" width="513" height="626" /></p> <p style="text-align: justify; ">Опции в приветстввующем экране поддерживают следующие способы создания веб-сайта:</p> <p style="text-align: justify; "><img src="/upload/medialibrary/ceb/ceb98f79213a48e45fac21eaf6827eab.PNG" title="Web Development 101: Part 1, Getting Started with WebMatrix" border="0" alt="Web Development 101: Part 1, Getting Started with WebMatrix" width="938" height="688" /></p> <p style="text-align: justify; ">- <b>Создание сайта из веб-галереи</b>: Галерея веб-приложения (WAG) – это набор веб-приложений с открытым исходным кодом, написанных с использованием множества технологий, включая PHP и ASP.NET. Приложения в WAG дают большое преимущество: большое количество написанного за вас кода позволяет вам свободно использовать его на своем сайте. WebMatrix делает процесс загрузки, установки и конфигурирования этого кода более легким.</p> <p style="text-align: justify; ">- <b>Создание сайта из шаблона</b>: Если вы предпочитаете писать свой собственный код, вместо того, чтобы использовать приложения с открытым исходным кодом из WAG, то эта опция дает вам отличный способ начать работать или с пустого веб-сайта, или с нескольких простых шаблонных сайтов, которые вы можете настроить и изменить.</p> <p style="text-align: justify; ">- <b>Создание сайта из папки</b>: Если у вас уже есть набор веб-файлов, и вы хотите быстро отредактировать и запустить их на веб-сервере, то WebMatrix позволит сделать это, просто выбрав данную папку.</p> <p style="text-align: justify; ">Создание вед сайтов с помощью WebMatrix </p> <p style="text-align: justify; ">Существует два основных способа, которыми подобные вам разработчики создают веб-сайты. Первый способ – это использование веб-приложения с открытым исходным кодом (используя создание сайта из веб-галери), в котором сообщество людей выполнило большую тяжелую работу для вас. Возможно вы слышали о WordPress, Drupal, Joomla, Umbraco, DotNetNuke или Orchard? WebMatrix делает процесс загрузки их кода и конфигурирования вашего сервера для их выполнения простым и безшовным, независимо от технологии, на которой они написаны.</p> <p style="text-align: justify; ">Второй способ предназанчен для самостоятельного написания кода (используется опция создания сайта из шаблона). WebMatrix поставляет с ASP.NET платформой веб-страниц, которая обеспечивает очень простой, но все же очень мощный способ создания динамических веб-сайтов, которые используют базы данных и могут интегрировать социальные платформы, медиа информацию и другое.</p> <p style="text-align: justify; ">В этой серии статей вы изучите, как использовать ASP.NET веб-страницы и интегрированную платформу « Razor»и увидите, как легко создавать простой веб-сайт, содержащий базу данных ваших любимых фильмов. Вы найдете информацию о том, как заставить сайт работать со всеми браузерами, как создавать веб-страницы, как сделать страницы динамическими, представляя данные с базы данных, и о многом другом.</p> <p style="text-align: justify; "> <br /> </p> <p style="text-align: justify; "> <br /> </p> <p style="text-align: justify; "> <p><b>Примечание.</b> Данная статья является первым уроком в целом цикле статей о веб-разработке 101. Я уже опубликовал ранее практически полностью другой цикл, посвящённый <a href="/information/sozdanie_veb_stranits_s_pomoshchyu_webmatrix_chast_1_vvodnaya/" title="Создание Веб-страниц с помощью WebMatrix" >разработке сайтов с нуля для непрофессионалов на основе WebMatrix</a> (состоящий из 6 уроков), однако данный подходя является более детальным с точки зрения описания интерфейсов Webmatrix и менее детальный с точки зрения описания языка и логики. Я постараюсь уделить меньше времени формальному коду и привести больше нетривиальных примеров. Так же я постараюсь, чтобы примеры не пересекались, благо образцов для создания учебных и тестовых программ из серии Hello World предостаточно – Издательство Питер в своё время снабдило меня учебниками, ещё когда студентом был… Многое из этого осело в голове и время от времени используется для обучения других.</p> <p style="text-align: right; ">Задойный А.В.</p> <p style="text-align: right; ">1 декабря 2011</p> </p>

Возврат к списку

Яндекс.Метрика