środa, 19 Sierpień 2009
Aby zastosować do tekstu pogrubienie lub kursywę, możesz skorzystać z właściwości dla tekstu
lub menu Text. Na rysunku 4.8 zaznaczono, w którym miejscu szukać w oknie Property
Aby zastosować do tekstu pogrubienie lub kursywę, zaznacz tekst i kliknij w oknie Property
Inspector przycisk oznaczony literą B (pogrubienie) lub przycisk z literą I (kursywa). Tekst
zostanie wyświetlony w wybranym stylu. Aby usunąć styl, zaznacz tekst i ponownie naciśnij
przycisk B lub I.
Okno dialogowe Property Inspector udostępnia trzy narzędzia wyrównania tekstu: do lewego
marginesu, do prawego marginesu oraz wycentrowania. Rzuć raz jeszcze okiem na rysunek 4.8.
Narzędzia wyrównania umieszczone są z prawej strony, w górnym rzędzie, zaraz obok ikony ze
znakiem zapytania.
Aby wyrównać tekst do prawego lub lewego marginesu, albo go wycentrować, zaznacz żądany
fragment, i kliknij ikonę żądanego sposobu wyrównania. Aby usunąć wyrównanie, zaznacz
ponownie tekst i wyłącz przycisk.
Listy numerowane i wypunktowane są obecne w kodzie HTML od zawsze. Zazwyczaj stosuje się
je, aby poprzez wprowadzenie punktów i podpunktów nadać dokumentowi określoną strukturę.
W programie bloga listy można definiować z poziomu okna dialogowego Property
Inspector lub menu Text.
Aby przekształcić tekst w listę numerowaną lub wypunktowaną, zaznacz tekst w widoku projektu i
kliknij odpowiedni przycisk (Ordered list lub Unordered list). I tu rada ? rozdzielaj pozycje listy
twardymi łamaniami wiersza (odpowiada im w kodzie HTML znacznik <P>); jeśli zastosujesz
znaczniki <BR> (miękkie łamania wiersza), pozycje listy zostaną potraktowane jako jedna pozycje
i pojawi się tylko jeden znak wypunktowania.
Aby zdefiniować listę zagnieżdżoną lub listę w obrębie listy, oddziel zagnieżdżone pozycje listy
twardymi łamaniami wiersza, zaznacz je i naciśnij przycisk Indent (wcięcie) w oknie Property
Inspector.
Aby przekształcić listę wypunktowaną lub numerowaną w tekst, zaznacz pozycje listy i kliknij w
oknie Property Inspector przycisk Ordered List lub Unordered list wyłączając w ten sposób
stosowanie stylu. Pozycje listy łatwiej usuwa się, gdy przycisk formatowania jest wyłączony.
Listy mogą Cię rozczarować. Wydaje się, że wszystko zostało prawidłowo wykonane, a efekt dalej
jest nie taki. Przyczyna leży po stronie kodu HTML. Klikając ikony formatowania więcej niż raz,
ryzykujesz zwielokrotnienie odpowiednich par znaczników w kodzie HTML. Jeśli to się już
zdarzy, możesz rozwiązać problem korzystając z polecenia Clean Up HTML w menu
Commands. W procesie czyszczenia kodu usuwane są dodatkowe znaczniki i można zacząć od
początku.
Tagi: html, tekst
Kategoria: Tworzenie stron | Komentarze są wyłączone
niedziela, 16 Sierpień 2009
Jeśli pomimo procedury czyszczenia znajdujesz w kodzie HTML znaczniki niepożądane,
przeglądnij w oknie dialogowym Preferences ustawienia, które odnoszą się do formatu kodu
HTML i sprawdź, czy są odpowiednio skonfigurowane. Alternatywnie, możesz skorzystać z
narzędzia znajdowania i zastępowania, dzięki któremu możesz pozbyć się dowolnych znaczników, lub uruchomić za pomocą
polecenia Clean Up HTML podstawową procedurę czyszczenia kodu HTML.
Możesz też zmienić wielkie litery na małe i odwrotnie. Jest to prostsze i szybsze niż przeprowadzanie operacji ręcznie.
Tekst zaimportowany do programu bloga i wyczyszczony z niepotrzebnych znaczników
HTML można nieco ?przyprawić? stosując do niego kroje czcionki, style, wyrównania oraz
kolory. Jedną z prostszych metod formatowania jest zaznaczenie tekstu i zdefiniowanie ustawień
kroju czcionki, koloru i stylu w oknie dialogowym właściwości dla tekstu (Ctrl+F3).
Zanim jednak zaczniesz formatować swój tekst, powinieneś dowiedzieć się, że w przypadku
formatowania tekstu z poziomu okna Property Inspector, w kodzie HTML umieszczane są
znaczniki <FONT>, za pośrednictwem których formatowanie jest stosowane. Jest to pewna wada.
Coraz więcej projektantów stron WWW odchodzi od tego znacznika sięgając w zamian po CSS.
Powodem tej ewolucji są większe możliwości arkuszy CSS w kwestii formatowania czcionki i
lepsze wizualnie efekty, niż w przypadku korzystania ze znacznika <FONT>. Co więcej, za
kaskadowymi arkuszami stylu przemawia także szybkość wprowadzania ewentualnych zmian do
stylu tekstu.
Jeśli po prostu chcesz załatwić sprawę i to szybko, narzędzia formatowania tekstu dostępne w
oknie dialogowym Property Inspector są do Twojej dyspozycji. W tym blogu skupimy się na
formatowaniu tekstu właśnie z ich pomocą. Rozdział 12. omawia z kolei formatowanie przy
użyciu kaskadowych arkuszy stylów, a w rozdziałach 6. i 8. znajdziesz omówienie efektów
tekstowych.
Stosując znacznik <FONT> musisz liczyć się z pewnymi ograniczeniami, jakie HTML i
przeglądarka narzucają na opcje formatowania i liczbę kolorów. Przy odrobinie pomysłowości
jednak, możesz swoim sieciowym odbiorcom przygotować tekst o atrakcyjnym wyglądzie.
Pamiętaj o różnicy między twardym i miękkim łamaniem wiersza. Ułatwi to pracę z tekstem.
Twarde łamanie oznaczane jest w kodzie HTML przez znacznik <P>, a wprowadzane jest
naciśnięciem klawisza Enter. Znacznik <P> równoważny jest podwójnemu odstępowi między
wierszami. Miękkie łamanie wiersza, oznaczane w kodzie HTML przez <BR>, wprowadzane jest
za pomocą kombinacji Shift+Enter. Znacznik <BR> równoważny jest pojedynczemu odstępowi
między wierszami.
Tagi: html, import
Kategoria: Tworzenie stron | Komentarze są wyłączone
sobota, 15 Sierpień 2009
Clean up CSS Usuwa znaczniki, które odnoszą się do
kaskadowych arkuszy stylów, w tym style
wpisane CSS (tam, gdzie styl nadrzędny ma
identyczne właściwości). Usuwa także atrybuty
stylu o nazwach rozpoczynających się od ?mso?
oraz deklaracje innych niż CSS stylów.
Jest to cenna opcja, bowiem HTML generowany
przez Microsoft Word wspiera się mocno na
arkuszach CSS, a ponieważ większość z nich
stanowią arkusze wpisane, wydłuża to czas
ładowania strony.
Clean up <font> Tags Usuwa znaczniki <FONT>, a tekst konwertuje do
formatu domyślnego dla sekcji BODY i nadaje mu
rozmiar 2.
Fix invalidly nested tags Usuwa niepoprawne znaczniki <FONT> ? są to
znaczniki znalezione w miejscach, w których
zgodnie ze specyfikacją W3C (Wide Web
Consortium) nie powinno ich być. Chodzi tu o
znaczniki <FONT> umieszczone poza
znacznikami akapitu i nagłówka (wszystkich
poziomów).
Set background color Aby zdefiniować kolor tła dokumentu za pomocą
liczby szesnastkowej, wpisz tę liczbę w polu
tekstowym. Jeśli kolor tła nie zostanie określony,
tło będzie szare. Domyślnie kolor tła jest biały,
czemu odpowiada liczba #FFFFFF.
Apply source formatting Stosuje ustawienia formatowania zdefiniowane
w pliku SOURCEFORMAT.TXT. Plik ten znajduje
się w folderze Configuration (patrz rozdział 2.,
?Dostosowywanie programu bloga do
własnych potrzeb?).
Show log on completion Zaznacz to pole wyboru, aby wygenerowany
został raport podsumowujący wprowadzone
zmiany.
Ustawienia zakładki Detailed umożliwiają bardziej precyzyjne określenie warunków konwersji.
Po wprowadzeniu ustawień, kliknij OK. bloga przeprowadzi obróbkę pliku, po której
wyczyszczona wersja dokumentu zostanie wyświetlona na ekranie.
Tagi: clean, html
Kategoria: Tworzenie stron | Komentarze są wyłączone
piątek, 14 Sierpień 2009
Jeśli dokument edytora MS Word jest długi i zawiera elementy o rozbudowanym formatowaniu,
takie jak tabele czy wykresy, można zapisać go w formacie HTML, wybierając pozycję Save As
Web Page, a następnie otworzyć w programie bloga jako plik HTML.
Aby otworzyć plik HTML w programie bloga, można skorzystać z polecenia Open w
menu File lub utworzyć nowy dokument i wybrać w menu File pozycję Import, a następnie
Import Word HTML.
Zaimportowana do programu bloga wersja HTML dokumentu edytora Word nie wygląda
już tak wspaniale.
Z poleceniem Save As Web Page jest taki problem, że generowany przez edytor Word kod
HTML jest w rzeczywistości mieszaniną kodów HTML i XML. Zawiera on także elementy
arkuszy stylów CSS i niezliczone znaczniki <META>, co znacznie pogarsza sytuację. Jak można
zobaczyć, kod taki daleko odbiega od zwykłego kodu HTML, który powstałby
przez ręczne napisanie.
Pliki HTML wygenerowane w edytorze Word możesz pozostawić bez zmian, co oznacza brak
jakiejkolwiek ingerencji w kod zarówno w programie bloga, jak i w innych programach.
Takie pliki zazwyczaj są całkiem poprawnie obsługiwane przez większość przeglądarek
sieciowych (a szczególnie przez przeglądarkę Internet Explorer he he).
Jeśli jednak musisz już je modyfikować w programie bloga, powinieneś zacząć od
wyczyszczenia kodu za pomocą polecenia Clean Up Word HTML, aby usunąć dodatkowe
znaczniki. Co więcej, polecenie to pozwoli usunąć arkusze CSS zdefiniowane w dokumencie,
które mogą wydłużyć czas ładowania strony.
Tagi: html, word
Kategoria: Tworzenie stron | Komentarze są wyłączone