czwartek, 24 Wrzesień 2009
Jeśli tworzysz swoje strony WWW w programie do edycji stron, to jesteś projektantem, nawet jeśli
sam siebie nie uważasz za artystę. Chciałbym móc Ci powiedzieć, że Program do edycji stron automatycznie
przygotuje Twoje strony oraz że one będą one wspaniale wyglądać i funkcjonować bez
jakiegokolwiek wkładu pracy z Twojej strony. Chciałbym także móc Ci powiedzieć, że wystarczy
znać parę podstawowych zasad, aby uchronić się od pomyłek projektowych. Nie mogę jednak tego
zrobić, bo skłamałbym. Prawda jest taka, że to Twoja myśl decyduje o artystycznej postaci
projektu strony, to Ty odczytujesz zamierzenia przyszłych czytelników swoich stron i to Ty
starasz się nadać swoim stronom niepowtarzalny charakter. Może też być inaczej ? możesz uznać,
że najlepszym rozwiązaniem dla Twojej strony będą stare i sprawdzone rozwiązania, które
zagwarantują bezpieczne i pewne funkcjonowanie systemu nawigacji.
Program do edycji stron udostępnia wiele różnych dróg do tego samego celu. Równie wiele prowadzi do
różnych celów. Możliwości jest nieskończenie wiele. W tym rozdziale zastanowimy się wspólnie
nad pewnymi kwestiami projektowania stron i korzystając z programu Program do edycji stron
przećwiczymy ich rozwiązanie na przykładach. Wykorzystaj szansę stworzenia własnego projektu
i naucz się korzystać z narzędzi projektowych programu.
Projektowanie internetowe może być Twoim zawodem, hobby lub katorgą. Nieważne czym jest.
Ważne, abyś uświadomił sobie, że oprócz palet kolorów, siatki i linijek jest coś jeszcze, co musisz
jako projektant wziąć po uwagę ? rozdzielczość ekranu i rozmiary plików.
Projektowanie stron WWW to nowa dziedzina. Projektanci internetowi stoją przed szeregiem
nowych problemów związanych z rozpraszaniem kolorów, rozmiarami plików i szerokościami
okna przeglądarki. Na szczęście stosowane przez nich medium jest elastyczne. Jeśli na przykład na
opublikowanej stronie WWW kolor nie prezentuje się dobrze, zawsze można go zmienić. W
przypadku takiej samej strony papierowej kłopot byłby znacznie większy.
Podstawowe zasady projektowania stron WWW można poznać czytając podręczniki, szukając w
Internecie witryn edukacyjnych i uczestnicząc w kursach sieciowych. Program do edycji stron pozwala
wdrożyć te zasady w życie. Wersja 4 programu zawiera narzędzia, takie jak paleta bezpiecznych
kolorów sieciowych, okno Color, siatka, obrazy-kalki oraz menu Window Size, które pomagają
rozwiązywać zarówno te częste, jak i incydentalne problemy.
Wzrost popularności przeglądarek obsługujących kaskadowe arkusze stylów i nowe znaczniki
formatowania zmusza projektantów do nieustannego rozwoju. Muszą oni bowiem dbać o to, aby
projektowane przez nich strony korzystały z możliwości nowych technik. W tym celu projektanci
mogą przeanalizować menu programu Program do edycji stron i sprawdzić, co oferuje. Następny etap
rozwoju własnych umiejętności to zastosowanie narzędzi w praktyce. W efekcie tej pracy strony
będą lepiej się prezentować, szybciej ładować, a użytkownicy będą je chwalić.
W tym rozdziale zajmowaliśmy się takimi kwestiami projektowymi, jak posługiwanie się
kolorami. Poruszaliśmy też zagadnienia dotyczące projektu i układu strony, takie jak korzystanie
ze wzorów tła i z obrazów stanowiących wzorzec strony, definiowanie marginesów i wyświetlanie
linijek. Ostatnim z poruszanych problemów była strategia projektowa. Mam nadzieję, że udało mi
się przybliżyć Ci różne strategie, a pytania postawione w tym rozdziale będą pomocne w
budowaniu witryny, które spełni Twoje cele.
Tagi: stron, tworzenie
Kategoria: Tworzenie stron | Komentarze są wyłączone
poniedziałek, 13 Lipiec 2009
Zazwyczaj system obsługi aplikacji jest na tyle intuicyjny, że większość użytkowników radzi z
nim sobie bez trudu. Czasami jednak może okazać się konieczna zmiana pewnych zachowań
programu, poprzez dopasowanie ich do własnych przyzwyczajeń ? dzięki temu zwiększy się
Twoja wydajność pracy.
W programie większość funkcji można dostosowywać do własnych potrzeb. Nie
musisz więc korzystać z arbitralnie zdefiniowanego środowiska pracy, lecz możesz
zindywidualizować swoją kopię programu. W tym rozdziale zajmiemy się sposobami
dostosowywania programu i omówimy:
Po tym krótkim wstępie, czas na kilka uwag: jeśli nie masz pewności co do zasad rządzących
modyfikacją opcji, której konfigurowania będziesz się uczył w tym rozdziale, zacznij od
zastosowania ustawień domyślnych. Ustawienia domyślne są zazwyczaj najbardziej intuicyjne. W
przypadku ustawień, którymi zajmiemy się później, w dalszej części książki, staraj się nie
wprowadzać drastycznych zmian, bowiem łatwiej będzie się odwoływać do pomocy (lub tej
publikacji).
W programie istnieją dwa typy ustawień. Pierwszy to ustawienia zmieniające
wygląd aplikacji (cukierkowy), drugi natomiast obejmuje ustawienia zmieniające funkcje i
zachowanie programu.
Okno dialogowe Preferences
Podstawowym miejscem zmiany ustawień programu jest okno dialogowe
Preferences, które można otworzyć z poziomu menu Edit. Wybierz w menu Edit pozycję
Preferences lub zastosuj skrót klawiaturowy Ctrl+U. Rysunek 2.1 pokazuje rezultat
zastosowania dowolnej z metod.
Preferences
Od razu zauważysz, że ustawienia okna Preferences są podzielone na dwie główne kolumny.
Lewa kolumna nosi nazwę Category, a prawa, zgodnie z domyślnymi ustawieniami, ma nazwę
General. Wybranie kategorii w lewej kolumnie określa zawartość kolumny prawej.
Sposób korzystania z okna dialogowego powinien być dla Ciebie oczywisty, bowiem znajdziesz w
nim pola wyboru, przyciski opcji i rozwijane menu.
File Options
Wybierając z listy Categories kategorię General wyświetlisz dwie grupy ustawień. Pierwsza,
File Options, umożliwia określenie sposobu uruchamiania programu oraz
otwierania i zapisywania plików. Omówmy kolejno wszystkie jej ustawienia.
Show Only Site Window on Startup
Przy pierwszym uruchomieniu aplikacji, domyślnie tworzony jest nowy dokument i nadawany jest
mu tytuł o nazwie Untitled-1. Jeśli najczęściej zaczynasz pracę z programem nie od
tworzenia dokumentu HTML, lecz od obsługi witryny, w takim przypadku zaznacz to pole
wyboru, aby program po uruchomieniu, wyświetlał okno Site z plikami ostatniej witryny, nad
którą pracujesz.
Open Files in New Window
Jeśli w czasie pracy nad dokumentem HTML przystąpisz do otwierania kolejnego dokumentu,
wyświetli otwierany plik w nowym oknie. Jeśli zazwyczaj otwierasz nowy plik
wówczas, gdy stary już Ci nie jest potrzebny, wyczyść to pole wyboru, aby korzystać ciągle z
jednego i tego samego okna.
Warn When Opening Read-Only Files
Jeśli to pole wyboru jest zaznaczone, wyświetli ostrzeżenie w przypadku próby
otwarcia lub modyfikacji pliku przeznaczonego tylko do odczytu.
Tagi: kod, tworzenie
Kategoria: Tworzenie stron | Komentarze są wyłączone
piątek, 10 Lipiec 2009
Być może przyjaciel powiedział Ci o nim, może poznałeś już jego wcześniejsze wersje, a może
jest to narzędzie, z którego musisz korzystać na zajęciach w szkole. Niezależnie od tego jak lub
dlaczego, trafiłeś na jedyne chyba na rynku narzędzie tworzenia stron WWW o takich
możliwościach rozbudowywania go i dostosowywania do potrzeb użytkownika. Zespół
opracowujący Dreamweaver z firmy Macromedia ciężko pracował od chwili wypuszczenia wersji
3 programu i w obecnej wersji to widać.
Poprawiło się wiele ? począwszy od lepszej kontroli przez rozbudowę rozszerzeń i ich obsługi, po
nowe narzędzia ułatwiające pracę z kodem HTML, skryptami JavaScript i elementami CSS.
Zanim jednak sięgniesz po program, poświęć chwilę, aby poczytać o wszystkich nowinkach i
ciekawych opcjach oferowanych przez Dreamweaver 4.
W tym rozdziale omówione zostaną następujące zagadnienia:
Pływające palety to nie nowina w programie Dreamweaver 4, aczkolwiek niewątpliwie warto o
nich wspomnieć. Większość z nich można łączyć, a więc tworzyć z nich okienka zaopatrzone w
zakładki. Taką właściwość posiadają następujące palety: Assets, Behaviors, Code Inspector,
CSS Styles, Frames, History, HTML Styles, Layers, Reference i Objects. Zakładki
poszczególnych kategorii można przeciągać między oknami. Wyjątek stanowi jedynie paleta
obiektów (ang. Objects Panel), jeśli wyświetlana jest we własnym oknie. Inne palety można
przeciągać do palety obiektów i tu przycumowywać, ale nie można przeciągnąć palety obiektów
do okna innej palety. Dreamweaver śledzi wszelkie zmiany i zachowuje ich efekt w kolejnych
sesjach. Więcej informacji na ten temat znajdziesz w rozdziale 2, Dostosowywanie programu.
Tagi: stron, tworzenie
Kategoria: Tworzenie stron | Komentarze są wyłączone