Poniższy rysunek przedstawia interfejs programu Adobe Dreamweaver. Różne wersje programu mogą się różnić.

Przycisk wyboru układu
Przycisk wyboru rozszerzenia
Przycisk witryny
Przycisk wyboru interfejsu(przełącznik przestrzeni roboczej - 11 opcji do wyboru). Rysunek przedstawia klasyczny interfejs
Pasek menu (10 menu z listami poleceń)
Rząd zakładek (kategorii) - 9 zakładek dla różnych rodzajów pracy
pasek narzędzi... Pasek narzędzi zmienia się w zależności od wybranej zakładki (na rysunku - pasek narzędzi zakładki Tekst). Rząd zakładek (pozycja 6) i paski narzędzi (pozycja 7) razem tworzą „Panel Wstaw”
Linia otwartych dokumentów
Pasek narzędzi kodu
Numeracja linii kodu
Sekcja kodu (podczas dzielenia okna edycji na kod i projekt)
Pasek stanu (zastosowane tagi, szybkość ładowania strony, zastosowane kodowanie).
Grupa panelowa wyników (wyszukiwanie, odnośniki, sprawdzanie linków, raporty itp.)
Panele dokujące - może zawierać panele Pliki, Zasoby, Fragmenty kodu, Bazy danych, Style, Inspektor tagów, itp. Panele Docka są otwierane / usuwane z okna programu za pomocą menu Okno - Ukryj panele / Pokaż panele.
Sekcja projektowania (podczas dzielenia okna edycji na kod i projekt)

Podczas zmiany obszaru roboczego (przycisk 4) interfejs programu może różnić się od pokazanego na powyższym rysunku („Klasyczna” wersja interfejsu).

Okno edycji (okno dokumentu)

Okno edycji jest centralne dla okna programu.
Stronę w oknie edycji można otworzyć w trybie kodu, w trybie dzielenia kodu i trybie edycji wizualnej, w trybie projektowania lub w trybie podglądu na żywo (bardziej realny widok strony).

Interaktywny widok koduDostępne tylko podczas przeglądania dokumentu w widoku aktywnym i wyświetla rzeczywisty kod. Widok aktywnego kodu nie obsługuje edycji.

Paski narzędzi :

Standardowy pasek narzędzi (utwórz, otwórz, zapisz, wstaw itp.)

składniki

Baza danych

Zachowania serwerowe

Szybki edytor znaczników - używany, gdy chcesz szybko sprawdzić, wstawić lub zmienić znaczniki HTML bez zamykania widoku Projekt.

Pasek aplikacji W górnej części okna aplikacji znajduje się przełącznik obszaru roboczego, menu (tylko w systemie Windows) i inne elementy sterujące.

Selektor znaczników Umieszczony na pasku stanu. Pokazuje hierarchię tagów.

praca dyplomowa

1.1 Interfejs programu Dreamweaver

Potężne środowisko profesjonalne Dreamweaver ma wszystkie narzędzia potrzebne do generowania stron HTML o dowolnej złożoności i skali. Zapewnia tryb projektowania wizualnego (WYSIWYG lub What You See Is What You Get - „to, co widzisz, jest tym, co dostajesz”), bardzo przejrzysta praca z tekstem źródłowym dokumentów internetowych, ma wbudowaną obsługę dużych projektów sieciowych. Żaden z istniejących dziś redaktorów nie realizuje w pełni koncepcji WYSIWYG. Dreamweaver zbliżył się do deklarowanego ideału niż konkurenci. Bezpośrednia praca z kodami nie jest całkowicie wykluczona, ale ograniczona do rozsądnego minimum. Program ma nie tylko potężny arsenał narzędzi do projektowania wizualnego, ale jest również w stanie wyświetlać strony internetowe prawie jak wyspecjalizowane przeglądarki: Microsoft Internet Explorer lub Netscape Navigator.

Macromedia Dreamweaver MX to jeden z najpotężniejszych programów obsługujących wszystkie współczesne standardy internetowe i umożliwiający niezwykle łatwe wykonywanie nawet najbardziej złożonych zadań. Ponadto zawiera zaawansowany system podpowiedzi i interaktywnych lekcji, które pozwalają początkującemu szybko rozpocząć pracę.

Interfejs programu przeszedł zmiany w porównaniu z poprzednimi wersjami. Nowy styl znacznie ułatwia pracę z programem. Jeśli w poprzednich wersjach programu musiałeś ciągle przełączać się między oknami, teraz możesz pracować jednocześnie z kodem i końcowym widokiem strony, co znacznie ułatwia pracę.

Po załadowaniu programu Dreamweaver pojawia się okno startowe (rys. 1), w którym można wybrać typ nowego dokumentu do utworzenia (HTML, ColdFusion, PHP itp.) Lub utworzyć dokument przy użyciu gotowych próbek (arkusze stylów CSS, zestawy ramek itp.), A także otworzyć ostatnio używane dokumenty. Ponadto dostępne są łącza do zasobów online: witryna Dreamweaver MX Exchange, omówienie programu Dreamweaver MX oraz informacje pomocy dotyczące programu Dreamweaver MX.

Ryc.1. Okno startowe programu Dreamweaver MX

Przestrzeń robocza programu Dreamweaver zawiera następujące okna i panele:

okno dokumentu (Rys. 2), które umożliwia przeglądanie i edycję kodu dokumentu (Kod), podgląd wyglądu przyszłego dokumentu (Projekt) lub zarówno kodu, jak i wyglądu (Podziel). Możliwe jest również przeglądanie dokumentu w przeglądarce internetowej, sprawdzanie błędów itp.;

Ryc.2. Okno dokumentu

Standardowe menu rozwijane (Plik, Edycja, Widok, Wstaw, Modyfikuj, Tekst, Polecenia, Witryna, Okno, Pomoc) (Rys. 3);

Ryc.3. Standardowe menu rozwijane

Panel właściwości (rys. 4), który umożliwia zmianę i dodanie właściwości wybranego fragmentu kodu;

Ryc.4. Panel właściwości

Panel Wstaw (Rys. 5), w którym znajdują się następujące zakładki: Wspólne - wstawianie hiperłączy, tabel, obrazków, komentarzy itp. Oraz Wybór tagu; Układ - użyj komórek i tabel, aby rozłożyć dokument przed dodaniem treści; Formularze - dodaj różne rodzaje formularzy; Tekst - formatowanie tekstu i edytor znaczników czcionek; HTML - dodaj linię poziomą, elementy tabeli, ramki, właściwości nagłówka, skrypty; Aplikacja - praca ze strukturami informacyjnymi; Elementy Flash (elementy Flash) - dodaj filmy Flash, Ulubione (Ulubione) - możliwość dodania najczęściej używanych obiektów do osobnej zakładki.

Ryc.5. Wstaw panel

Grupa paneli: Projekt (zawiera style CSS), Kod (zawiera pomoc dotyczącą tagów, obiektów i funkcji różnych technologii), Aplikacja (zawiera informacje o bazach danych, komponentach itp.), Pliki (Menedżer plików) (Rys.6) ...

Ryc.6. Grupa paneli Projekt, kod, aplikacja, pliki

1. Informacje ogólne. PHP to język skryptowy po stronie serwera (język przetwarzania hipertekstu (HTML)), którego konstrukcje są wstawiane do tekstu HTML. Jego celem jest umożliwienie jak najszybszego tworzenia dynamicznie generowanych stron internetowych. PHP jest oprogramowaniem typu open source, co oznacza, że \u200b\u200bjest bezpłatne i umożliwia tworzenie własnych rozszerzeń językowych.

PHP jest najmłodszym, najbardziej obiecującym i najszybciej rozwijającym się językiem programowania w Internecie, udział jego wykorzystania w porównaniu z innymi językami szybko rośnie.

PHP pozwala oddzielić tekst HTML od części wykonywalnej, co może znacznie skrócić czas tworzenia projektu. W wielu przypadkach możliwe jest oddzielenie części programowej projektu od tworzenia stron HTML, co ułatwia zarówno projektantowi, jak i programistom.

2. Główne cechy.

kompatybilność z różnymi serwerami i platformami;

obsługa technologii COM, XML, Java, CORBA, WDDX, Macromedia Flash;

obsługa interakcji z różnymi usługami poprzez odpowiednie protokoły (LDAP, SNMP, IMAP, NNTP, POP3, HTTP itp.);

zaawansowana funkcjonalność do pracy z połączeniami sieciowymi;

dostępność funkcji do pracy z danymi tekstowymi w dowolnym formacie, w tym XML;

obsługa ponad 20 baz danych, zaawansowana funkcjonalność do pracy z nimi;

możliwość tworzenia pełnoprawnych aplikacji obiektowych;

stosunkowo prosta składnia i łatwość użycia;

wolny;

otwartość kodu, dzięki której możesz tworzyć własne rozszerzenia językowe.

3. Składnia. Skrypty PHP są osadzane w kodzie HTML za pomocą otwierającego tagu... Specjalne tagi tego rodzaju umożliwiają przełączanie się między trybami HTML i PHP. Program PHP to zestaw poleceń (instrukcji). Procesor programu musi w jakiś sposób odróżniać jedno polecenie od drugiego. W tym celu używane są znaki specjalne - separatory. W PHP instrukcje są rozdzielane w taki sam sposób, jak w C czy Perlu - każde wyrażenie kończy się średnikiem.

Tag zamykający? \u003e oznacza również koniec instrukcji, więc nie używaj przed nim średnika.

Często przy pisaniu programów konieczne staje się wprowadzenie jakichkolwiek komentarzy do kodu, które nie wpływają na sam kod, a jedynie go wyjaśniają. PHP obsługuje kilka rodzajów komentarzy: styl C, C ++ i powłoka Unix. Symbole // i # oznaczają początek jednowierszowych komentarzy, / * i * / - odpowiednio początek i koniec wielowierszowych komentarzy.

4. Zmienne i stałe. Ważnym elementem każdego języka są zmienne, stałe i operatory zastosowane do tych zmiennych i stałych.

Zmienne. Zmienna w PHP jest oznaczona znakiem dolara, po którym następuje jej nazwa (na przykład: $ my_var). W nazwie zmiennej rozróżniana jest wielkość liter, tj. zmienne $ my_var i $ My_var są różne.

Nazwy zmiennych podlegają tym samym regułom, co inne nazwy w PHP: poprawna nazwa zmiennej musi zaczynać się od litery lub podkreślenia, po której następuje dowolna liczba liter, cyfr lub podkreśleń.

W PHP 3 zmiennym zawsze przypisywano wartość. Oznacza to, że gdy przypisujesz wyrażenie do zmiennej, wszystkie wartości oryginalnego wyrażenia są kopiowane do tej zmiennej. PHP 4 oferuje również inny sposób przypisywania wartości do zmiennych: przypisanie przez odniesienie. Aby przypisać wartość zmiennej przez odniesienie, wartość ta musi mieć nazwę, tj. musi być reprezentowana przez zmienną. Aby wskazać, że wartość jednej zmiennej jest przypisana do innej zmiennej przez odniesienie, należy poprzedzić nazwę pierwszej zmiennej ampersandem &.

Stałe. Do przechowywania stałych wartości, tj. takie wartości, których wartość nie zmienia się podczas wykonywania skryptu, są używane jako stałe. Tymi wartościami mogą być stałe matematyczne, hasła, ścieżki do plików itp. Główna różnica między stałą a zmienną polega na tym, że nie można jej przypisać wartości więcej niż jeden raz, a jej wartości nie można anulować po zadeklarowaniu. Ponadto stała nie ma przedrostka w postaci znaku dolara i nie można jej określić za pomocą prostego przypisania wartości. Aby zdefiniować stałą, istnieje specjalna funkcja define (). Jego składnia jest następująca:

define ("Constant_name", "Constant_value", [Case_insensitive])

Domyślnie w nazwach stałych rozróżniana jest wielkość liter. Istnieje konwencja, że \u200b\u200bnazwy stałe są zawsze pisane wielkimi literami. Wartość stałej można uzyskać, podając jej nazwę. W przeciwieństwie do zmiennych nie ma potrzeby poprzedzania nazwy stałej znakiem $. Alternatywnie, aby uzyskać wartość stałej, można użyć funkcji constant () z nazwą stałej jako parametrem.

Oprócz zmiennych zadeklarowanych przez użytkownika, PHP posiada szereg stałych, które są definiowane przez samego interpretera. Na przykład stała FILE przechowuje nazwę pliku programu (i ścieżkę do niego), który jest aktualnie wykonywany, FUNCTION zawiera nazwę funkcji, CLASS to nazwa klasy, PHP_VERSION to wersja interpretera PHP.

5. Struktury kontrolne. Struktury sterujące w PHP są reprezentowane przez instrukcje warunkowe, pętle, instrukcje kontroli transferu i instrukcje włączenia.

Operatory warunkowe:

jeśli. Jest to jeden z najważniejszych operatorów w wielu językach, w tym w PHP. Umożliwia wykonywanie fragmentów kodu na podstawie warunku. Struktura operatora: if (wyrażenie) Execution_block;

jeszcze. Instrukcja else rozszerza if w przypadku, gdy testowane wyrażenie w if jest niepoprawne i pozwala wykonać jakąś akcję w takich warunkach. Struktura operatora: if (wyrażenie) exec_block else exec_block1;

elseif. Inny sposób na rozszerzenie warunkowej instrukcji if. elseif jest połączeniem else i if. Podobnie jak w innym przypadku, rozszerza, jeśli wykonuje różne działania w przypadku, gdy warunek testowany w if zawiedzie. Ale w przeciwieństwie do innych czynności alternatywne zostaną wykonane tylko wtedy, gdy warunek elseif jest prawdziwy. Struktura operatora:

if (wyrażenie) execute_block elseif (wyrażenie1) execute_block1 ...

else execute_block N

przełącznik. Kolejna konstrukcja, która pozwala sprawdzić stan i w zależności od niego wykonać różne czynności. W zależności od wartości zmiennej, przełączaj między różnymi blokami akcji. przełącznik jest bardzo podobny do instrukcji if ... elseif ... else lub zestawu instrukcji if. Struktura operatora:

przełącznik (wyrażenie lub zmienna) (wartość przypadku1: blok_działania1 przerwa;

wartość przypadku2: action_block2 break;

default_action_block)

podczas. Prosta pętla, która mówi PHP, aby wykonywał polecenia execute_block, dopóki wyrażenie nie uzyska wartości True. Wartość wyrażenia jest sprawdzana za każdym razem na początku pętli, dzięki czemu nawet jeśli jej wartość ulegnie zmianie podczas wykonywania Execution_block, pętla nie zatrzyma się do końca iteracji (tj. Do momentu wykonania wszystkich komend z Execution_block). Struktura pętli: while (wyrażenie) (Execution_block);

zrób ... chwilę. Jest to bardzo podobne do pętli while, z tą tylko różnicą, że prawdziwość wyrażenia jest sprawdzana na końcu pętli, a nie na początku. Gwarantuje to, że pętla do ... while zostanie wykonana przynajmniej raz. Struktura pętli: do (Execution_block) while (expression);

dla. Struktura pętli: for (wyrażenie1; wyrażenie2; wyrażenie3) (blok_wykonania)

dla każdego. Zaprojektowany wyłącznie do pracy z tablicami. Struktura: foreach (tablica $ jako wartość $) (blok_wykonania).

Operatorzy transferu kontrolnego:

przerwa. Kończy wykonywanie bieżącej pętli, może być użyty z argumentem numerycznym, który mówi, ile struktur kontrolnych zawierających ją należy zakończyć;

kontyntynuj. Umożliwia pominięcie dalszych instrukcji z Execution_block dowolnego cyklu i kontynuowanie wykonywania od nowego koła.

Operatory włączenia:

zawierać. Umożliwia zawarcie kodu zawartego w określonym pliku i wykonanie go tyle razy, ile program napotka tę instrukcję. Uwzględnienie można przeprowadzić na jeden z następujących sposobów: dołącz nazwę pliku; dołącz $ file_name; include ("nazwa pliku");

wymagać. Działa w taki sam sposób, jak włączanie. Główna różnica między wymaganiami require i include polega na tym, jak reagują na błąd: include wyświetla ostrzeżenie, a skrypt kontynuuje pracę; błąd w require powoduje fatalny błąd w skrypcie i przerywa jego wykonywanie.

6. Przetwarzanie wniosków. Formularze. Każde żądanie klienta do serwera musi rozpoczynać się od określonej metody. Metoda informuje o celu żądania klienta. Protokół HTTP obsługuje wiele metod, ale tylko trzy są używane: POST, GET i HEAD. Metoda GET pozwala uzyskać dowolne dane identyfikowane przez adres URL w żądaniu zasobu. Jeżeli adres URL wskazuje na program, to zwracany jest wynik działania programu, a nie jego tekst (chyba że tekst jest oczywiście wynikiem jego pracy). Dodatkowe informacje wymagane do przetworzenia żądania są osadzone w samym żądaniu (na pasku stanu). Podczas korzystania z metody GET rzeczywiste żądane informacje są zwracane w polu treści zasobu (na przykład tekst dokumentu HTML).

Metoda HEAD jest podobna do metody GET, z tą różnicą, że nie zwraca treści zasobu i nie ma warunkowego odpowiednika. Metoda HEAD służy do uzyskiwania informacji o zasobie. Może to być przydatne np. Przy rozwiązywaniu problemu testowania linków hipertekstowych.

Metoda POST służy do przesyłania informacji takich jak adnotacje zasobów, wiadomości i wiadomości e-mail, dane, które mają być dodane do bazy danych na serwer, tj. przekazywać informacje o dużej objętości i wystarczająco ważne. W przeciwieństwie do metod GET i HEAD, treść zasobu jest przekazywana w POST, czyli informacjach otrzymanych z pól formularza lub innych źródeł wejściowych.

Formularze służą do otrzymywania informacji od użytkownika. Możesz wpisać w nich tekst lub wybrać z listy odpowiednie opcje. Dane zapisane w formularzu przesyłane są do przetworzenia do specjalnego programu (np. Skryptu PHP) na serwerze. W zależności od danych wprowadzonych przez użytkownika program ten może generować różne strony internetowe, wysyłać zapytania do bazy danych, uruchamiać różne aplikacje itp.

Istnieje specjalna tablica - $ _REQUEST do dostępu do zmiennych przekazywanych za pomocą żądań HTTP. Zawiera dane przekazywane metodami POST i GET, a także przez pliki cookie HTTP. Jest to superglobalna tablica asocjacyjna, tj. jego wartości można uzyskać w dowolnym miejscu programu, używając jako klucza nazwy odpowiedniej zmiennej (elementu formularza).

Podajmy przykład użycia tablic $ _POST i $ _GET. Powiedzmy, że musimy przetworzyć formularz zawierający elementy wejściowe o nazwach first_name, last_name, kurs. Dane zostały przesłane metodą POST i nie chcemy przetwarzać danych przesłanych innymi metodami. Można to zrobić w następujący sposób:

$ str. \u003d "Wybrałeś naukę na kursie".

$ _POST ["kurs"];

Następnie na ekranie przeglądarki, jeśli wpisaliśmy imię „Iwan”, nazwisko „Pietrow” i spośród wszystkich kursów wybraliśmy kurs PHP, zobaczymy komunikat:

Cześć Iwan Pietrow! Zdecydowałeś się studiować kurs PHP

7. Funkcje. W programowaniu, podobnie jak w matematyce, funkcja jest odwzorowaniem ze zbioru jej argumentów na zbiór jej wartości. Oznacza to, że funkcja dla każdego zestawu wartości argumentów zwraca pewne wartości, które są wynikiem jej działania.

Każda funkcja może mieć, jak powiedzieliśmy, listę argumentów. Za pomocą tych argumentów do funkcji przekazywane są różne informacje (na przykład wartość liczby, której silnia ma zostać obliczona). Każdy argument jest zmienną lub stałą.

Możesz przekazać dane do funkcji za pomocą argumentów na trzy różne sposoby. Jest to przekazywanie argumentów przez wartość (używane domyślnie), przez odniesienie i ustawienie domyślnej wartości argumentów.

Gdy argument jest przekazywany do funkcji według wartości, zmiana wartości argumentu wewnątrz funkcji nie wpływa na jego wartość poza funkcją. Aby umożliwić funkcji zmianę jej argumentów, należy je przekazać przez odwołanie. Aby to zrobić, przed nazwą argumentu wpisz znak „&” w definicji funkcji.

W PHP jest kilka wbudowanych funkcji: echo (), print (), date (), include. Wszystkie oprócz date () są konstrukcjami językowymi. Są zawarte w rdzeniu PHP i nie wymagają żadnej dodatkowej konfiguracji ani modułów. Funkcja date () jest również częścią rdzenia PHP i nie wymaga konfiguracji. Ale są też funkcje, dla których trzeba zainstalować różne biblioteki i podłączyć odpowiedni moduł. Na przykład, aby korzystać z funkcji do pracy z bazą danych MySql, musisz skompilować PHP z obsługą tego rozszerzenia. Ostatnio najpopularniejsze rozszerzenia i odpowiednio ich funkcje są początkowo zawarte w PHP, dzięki czemu można z nimi pracować bez dodatkowych ustawień interpretera.

8. Klasy i przedmioty. Obiekt to zmienna strukturalna zawierająca wszystkie informacje o obiekcie fizycznym lub koncepcji zaimplementowanej w programie, klasa to opis takich obiektów i czynności, które można na nich wykonać.

Klasa jest definiowana przy użyciu następującej składni:

class Class_name (var $ property_name;

/ * lista właściwości * / function nazwa_metody () (/ * definicja metody * /) / * lista metod * /)

Nazwa klasy musi być zgodna z regułami nazywania obiektów w PHP, ale istnieje wiele nazw, które są zarezerwowane przez programistów do własnych celów. Są to głównie nazwy zaczynające się od podkreślenia „_”. Nie możesz używać takich nazw do tworzenia klas i funkcji. Ponadto nazwa stdClass jest zarezerwowana, ponieważ jest używana wewnętrznie przez silnik PHP.

Zmienna o wymaganym typie jest tworzona z klasy przy użyciu operatora new. Po utworzeniu obiektu możemy zastosować do niego wszystkie metody i uzyskać wszystkie właściwości zdefiniowane w opisie klasy. Aby to zrobić, użyj następującej składni: $ nazwa_obiektu-\u003e nazwa_właściwości lub $ nazwa_obiektu-\u003e nazwa_metody (lista argumentów). Nie poprzedzaj właściwości ani metody znakiem $.

// utwórz obiekt $ art echo ($ art -\u003e title);

// wyświetl nazwę obiektu $ art $ another_art \u003d nowe artykuły;

// utwórz obiekt $ another_art $ another_art-\u003e show_article ();

// wywołanie metody renderowania obiektu w przeglądarce? \u003e

Każdy z obiektów klasy ma te same właściwości i metody. Tak więc obiekt $ art i obiekt $ another_art mają właściwości title, opis, autor i metody Article (), show_article (). Ale to są dwa różne obiekty. Wyobraźmy sobie obiekt jako katalog w systemie plików i jego charakterystykę jako pliki w tym katalogu. Oczywiście każdy katalog może zawierać te same pliki, niemniej jednak są one uważane za różne, ponieważ są przechowywane w różnych katalogach. Podobnie właściwości i metody są uważane za różne, jeśli są stosowane do różnych obiektów. Aby pobrać żądany plik z katalogu najwyższego poziomu, zapisujemy pełną ścieżkę do tego pliku. Pracując z klasami musisz podać pełną nazwę funkcji, którą chcemy wywołać. Katalog najwyższego poziomu w PHP to globalna przestrzeń zmiennych, a ścieżka jest określana przy użyciu separatora -\u003e. Zatem nazwy $ art-\u003e title i $ another_art-\u003e title oznaczają dwie różne zmienne.

9. Praca z plikami. PHP nie ma funkcji służącej do tworzenia plików. Większość funkcji działa z wcześniej istniejącymi plikami w systemie plików serwera. Aby utworzyć najpopularniejszy plik, musisz użyć funkcji, która otwiera plik lokalny lub zdalny. Ta funkcja nazywa się fopen (). Łączy dany plik z przepływem sterowania programem. Co więcej, powiązanie różni się w zależności od tego, co chcemy zrobić z tym plikiem: przeczytaj go, zapisz do niego dane lub wykonaj jedno i drugie. Składnia tej funkcji to:

zasób fopen (nazwa_pliku, typ_dostępu [, ścieżka_używania_używania])

W rezultacie funkcja zwraca wskaźnik (typu zasobu) do otwartego pliku. Następujące parametry są przekazywane jako parametry do tej funkcji: nazwa pliku do otwarcia, typ dostępu do pliku (określony przez to, co z nim zrobimy) i ewentualnie parametr, który określa, czy szukać określonego pliku w include_path.

Wartości akceptowane przez parametr access_type:

r - otwiera plik tylko do odczytu; ustawia wskaźnik pozycji pliku na początek pliku.

r + - otwiera plik do czytania i pisania; ustawia wskaźnik pliku na początek.

w - otwiera plik tylko do zapisu; ustawia wskaźnik pliku na początek i obcina plik do zerowej długości. Jeśli plik nie istnieje, próbuje go utworzyć.

w + - otwiera plik do czytania i pisania; ustawia wskaźnik pliku na początek i obcina plik do zerowej długości. Jeśli plik nie istnieje, próbuje go utworzyć.

a - otwiera plik tylko do zapisu; ustawia wskaźnik pliku na koniec pliku. Jeśli plik nie istnieje, próbuje go utworzyć.

a + - otwiera plik do czytania i pisania; ustawia wskaźnik pliku na koniec pliku. Jeśli plik nie istnieje, próbuje go utworzyć.

x - tworzy i otwiera plik tylko do zapisu; umieszcza wskaźnik pliku na początku. Jeśli plik już istnieje, fopen () zwraca false i generowane jest ostrzeżenie. Jeśli plik nie istnieje, podejmowana jest próba jego utworzenia. Ten typ dostępu jest obsługiwany od PHP 4.3.2 i działa tylko z plikami lokalnymi.

x + - tworzy i otwiera plik do odczytu i zapisu; umieszcza wskaźnik pliku na początku. Jeśli plik już istnieje, fopen () zwraca false i generowane jest ostrzeżenie. Jeśli plik nie istnieje, podejmowana jest próba jego utworzenia. Ten typ dostępu jest obsługiwany od PHP 4.3.2 i działa tylko z plikami lokalnymi.

Po wykonaniu niezbędnych czynności z plikiem, czy to odczyt, czy zapis danych, czy coś innego, połączenie nawiązane z tym plikiem za pomocą funkcji fopen () musi zostać zamknięte. Aby to zrobić, użyj funkcji fclose (). Jego składnia jest następująca:

fclose (wskaźnik do pliku)

Aby zapisać dane do pliku, do którego ma dostęp funkcja fopen (), możesz użyć funkcji fwrite (). Jego składnia jest następująca:

int fwrite (wskaźnik pliku, ciąg [, długość])

Ta funkcja zapisuje zawartość łańcucha do pliku wskazywanego przez wskaźnik pliku. Jeśli określono opcjonalną długość argumentu, rejestracja kończy się po zapisaniu liczby znaków równej wartości tego argumentu lub po osiągnięciu końca wiersza.

Załóżmy, że w naszym katalogu roboczym nie ma pliku my_file.html. Utwórzmy go i napiszmy do niego wiersz tekstu:

$ text \u003d "Napiszemy ten tekst do pliku";

if (fwrite ($ h, $ text)) echo "Zapis powiódł się";

else echo "Wystąpił błąd podczas zapisywania danych";

W wyniku działania tego skryptu w przeglądarce pojawi się komunikat informujący, że nagranie się powiodło, aw pliku my_file.html pojawi się wiersz „Ten tekst zostanie zapisany do pliku”. Gdyby ten plik istniał przed wykonaniem tego skryptu, wszystkie zawarte w nim dane zostałyby usunięte.

Jeśli chcemy odczytać dane z istniejącego pliku, samo fopen () nie wystarczy. Zwraca tylko wskaźnik do otwartego pliku, ale nie czyta ani jednej linii z tego pliku. Dlatego w celu odczytania danych z pliku należy skorzystać z jednej ze specjalnych funkcji: file, readfile, fread, fgets itp.

Funkcja fread odczytuje dane z pliku. Może być również używany do odczytu danych z plików binarnych bez obawy o uszkodzenie. Składnia Fread ():

string fread (wskaźnik pliku, długość)

W rezultacie funkcja fread () zwraca łańcuch z informacjami odczytanymi z pliku.

string fgets (wskaźnik pliku [, długość])

W rezultacie funkcja fgets () zwraca ciąg o długości (długość minus 1) bajtów z pliku wskazywanego przez wskaźnik pliku. Odczyt kończy się, gdy odczytywane są znaki (długość minus 1) i napotkany jest nowy wiersz lub koniec pliku.

Funkcja readfile () odczytuje plik, którego nazwa została mu przekazana jako parametr filename i wyświetla jego zawartość na ekranie.

Składnia:

int readfile (nazwa pliku [, use_include_path])

Funkcja file () służy do wczytywania informacji z pliku do zmiennej tablicowej. Jego składnia jest taka sama, jak w przypadku funkcji readfile (), z tą różnicą, że jako wynik zwraca tablicę:

plik tablicy (nazwa pliku [, ścieżka_uwzględnienia_używania])

Aby usunąć plik za pomocą PHP, musisz użyć funkcji unlink (). Składnię tej funkcji można opisać następująco: bool unlink (nazwa pliku)

Potężne środowisko profesjonalne Dreamweaver ma wszystkie narzędzia potrzebne do generowania stron HTML o dowolnej złożoności i skali. Zapewnia tryb projektowania wizualnego (WYSIWYG lub What You See Is What You Get - „to, co widzisz, jest tym, co dostajesz”), ma bardzo przejrzystą pracę z tekstem źródłowym dokumentów internetowych, ma wbudowaną obsługę dużych projektów sieciowych. Żaden z istniejących dziś redaktorów nie realizuje w pełni koncepcji WYSIWYG. Dreamweaver zbliżył się do deklarowanego ideału niż konkurenci. Bezpośrednia praca z kodami nie jest całkowicie wykluczona, ale ograniczona do rozsądnego minimum. Program ma nie tylko potężny arsenał narzędzi do projektowania wizualnego, ale jest również w stanie wyświetlać strony internetowe prawie jak wyspecjalizowane przeglądarki: Microsoft Internet Explorer lub Netscape Navigator.

Macromedia Dreamweaver MX to jeden z najpotężniejszych programów, obsługujący wszystkie współczesne standardy internetowe i niezwykle łatwy w wykonywaniu nawet najbardziej złożonych zadań. Ponadto zawiera zaawansowany system podpowiedzi i interaktywnych lekcji, które pozwalają początkującemu szybko rozpocząć pracę.

Po załadowaniu programu Dreamweaver pojawia się okno startowe (rysunek 1), w którym można wybrać typ nowego dokumentu do utworzenia (HTML, ColdFusion, PHP itp.) Lub utworzyć dokument na podstawie gotowych próbek (arkusze stylów CSS, zestawy ramek itp.), A także otworzyć niedawno używane dokumenty. Ponadto dostępne są łącza do zasobów online: witryna Dreamweaver MX Exchange, przegląd programu Dreamweaver MX i informacje pomocy dotyczące programu Dreamweaver MX.

Postać: 1.

Przestrzeń robocza programu Dreamweaver zawiera następujące okna i panele:

· Okno dokumentu (Rys. 2), które pozwala na przeglądanie i edycję kodu dokumentu (Kod), przeglądanie wyglądu przyszłego dokumentu (Projekt) lub zarówno kodu jak i wyglądu (Podziel). Możliwe jest również przeglądanie dokumentu w przeglądarce internetowej, sprawdzanie błędów itp.;

Postać: 2.

· Standardowe menu rozwijane (Plik, Edycja, Widok, Wstaw, Modyfikuj, Tekst, Polecenia, Witryna, Okno, Pomoc) (Rys. 3);

Postać: 3. Standardowe menu rozwijane

· Panel Właściwości (Rys. 4), który umożliwia zmianę i dodanie właściwości wybranego fragmentu kodu;

Postać: 4.

· Panel Wstaw (Rys. 5), który zawiera następujące zakładki: Wspólne - wstawianie hiperłączy, tabel, obrazków, komentarzy itp. Oraz Wybór znaczników; Układ - użyj komórek i tabel, aby rozłożyć dokument przed dodaniem treści; Formularze - dodaj różne rodzaje formularzy; Tekst - formatowanie tekstu i edytor znaczników czcionek; HTML - dodaj linię poziomą, elementy tabeli, ramki, właściwości nagłówka, skrypty; Aplikacja - praca ze strukturami informacyjnymi; Elementy Flash (elementy Flash) - dodaj filmy Flash, Ulubione (Ulubione) - możliwość dodania najczęściej używanych obiektów do osobnej zakładki.

Postać: pięć.

Postać: 6. Grupa paneli Projekt, kod, aplikacja, pliki

Nie jest tajemnicą, że w konkurencji między ręcznym kodowaniem a korzystaniem z usług Adobe Dreamweaver ten ostatni od dawna wygrywa. Ten wygodny pod każdym względem edytor upraszcza życie każdego webmastera, oszczędzając mu czas i wysiłek. To, co jest zapisane w zwykłym notatniku w pół godziny, można w tym edytorze zrobić dosłownie w pięć minut. I, co najważniejsze, w tym przypadku takie obraźliwe błędy w kodzie są całkowicie wykluczone, których należy szukać i korygować. Bez względu na to, czy chodzi o prosty układ strony, czy programowanie w PHP, Dreamweaver zawsze przyjdzie z pomocą. I oczywiście nie ma wątpliwości, że proces pracy z nim będzie nie tylko wygodniejszy, ale także łatwiejszy. W rzeczywistości Dreamweaver wykona część pracy za użytkownika, uwalniając go od konieczności posiadania wiedzy w określonej dziedzinie technologii internetowych. Co może być łatwiejsze? Program jest zrozumiały dla każdego i można go opanować dosłownie w kilka tygodni. Ten artykuł pomoże początkującym użytkownikom jeszcze szybciej zrozumieć podstawy pracy z programem Adobe Dreamweaver na przykładzie najnowszej dostępnej obecnie wersji 9.0. Należy od razu zauważyć, że edytor ma wbudowaną szczegółową pomoc w języku angielskim, opowiadającą o wszystkich aspektach jego użytkowania. Oczywiście ten artykuł nie może w żaden sposób dotyczyć ich wszystkich. Ale pomoc ma jedną wielką wadę - nadmierną ilość informacji. Aby zrozumieć podstawy, potrzeba dużo czasu. Spróbujemy naprawić tę usterkę.

Berło

Wygląd programu jest dość prosty. Tymczasem przestrzeń robocza jest bardzo przemyślana, co zapewnia jej efektywne wykorzystanie. Interfejs programu Adobe Dreamweaver składa się z kilku elementów, które można konwencjonalnie podzielić na pięć grup. Pierwszym jest menu główne, które znajduje się w stałym miejscu w górnej części okna programu. Zawiera kilka zakładek: Plik, Edytuj, Widok, Wstaw, Edytuj, Tekst, Polecenia, Witryna internetowa, Okno i Pomoc. Najważniejsze dla użytkownika są zakładki „Plik” i „Edycja”, ponieważ nie są one powielane przez żadne inne menu i są często używane. Te zakładki są typowe dla wszystkich programów, dlatego nie będziemy się nad nimi rozwodzić. Pozostałe zakładki w menu głównym nie są zbyt istotne, gdyż są częściowo lub całkowicie powielane przez inne elementy interfejsu lub po prostu rzadko używane. Następna grupa to menu Wstaw, które zasadniczo jest paskiem narzędzi programu Dreamweaver. Można go przenieść do dowolnej części okna programu, ale najlepiej pozostawić go w pierwotnej pozycji w menu głównym. Ten element interfejsu można zwinąć, aby powiększyć obszar roboczy. Panel „Wstaw” zawiera kilka zakładek podzielonych według typu danych. Zakładka „Ogólne” zawiera najczęściej używane elementy: hiperłącza, obrazki, tabele itp. Zakładka ta jest najczęściej używana. Inne karty obejmują panel Układ (praca ze Spry, Tabelami i Ramkami), Kształty, Dane, Spry, Tekst i Ulubione. Zakładka „Tekst” jest częściowo dublowana przez inne elementy interfejsu, a zakładka „Ulubione” umożliwia użytkownikowi stworzenie własnego menu.

Bardzo przydatna grupa zakładek "Style CSS", w których można tworzyć nowe style i edytować stare

Po prawej stronie obszaru roboczego programu znajduje się okno z różnymi grupami paneli (łącznie mogą być cztery grupy). Nie można go przenieść w inne miejsce, ale można go ukryć lub zamknąć. Każdą grupę zakładek w tym panelu można zwinąć lub zamknąć. Po rozszerzeniu panel jest raczej nieporęczny i znacznie zmniejsza rozmiar obszaru roboczego. Ta część interfejsu ma charakter pomocniczy i pozwala na wykonanie niektórych czynności bez otwierania dodatkowych okien. Na przykład grupa zakładek „Style CSS” jest bardzo przydatna, gdzie można tworzyć nowe style i edytować stare, a także zarządzać różnymi właściwościami stylów. Kolejna grupa zakładek „Inspektor tagów” \u200b\u200bpozwala na zarządzanie aktualnie wybranym tagiem: przeglądanie jego właściwości i dodawanie nowych lub zmianę starych parametrów. Pozostałe dwie grupy, Pliki i Dziennik, są używane znacznie rzadziej. Pierwsza służy do kontroli zasobów lokalnych i sieciowych oraz innych operacji, a druga pełni rolę dziennika wykonanych operacji. W razie potrzeby użytkownik może cofnąć działania, wracając do jednego lub drugiego punktu. Niestety, nie można selektywnie cofać działań.

W obszarze roboczym znajduje się kolejna grupa - „Właściwości”. Wyświetla wszystkie ustawienia dostępne dla elementów projektu. Panel ten można również zminimalizować lub zamknąć, dodatkowo poprzez dwukrotne kliknięcie w wolną strefę panelu można go zmniejszyć (dodatkowe opcje zostaną ukryte). „Właściwości” powielają funkcje innych elementów interfejsu i są bardzo ważne, ponieważ pozwalają na formatowanie różnych elementów witryny. Zawartość tego panelu zmienia się w zależności od wybranej treści. W prawie wszystkich przypadkach można określić wyrównanie (trzy pozycje dla typów danych nietekstowych i cztery dla typów tekstowych). Jeśli zaznaczysz tekst w panelu Właściwości, możesz ustawić styl CSS (i stworzyć nowy dosłownie w locie), wybrać format tekstu, przekonwertować tekst na listę i wstawić łącze w wybranym miejscu. W przypadku grafiki dostępne są ustawienia rozmiaru, wcięć, hiperłączy, obramowań itp. Podczas pracy z tabelami możliwe staje się ustawienie różnych ustawień liczby kolumn i komórek, obramowań, wcięć i kolorów. Panel ten jest również używany podczas pracy z wieloma innymi elementami serwisu.

Ostatnią grupą komponentów interfejsu programu Dreamweaver jest przestrzeń robocza. Ma również strukturę zakładek. W programie możesz otworzyć jednocześnie kilka dokumentów, między którymi możesz się swobodnie poruszać. Obszar roboczy zawiera również kilka narzędzi. Górny panel „Dokument” pozwala na przełączanie pomiędzy kilkoma trybami: kodowania i projektowania. Ponadto, jeśli to możliwe, pozwala kontrolować sposób wyświetlania dokumentu w przeglądarce. W razie potrzeby panel ten można przenieść w dowolne miejsce w oknie roboczym programu. Dolny panel umożliwia przełączanie trybów kursora, sterowanie zoomem. Ponadto zawiera informacje o dokumencie (rozmiar, rozdzielczość itp.) Oraz drzewo hierarchii tagów. Ta ostatnia to lista wszystkich tagów nadrzędnych dla tego. Na tej liście możesz przejść w górę poziomu do tagu body.

Praca z dokumentem.

W trybie „kodu” możliwa jest bezpośrednia edycja dokumentu, podobnie jak w „Notatniku”.

Przede wszystkim, aby stworzyć stronę, musisz ustawić jej podstawowe ustawienia. Odbywa się to za pośrednictwem menu „Zmień -\u003e Właściwości strony” („gorący” klawisz Ctrl + J) lub menu kontekstowego. W wyświetlonym oknie możesz ustawić domyślną czcionkę tekstu i łączy, nadać stronie tytuł, zdefiniować jej kodowanie, a także ustawić śledzący obraz tła. Nawiasem mówiąc, nazwę witryny można również ustawić w panelu „Dokument”. Pozostałe parametry strony możesz ustawić ręcznie lub za pomocą „Inspektora znaczników”, wybierając znacznik body. Często początkujący webmaster potrzebuje tylko parametrów background i bgcolor (odpowiednio obraz w tle i kolor tła). Aby utworzyć metatagi, musisz przełączyć się do trybu „Kod”, klikając odpowiednią zakładkę w panelu „Dokument”. W tym trybie dostępna jest bezpośrednia edycja dokumentów, podobna do pracy w Notatniku. Jednak Dreamweaver ma również tutaj swoje zalety. Dla wygody wszystkie wiersze w kodzie są ponumerowane, a same tagi są powiązane ze wszystkimi panelami programu, tak jak w trybie „Projekt” (aka Projekt). W zależności od typu tagów są one podświetlane różnymi kolorami, co powoduje rozbicie monotonnych fragmentów kodu, ułatwiając identyfikację. Dodatkowo podczas edycji kodu obok kursora pojawia się małe menu z listą możliwych opcji. Pozycje z listy można wybierać za pomocą klawiatury lub myszki, po czym są one automatycznie podstawiane do kodu, co znacznie przyspiesza układ dokumentu. Na przykład, aby wstawić obraz do dokumentu, wystarczy wpisać otwierający nawias „kątowy”, wybrać znacznik img z wyświetlonej listy (aby uprościć wyszukiwanie, można wpisać literę „i” - program automatycznie odfiltruje wszystkie inne tagi zaczynające się na tę literę), a następnie wstawić spację, wybierz parametr src z menu, które się ponownie pojawi, a następnie kliknij przycisk przeglądania, który się pojawi, co spowoduje otwarcie okna do wyszukania żądanego obrazu. Jednak znacznie łatwiej i szybciej można wstawiać obrazy za pomocą menu „Wstaw”. Dotyczy to również tabel. Po dodaniu tabeli do dokumentu za pomocą menu, pojawia się okno z ustawieniami liczby kolumn i komórek, odstępów, marginesów, szerokości itp. Wszystkie te ustawienia, a także kilka innych, można zmienić po utworzeniu tabeli za pomocą panelu "Właściwości". Dodatkowo możesz również zmienić parametry komórek, wybierając je w obszarze roboczym (w trybie „Kod” wystarczy umieścić kursor w żądanym tagu). Równie przydatna jest funkcja zmiany rozmiaru tabeli, kolumn i komórek za pomocą myszy. Aby to zrobić, przytrzymaj kursor na krawędzi, a następnie przeciągnij ją w wybranym kierunku. Nawiasem mówiąc, aby usunąć element z dokumentu, wystarczy go zaznaczyć i nacisnąć klawisz Delete na klawiaturze. Aby przenieść dowolny element (na przykład wstawić tekst do tabeli), należy go również zaznaczyć i przeciągnąć z przytrzymanym kursorem.

Równie skutecznym narzędziem w programie Adobe Dreamweaver jest menu kontekstowe. Dubluje główne polecenia i elementy interfejsu, które zdaniem twórców wymagają szybkiego dostępu. Tutaj możesz ustawić właściwości wybranego elementu, w tym CSS, ustawienia wyrównania i formatowania. Ponadto za pomocą menu kontekstowego możesz zarządzać tagami, dodawać komentarze (zwane również notatkami programisty), a nawet przejść do ustawień strony. Nawiasem mówiąc, aby szybko zmienić kod wybranego elementu, wystarczy otworzyć menu kontekstowe i wybrać element Szybki edytor znaczników. Jednak do wstawiania różnych elementów niezbędny jest panel „Wstaw” oraz zakładka o tej samej nazwie w menu głównym. Wszystkie pozycje dostępne do wstawienia są klasyfikowane i podzielone na grupy. Jeśli żądanego elementu nadal nie ma na liście, można skorzystać z funkcji „Tag ...” („gorący” klawisz Ctrl + E). W wyświetlonym oknie pojawi się pełna lista dostępnych tagów, podzielonych na grupy. Co więcej, możliwe są nie tylko tagi HTML, ale także ASP, PHP itp.

Formatowanie tekstu jest nie mniej wygodne. Poprzez różne paski narzędzi i menu można zmieniać wyrównanie tekstu, dodawać wcięcia, tworzyć listy numerowane lub regularne, ustawiać rozmiary, czcionkę i kolor itp. Ponadto, co ważne, wszystkie parametry związane z wyglądem tekstu są powiązane z CSS. Użytkownik zmieniając parametry czcionki tworzy nowe style CSS (program automatycznie wprowadzi je do dokumentu). Z jednej strony jest to wygodne, ponieważ uwalnia Cię od konieczności wykonywania za każdym razem tych samych czynności z podobnymi fragmentami tekstu, z drugiej strony nie jest zbyt dobre, ponieważ użytkownik może się pomylić z tworzonymi stylami. Oczywiście CSS jest jednak znacznie wygodniejszy niż powielanie tagów (takich jak czcionka), ponieważ oszczędza czas webmastera i zmniejsza ostateczny rozmiar dokumentu.

Drobiazg

Oczywiście wszystkie powyższe funkcje edytora są bardzo przydatne, ale dotyczą przede wszystkim układu strony HTML, czyli tworzenia najprostszych witryn. Ale Adobe Dreamweaver umożliwia także obsługę innych typów dokumentów. Program obsługuje skrypt Action, skrypt Java, XML, ASP.NET, JSP, PHP, skrypty, a nawet zwykły dokument tekstowy. To prawda, cel tego ostatniego nie jest do końca jasny (pod tym względem Dreamweaver jest wyraźnie gorszy od Notatnika pod względem zużytych zasobów i szybkości ładowania). Oczywiście automatyczne tagowanie i przeglądanie wizualne będą dostępne tylko dla dokumentów obsługujących HTML. Ale w każdym typie dokumentu podświetlenie kodu pozostanie.

Ważną zaletą programu są przygotowane układy. Podczas tworzenia nowego dokumentu dostępny jest również zestaw szablonów. Zawiera różnorodne strony, od standardowych ramek po różne arkusze stylów, a nawet układy projektów. Twórcy programu stworzyli kilkadziesiąt różnych szablonów, które mogą być przydatne w różnych sytuacjach, np. Do tworzenia witryn prezentacyjnych przy ograniczonych zasobach i czasie. Podczas korzystania z gotowych zasobów pojawi się okno „Zarządzaj witrynami”, w którym można dodać nową witrynę, edytować, poprawiać, a także importować i eksportować istniejącą. Podczas tworzenia strony pojawi się formularz z ustawieniami, w którym w kilku etapach konieczne będzie ustawienie kilku parametrów: nazwa i adres, ustawienia połączenia ze zdalnym serwerem itp. Ta procedura jest częścią kolejnej użytecznej (ale nie na żądanie zwykłych użytkowników) funkcji lokalnej i zdalnej zarządzanie witryną. Do takich operacji wybiera się osobną zakładkę w menu głównym - „Serwis”. W nim możesz wywołać okno zarządzania witryną, sprawdzić linki, wykonać szereg innych operacji. Najciekawsza dla zwykłego użytkownika w tym menu jest funkcja „Raporty”. Pozwala przeskanować witrynę pod kątem różnych błędów. Wyniki testu są wyświetlane w osobnym panelu z kilkoma zakładkami. W jednym z nich możesz sprawdzić niedziałające linki, w drugim - pod kątem błędów w kodzie. Na przykład na jednej ze stron, które wziąłem, brakowało wielu atrybutów alt i niektórych nie do końca poprawnych elementów. Poza tym za pomocą „Raportów” możesz sprawdzić kod pod kątem zgodności z przeglądarkami. Jeśli jednak cały kod został napisany w całości za pomocą programu Dreamweaver, to obszary problemowe nie zostaną znalezione, chociaż w rzeczywistości w rzadkich przypadkach kod napisany przez edytor nie wygląda tak, jak byśmy chcieli w przeglądarkach. Wszystkie wyniki testów można zapisać w osobnym pliku.

Jak więc widzimy, Adobe Dreamweaver to potężne narzędzie do tworzenia, modyfikowania i zarządzania witrynami, które jest przydatne zarówno dla początkującego webmastera, jak i doświadczonego użytkownika zajmującego się programowaniem w językach Java, PHP itp. Dzięki Dreamweaver możesz wykonać ogromne liczba operacji, dla których wymaganych jest kilka programów jednocześnie bez tego edytora.

FEDERALNA AGENCJA EDUKACJI

Państwowa instytucja edukacyjna

wyższe wykształcenie zawodowe

„Państwowy Instytut Pedagogiczny im. Głazowa

nazwany na cześć V.G. Korolenko ”

Wydział Technologii Społecznych i Informacyjnych

Katedra Informatyki

Końcowa praca kwalifikacyjna

Tworzenie dynamicznych witryn za pomocą środków Dreamweaver

Wykonane

uczeń grupy 951 O.A. Bogdanova

Kierownik pracy,

starszy wykładowca

katedra Informatyki D.A. Gorbushin

Glazov 2007

Wprowadzenie

Rozdział I. Interfejs środowiska Dreamweaver. Przegląd popularnych technologii internetowych do tworzenia dynamicznych witryn

1.1 Interfejs programu Dreamweaver

Rozdział I Wnioski

Rozdział II. Metodologia wyboru optymalnego narzędzia programistycznego

2.1 Wyróżnianie kryteriów porównywania popularnych technologii internetowych

Rozdział II Wnioski

Rozdział III. Tworzenie dynamicznych stron internetowych w oparciu o różne technologie przy użyciu programu Dreamweaver

3.1 Notatnik oparty na PHP

3.2 Cennik elektroniczny oparty na XML

3.3 Test ASP

Wnioski do rozdziału III

Wniosek

Lista bibliograficzna

Wprowadzenie

WorldWideWeb - globalna sieć komputerowa - zawiera dziś miliony witryn zawierających wszelkiego rodzaju informacje. Ludzie uzyskują dostęp do tych informacji za pomocą technologii internetowej. Do poruszania się po sieci WWW wykorzystywane są specjalne programy - przeglądarki internetowe, które znacznie ułatwiają podróżowanie po nieskończonych przestrzeniach WWW.Wszystkie informacje w przeglądarce internetowej wyświetlane są w postaci stron WWW, które są głównym elementem bajtów WWW.

Można wyróżnić następujące klasyfikacje dokumentów internetowych: jeśli to możliwe, zmiany treści i struktury - statyczne (pracochłonne i uciążliwe aktualizacje) oraz dynamiczne (prostsze i szybsze aktualizacje); poprzez obecność informacji zwrotnej - pasywne (użytkownik może tylko przeglądać informacje) i aktywne (użytkownik może wymieniać dane z serwerem, uczestniczyć w interaktywnym dialogu). W tym artykule interesują nas aktywne dynamiczne dokumenty internetowe.

Zbudowanie wysokiej jakości strony internetowej nie jest łatwe i wymaga nie tylko umiejętności projektanta, ale także doświadczenia w programowaniu. Istnieją specjalne programy ułatwiające te zadania. Najbardziej znanym i skutecznym narzędziem do tworzenia stron internetowych jest produkt firmy Macromedia - DreamweaverMX. Jest to potężne środowisko do projektowania, tworzenia i administrowania profesjonalnymi witrynami internetowymi i aplikacjami. Dreamweaver MX umożliwia tworzenie witryn w oparciu o różne technologie internetowe: HTML, XHTML, XML, ColdFusion, ASP, ASP.net, JSP i PHP.

cel, powód naszej pracy - badanie możliwości wykorzystania programu Dreamweaver do wdrażania technologii internetowych: ASP, PHP i XML w tworzeniu dynamicznych serwisów internetowych.

Hipoteza opiera się na założeniu, że wykorzystanie jednego zintegrowanego środowiska programistycznego, w którym możliwa jest implementacja różnych technologii internetowych, optymalizuje proces budowania dynamicznych witryn.

Obiekt praca - technologie rozwoju dynamicznych witryn.

Rzecz prace - metody budowania dynamicznych serwisów za pomocą programu Dreamweaver.

Aby zbudować witrynę, napisać dla niej skrypty, możesz użyć edytorów tekstu, ręcznie wpisywać kod, specjalnych aplikacji do implementacji określonych technologii (na przykład Rapid PHP Editor), programów do tworzenia stron internetowych (na przykład FrontPage). Ale tylko środowisko Dreamweaver umożliwia tworzenie dynamicznych dokumentów internetowych, które spełniają międzynarodowe standardy, integrację kodu programu z kodem HTML i używanie kilku technologii naraz do tworzenia jednego dokumentu. Dlatego praca poświęcona tworzeniu dynamicznych serwisów za pomocą programu Dreamweaver jest rzeczywisty .

Nowość tej pracy polega na tym, że rozważano technologię tworzenia dynamicznych witryn w oparciu o różne technologie w ramach jednego narzędzia.

Cel, hipoteza, przedmiot i przedmiot determinują następujące kwestie zadania :

przegląd i przestudiowanie literatury dotyczącej badanego problemu;

wprowadzenie do technologii ASP, PHP i XML w programie Dreamweaver;

podkreślanie kryteriów porównywania technologii;

przygotowanie metodologii analizy zastosowanych problemów w celu doboru optymalnej technologii ich realizacji;

zastosowanie opracowanej metodyki w rozwiązywaniu konkretnych problemów aplikacyjnych.

Nasza praca składa się ze wstępu, trzech rozdziałów, konkluzji oraz listy piśmiennictwa.

Naukowe i teoretyczne znaczenie badań. W pracy nakreślono teoretyczne podstawy budowy witryny za pomocą różnych technologii wdrożonych w ramach jednego narzędzia.

Praktyczne znaczenie badania. Opracowana metodologia pozwoli w łatwy i trafny sposób dobrać optymalną technologię podczas tworzenia strony internetowej.

Następujące osoby są przedkładane do obrony zaprowiantowanie :

wykorzystanie różnych technologii w ramach jednego narzędzia jest racjonalne i skuteczne;

nawet w ramach jednego narzędzia istotny jest wybór technologii, która daje najlepsze rezultaty.

Rozdział I. Interfejs środowiska Dreamweaver. Przegląd popularnych technologii internetowych do tworzenia dynamicznych witryn

1.1 Interfejs programu Dreamweaver

Potężne środowisko profesjonalne Dreamweaver ma wszystkie narzędzia potrzebne do generowania stron HTML o dowolnej złożoności i skali. Zapewnia tryb projektowania wizualnego (WYSIWYG lub WhatYouSeeIsWhatYouGet - „to, co widzisz, jest tym, co dostajesz”), ma bardzo przejrzystą pracę z tekstem źródłowym dokumentów internetowych, ma wbudowaną obsługę dużych projektów sieciowych. Żaden z istniejących dziś redaktorów nie realizuje w pełni koncepcji WYSIWYG. Dreamweaver zbliżył się do deklarowanego ideału niż konkurenci. Bezpośrednia praca z kodami nie jest całkowicie wykluczona, ale ograniczona do rozsądnego minimum. Program ma nie tylko potężny arsenał narzędzi do projektowania wizualnego, ale jest również w stanie wyświetlać strony internetowe prawie jak wyspecjalizowane przeglądarki: MicrosoftInternetExplorer lub NetscapeNavigator.

Po załadowaniu programu Dreamweaver pojawia się okno startowe (rys. 1), w którym można wybrać typ nowego dokumentu do utworzenia (HTML, ColdFusion, PHP itp.) Lub utworzyć dokument na podstawie gotowych próbek (CSSStyleSheets, Framesets itp.), A także otworzyć ostatnio używane dokumenty ... Ponadto dostępne są łącza do zasobów online: witryna Dreamweaver MX Exchange, przegląd programu Dreamweaver MX i informacje pomocy dotyczące programu Dreamweaver MX.

Ryc.1. Okno startowe programu Dreamweaver MX

Przestrzeń robocza programu Dreamweaver zawiera następujące okna i panele:

Ryc.2. Okno dokumentu

Standardowe menu rozwijane (Plik, Edycja, Widok, Wstaw, Modyfikuj, Tekst, Polecenia, Witryna, Okno, Pomoc) (Rys. 3);

Ryc.3. Standardowe menu rozwijane

Panel właściwości (rys. 4), który umożliwia zmianę i dodanie właściwości wybranego fragmentu kodu;

Ryc.4. Panel właściwości

Panel Wstaw (Rys. 5), który zawiera następujące zakładki: Wspólne - wstaw hiperłącza, tabele, obrazki, komentarze itp. Oraz TagChooser (Wybierz tag); Układ - użyj komórek i tabel, aby rozłożyć dokument przed dodaniem treści; Formularze - dodaj różne rodzaje formularzy; Text - formatowanie tekstu i FontTagEditor; HTML - dodaj linię poziomą, elementy tabeli, ramki, właściwości nagłówka, skrypty; Aplikacja - praca ze strukturami informacyjnymi; Flashelements (elementy Flash) - dodawanie filmów Flash, Ulubione (Ulubione) - możliwość dodania najczęściej używanych obiektów do osobnej zakładki.

Ryc.5. Wstaw panel

Ryc.6. Grupa paneli Projekt, kod, aplikacja, pliki

1.2 PHP

1. Informacje ogólne. PHP to język skryptów serwera (język przetwarzania hipertekstu (HTML)), którego konstrukcje są wstawiane do tekstu HTML. Jego celem jest umożliwienie jak najszybszego tworzenia dynamicznie generowanych stron internetowych. PHP jest oprogramowaniem typu open source, co oznacza, że \u200b\u200bjest bezpłatne i umożliwia tworzenie własnych rozszerzeń językowych.

PHP jest najmłodszym, najbardziej obiecującym i najszybciej rozwijającym się językiem programowania w Internecie, udział jego wykorzystania w porównaniu z innymi językami szybko rośnie.

Dreamweaver i dostępność. Dreamweaver i dostępność Obsługa ułatwień dostępu w systemie operacyjnym

1.1 Interfejs programu Dreamweaver

Wprowadzenie

Rozdział I. Interfejs środowiska Dreamweaver. Przegląd popularnych technologii internetowych do tworzenia dynamicznych witryn

1.1 Interfejs programu Dreamweaver

1.2 PHP

Przeczytaj także

Programy dla maszyn cnc kompletny zestaw na początek Tworzenie programów sterujących dla maszyn cnc

Opracowanie programu sterującego dla obrabiarki ze sterowaniem numerycznym Treść programu sterującego dla obrabiarek CNC

Parametry trójfazowych obwodów elektrycznych

DZWON