[ Pobierz całość w formacie PDF ]
.Jest tu tak¿e informacja dotycz¹ca specyfikacji, w których element siê pojawi³(a wiêc na przyk³ad CSS 1, HTML 4 lub DOM 1).Dodatkowe informacje to kwestiadziedziczenia stylu (ksi¹¿ka CSS) oraz koniecznoœci znacznika zamykaj¹cego(ksi¹¿ka HTML).Rys.3.17.Paleta Reference prezentuje opis zaznaczonego w kodzie elementu.Na przyk³adto jeden ze znaczników – myœlê, ¿e wiêkszoœæ projektantów stron WWWprzyzna mi racjê – który powinien byæ u¿ywany z niezwyk³¹ ostro¿noœci¹Czyszczenie kodu HTMLPo przygotowaniu strony WWW, bez w¹tpienia wielokrotnie wraca³eœ do niej iœlêcza³eœ nad kodem wiele razy, siêgaj¹c nawet po zewnêtrzny edytor (tymzajmiemy siê w nastêpnym punkcie), a wszystko po to, aby strona by³a dok³adnietaka, jak¹ j¹ sobie wyobrazi³eœ.Wreszcie koniec pracy, czy¿ nie?No, có¿, to zale¿y od tego, jak dobrze sobie radzisz z pisaniem kodu HTML.Niesk³amiê – jest w tym tak¿e pewna doza szczêœcia.Wiêkszoœæ jednak czasu zajm¹Ci puste znaczniki (znaczniki, które nie maj¹ ¿adnej zawartoœci miêdzyznacznikiem otwieraj¹cym a zamykaj¹cym), powtórzone znaczniki (które pojawiaj¹siê kilkakrotnie) i inny trudny do odczytania nieprawid³owy kod.W programie Dreamweaver czyszczenie kodu HTML to proces bardzo prosty.Abywyczyœciæ kod, wybierz pozycjê Clean Up HTML z menu Commands.Po wybraniu wokienku dialogowym Clean Up HTML operacji porz¹dkowania kodu (patrz rysunek3.18), naciœnij OK.Ca³a operacja zajmie d³u¿sz¹ lub krótsz¹ chwilê, co zale¿yod z³o¿onoœci i d³ugoœci dokumentu HTML.Rys.3.18.Wyczyszczenie kodu HTML jest zawsze zalecane, szczególnie wówczas, gdy ktoœinny „dobiera³ siê” do Twojego koduOto lista dostêpnych w okienku dialogowym Clean Up HTML opcji:Empty Tags – umo¿liwia usuniêcie znaczników, które nie maj¹ ¿adnej zawartoœcimiêdzy znacznikiem otwieraj¹cym a zamykaj¹cym.Na przyk³ad para toznacznik pusty, który zosta³by usuniêty.Natomiast wyra¿enie: to jestkursywa pozosta³oby.Redundant Nested Tags – usuwa znaczniki zagnie¿d¿one.Znacznik zagnie¿d¿ony toznacznik, którego znacznik nadrzêdny jest taki sam.Dotyczy to tak¿e atrybutów.Na przyk³ad w wyra¿eniu: To musi byæ podkreœlone, aby ludzieWIEDZIELI co chcê powiedzieæ element U obejmuj¹cy wyraz „wiedzieli”zosta³by usuniêty.Non-Dreamweaver HTML Comments – usuwa komentarze umieszczone na stronie zapomoc¹ innego ni¿ Dreamweaver narzêdzia.Dreamweaver HTML Comments – usuwa komentarze wprowadzone do kodu Twojej stronyprzez program Dreamweaver.W efekcie tego Dreamweaver przesta³by rozpoznawaædany dokument jako stronê utworzon¹ w oparciu o szablon (je¿eli by³ toszablon).Przy aktualizacji szablonu, taka strona nie by³aby ju¿ aktualizowana.W podobny sposób wp³ynê³oby to na elementy z biblioteki oraz na dzia³anie opcjiRoundtrip – komentarze s¹ w niej wykorzystywane do stowarzyszania obrazów zplikami Ÿród³owymi.png.Specific Tag(s) – usuwa wskazane znaczniki, takie jak na przyk³ad , którezawadzaj¹ Ci w dokumencie.Mo¿esz wpisaæ w polu tekstowym kilka znaczników,oddzielaj¹c je przecinkami (na przyk³ad b, blockquote).Usuniête zostan¹zarówno znaczniki otwieraj¹ce, jak i zamykaj¹ce.Combine Nested Tags When Possible – ta opcja pozwala po³¹czyæ kilkaznaczników formatowania czcionki w jeden znacznik, jeœli poszczególne znacznikizawieraj¹ ró¿ne atrybuty (lub gdy podobne atrybuty maj¹ identyczn¹ wartoœæ).Oto przyk³ad:Tak sformatowany tekst jest koloru zielonego, a zastosowana czcionka toArial; po scaleniu znaczników, definicja wygl¹da³aby tak: :.Show Logon Completion – umo¿liwia wyœwietlenie raportu, w którym zawarta jestinformacja o procesie czyszczenia kodu.Korzystanie z edytorów zewnêtrznychGdy oswoisz siê nieco z edycj¹ kodu HTML w widoku kodu lub jeœli zawsze z tymsobie dobrze radzi³eœ, a i teraz nie chcesz wyjœæ z wprawy, mo¿esz siêgn¹æ pozewnêtrzne edytory kodu HTML.Chocia¿ edytor zewnêtrzny jest ca³kowicieniezale¿ny od programu Dreamweaver, ten ostatni jest w stanie zintegrowaæ siê zedytorem tekstowym.Opcja ta nosi nazwê Roundtrip HTML.Co to jest Roundtrip HTML?Roundtrip HTML jest bardziej procesem ni¿ czymkolwiek innym – jest to procesotwierania edytora zewnêtrznego, modyfikacji dokumentu w osobnym programie,zapisywania pliku i automatycznego œledzenia przez Dreamweaver zmian iwprowadzania ich do pliku.Po dokonaniu modyfikacji kodu w edytorzezewnêtrznym, Dreamweaver bêdzie chcia³ ponownie za³adowaæ dokument.Umo¿liwi muto zinterpretowanie zmienionego kodu HTML i przepisanie go ju¿ z uwzglêdnieniemzmian, zgodnie z ustawieniami kategorii Code Rewriting okna dialogowegoPreferences.Nale¿y pamiêtaæ, ¿e Dreamweaver nie zmieni znaczników, których nierozpoznaje.Oznaczy takie znaczniki jako niepoprawne, lecz ich nie przepisze.Jest to u¿yteczne przy edycji dokumentów ColdFusion lub Acive Server Pages(.ASP) w programie Dreamweaver.Homesite, BBEdit, TextPad i NotepadHomesite to domyœlny edytor zewnêtrzny dostarczany z programem Dreamweaver wwersji dla Windows.BBEdit to domyœlna wersja dla systemu Macintosh.Abyskorzystaæ z edytora zewnêtrznego, musisz zdefiniowaæ w programie Dreamweaverustawienia umo¿liwiaj¹ce poprawne rozpoznawanie edytora:Wybierz pozycjê Preferences w menu Edit i wska¿ kategoriê File Types/Editors.Okno dialogowe Preferences mo¿na wywo³aæ korzystaj¹c ze skrótu klawiaturowegoCtrl+U.Kliknij przycisk Browse, z prawej strony pola External Code Editor (jeœlikorzystasz z komputera Macintosh, przeczytaj uwagê poni¿ej).Nawiguj do w³aœciwego programu.exe i naciœnij przycisk Open.Mo¿esz tu tak¿e okreœliæ sposób reakcji programu Dreamweaver na zmodyfikowanyplik.Mo¿esz tak¿e zdecydowaæ, czy przed otwarciem pliku w edytorze zewnêtrznymnale¿y go zapisaæ.Pocz¹tek ramkiUwagaDreamweaver dla komputerów Macintosh jest zintegrowany z programem BBEdit,który jest dostarczany na p³ycie CD zawieraj¹cej program.Jeœli chceszkorzystaæ z innego edytora, musisz usun¹æ znacznik z pola Enable BBEditIntegration.Integracja z BBEdit dzia³a podobnie jak widok kodu – œledzona jestpozycja punktu wstawiania lub obszaru zaznaczonego i na tej podstawieautomatycznie uwzglêdniane s¹ zmiany wprowadzone w którymkolwiek z programów.Koniec ramkiAby uruchomiæ edytor i wyœwietliæ w nim bie¿¹cy dokument, wybierz w menu Editpozycjê Edit with nazwa_Edytora lub zastosuj skrót klawiaturowy Ctrl+E.PodsumowanieW tym rozdziale przekona³eœ siê, jak rozbudowanym i mocnym narzêdziem staje siêDreamweaver, gdy pojawia siê koniecznoœæ rêcznej edycji kodu HTML.Pozna³eœpodstawy jêzyka HTML i jego struktury, dowiedzia³eœ siê tak¿e jak nawigowaæmiêdzy trzema widokami oferowanymi przez Dreamweaver i jak z nich korzystaæ.Mówiliœmy równie¿ o palecie Reference (która powinna staæ siê sta³ymtowarzyszem twórców stron WWW) oraz o ostatnich zabiegach kosmetycznych, którympoddawane s¹ strony WWW – o czyszczeniu kodu HTML [ Pobierz caÅ‚ość w formacie PDF ]