70-562: Creating a Web Site and Adding New Web Pages

Artykuł pochodzi w serii przygotowań do egzaminu 70-562 ASP.NET.

Witajcie w moim pierwszym artykule, w nowej serii wpisów. Dziś troszkę podstaw. Powiemy o tworzeniu nowego projektu w Visual Studio, dodawaniu nowych stron itp.

Tworzenie strony internetowej

Visual Studio 2008 pozwala nam stworzyć projekt typu Web Site, z rozróżnieniem tego w jaki sposób chcemy mieć dostęp do zawartości strony. Możemy stworzyć projekt Web podłączony do systemu plików na naszym komputerze, na serwerze IIS lub FTP. Wybór odpowiedniej opcji zależy od tego w jaki sposób chcemy uruchomić, zarządzać i wdrażać nasz projekt WWW. Poniżej krótki opis tych opcji:

File System – pliki naszego projektu Web trzymamy w wybranym przez nas katalogu. Web Site używa wtedy lekkiego serwera ASP.NET, który dostarczany jest razem z Visual Studio. Ta opcja dobra jest wtedy, kiedy chcemy uruchomić i debugować nasz projekt Web lokalnie.

FTP – ta opcja przydatna jest wtedy, gdy chcemy łączyć się do naszej strony za pośrednictwem FTP w celu zarządzania plikami, na zdalnym serwerze.

HTTP – używany, kiedy pracujemy ze stroną umieszoną wewnątrz IIS (lokalnie bądź na zdalnym serwerze).

Tworzenie projektu Web Site

Poniżej opis tworzenia nowego projektu typu Web Site w Visual Studio:

1. W Visual Studio wchodzimy w File->New->Website. Spowoduje to otwarcie okienka jak na obrazku poniżej:

image

2. Wybieramy typ Web Site, ścieżkę w której chcemy zapisać oraz zostawiamy domyślny język.
3. Możemy wybrać również wersję frameworka, w której będziemy pisali naszą aplikację. Do wyboru mamy wersję 2.0, 3.0 oraz 3.5.
4. Naciskamy ok i cieszymy się nowo powstałym projektem :)

Jak pisałem wcześniej, podczas tworzenia nowego projektu możemy wybrać 3 opcję, o których pisałem wyżej: File System, FTP oraz HTTP. W zależności od tego, którą opcję wybierzemy, możemy być poproszeni o dodatkowe informację np. login i hasło do serwera.

Tworzenie projektu Web Application

Poza projektem typu Web Site, Visual studio dostarcza nam jeszcze jeden typ projektu, który stworzy nam stronę internetową. Ten typ to ASP .NET Web Application. Projekt tego typu jest użyteczny w momencie, gdy chcemy dodać aplikację do już istniejącego solution, które zawiera już inne projekty, bądź wtedy gdy chcemy nasz projekt traktować mniej jak typowa strona a bardziej jak standardowy projekt visual studio.

Plik solution w projekcie typu Web Site

W momencie utworzenia projektu Web site, Visual Studio tworzy “solution file” (.sln) oraz ukryty plik “solution user options” (.suo). Plik solution jest tekstowym plikiem, który zawiera informacje o:

  • liście projektów, które będą załadowane w Visual Studio i stworzą całe Solution
  • wersji frameworka, w której solution jest stworzone
  • domyślnym języku dla solution
  • liście zależnych projektów
  • kontroli źródła takiej jak Microsoft Visual SourceSafe
  • liście dodatków, które są dostepne

Plik .suo jest plikiem binarnym, który zawiera różne ustawienia użytkownika takich jak:

  • zadania użytkownika
  • Break pointy oraz ustawienia “watch’y”
  • położenie okien Visual Studio

     

Tworzenie stron ASPX

Po tym, jak utworzyliśmy nasz projekt, wypadałoby dodać do niego jakąś podstronę :) Aby to osiągnąć należy:

1.Kliknąć prawym przyciskiem na naszym projekcie i wybrać Add->New Item
2.Jako rodzaj nowego elementu wybieramy Web Form oraz domyślny język

image

 

 

Budowa strony ASPX

Strona w ASP.NET zawiera interfejs użytkownika, kod, który wykonuje się na serwerze oraz dyrektywy do łączenia interfejsu z kodem. Standardowa strona ASP.NET posiada rozszerzenie .ASPX i zawiera 3 sekcje:

  • Dyrektywy strony – ta sekcja używana jest do ustawiania środowiska oraz określa jak strona powinna być przetwarzana.
  • Kod – zawiera kod do obsługiwania zdarzeń, które wykonywane są na serwerze. Domyślnie Visual Studio tworzy oddzielny plik, który trzyma kod. Plik nazywany “Code-behind” jest dołączany do pliku .ASPX. Jego rozszerzenie do .cs bądź .vb.
  • Wygląd strony – pisany w htmlu. Zawiera tagi html, css, kontrolki, text itp.

Kompilacja strony

Większość aplikacji Web nie jest prekompilowana. Zamiast tego, strona i kod są kopiowane na serwer, i tam, przez niego, dynamicznie kompilowane.

Tagi: , ,