Lokalizacja i Globalizacja na witrynie w Visual Web Developer 2008 (ASP.Net) Daniel Literski.

Prezentacja na temat: "Lokalizacja i Globalizacja na witrynie w Visual Web Developer 2008 (ASP.Net) Daniel Literski."— Zapis prezentacji:

1 Lokalizacja i Globalizacja na witrynie w Visual Web Developer 2008 (ASP.Net) Daniel Literski

2 Na początek tworzymy New Website i zapisujemy pod dowolną nazwą, w tym przypadku będzie to Lokaliz. Przechodzimy do widoku Design i z Toolboxa przeciągamy Button i trochę niżej Label

3 Następnie w Solution Explorer klikamy prawym przyciskiem myszy na główną lokalizacje naszego projektu w tym przypadku C:\...\Lokaliz\ i wybieramy opcje jak na obrazku poniżej

4 Po stworzeniu folderu LokalResources klikamy na niego prawym przyciskiem myszy i wybieramy Add New Item

5 Z dostępnych opcji wybieramy Resource File i zapisujemy pod nazwą Default.aspx.resx

6 Otworzy nam się okno, które uzupełniamy tak jak na rysunku (nadajemy wyświetlane nazwy dla przycisku i etykiety)

7 Analogicznie dodajemy jeszcze jeden Resource File i nazywamy go Default.aspx.en.resx, który uzupełniamy w innej wersji językowej w tym przypadku jest to angielski

8 Przechodzimy do widoku Source i dopisujemy kod tam gdzie kończy się definiowanie przycisku (linia 13): meta:resourcekey=Button1 i odpowiednio w etykiecie (linia 17): meta:resourcekey=Label1

9 W 1 lini przed znakiem %> wpisujemy: Culture=auto:pl-PL UICulture=auto

10 Z paska narzędzi standardowych przeciągnijmy jeszcze Calendar do naszego projektu

11 Nasza witryna wygląda następująco w zależności od tego jaki język ustawiony jest w opcjach przeglądarki

12 Aby stworzyć przyciski do przełączania języka na stronie użyjemy GlobalResources do którego można będzie się odwołać z każdej podstrony. Analogicznie jak przy LokalResources tworzymy folder jak na rysunku wybierając odpowiednie opcje

13 Jak poprzednio dodajemy New Item

14 Resource File zapisujemy pod nazwą Resource.resx

15 Uzupełniamy go jak na rysunku dzięki czemu zawsze będziemy mogli odwołać się do resource i on automatycznie zaadaptuje nasze ustawienia

16 Stwórzmy jeszcze jeden resource file i uzupełnijmy go w języku angielskim tak jak na rysunku poniżej

17 W widoku Source pod linią 11 (za ) wstawmy nagłówek (h2) i przeciągnijmy tam label. ID zmieniamy na Witaj tak jak wcześniej zapisaliśmy w naszym GlobalResource

18 Przechodzimy do widoku Design i we właściwościach naszej nowej etykiety wybieramy (expressions)

19 W lewym oknie wybieramy tekst w Expression type: Resources w ClassKey wpisujemy: resource i w ResourceKey wybieramy: Witaj

20 Następnie wykonujemy te same czynności na naszym przycisku z tym, że w oknie expression zmieniamy kolor przycisku tak jak widać na rysunku

21 Po uruchomieniu naszej witryny w odpowiednim języku efekt wygląda następująco

22 W Solution Explorer tworzymy nowy folder o nazwie obrazki i przeciągamy do niego wybraną grafikę

23 Do naszego projektu przeciągamy obok przycisku ImageButton. W jego właściwościach ustawiamy wysokość na 25px i szerokość na 40px

24 We właściwościach w ImageUrl wybieramy ścieżkę dostępu do odpowiedniego obrazka

25 Kolejnie ustalamy PostBackUrl w którym wybieramy nasz Default.aspx

26 I dopisujemy wyrażenie: ?Language=pl-PL PostBackUrl powinien wyglądać jak na rysunku

27 Możemy skopiować gotowy ImageButoon bądź stworzyć nowy dla drugiej wersji językowej pamiętając o wybraniu odpowiedniego adresu obrazka oraz PostBackUrl dla wersji angielskiej z końcówką ?Language=en-US

28 Klikamy prawym przyciskiem myszy w widoku Design i wybieramy View Code, gdyż musimy tam dopisać odpowiednią część kodu by nasze przyciski działały

29 Nasz kod który dopisujemy na rysunku poniżej zaczyna się od linii 21. Na samym początku w wpisujemy linii: 7 using System.Threading; 8 using System.Globalization;

30 W efekcie nasza strona wygląda następująca i zmienia swój język gdy wybierzemy odpowiednią flagę