2005.01_Cssed–edytor arkuszy stylów CSS_[Oprogramowanie].pdf

aktualności

linuxfresh

Cssed

– edytor arkuszy stylów CSS

Piotr Machej

wykorzystuje w swej pracy kaskado-

we arkusze stylów ( CSS – Cascading Sty-

le Sheets ). Jest to godne pochwały, gdyż

dzięki temu nie tylko oszczędzają sobie

mnóstwo pracy, ale równocześnie idą

z duchem czasu. A jeśli tylko wykażą

trochę wysiłku, to mogą stworzyć stro-

nę, którą nie tylko da się wygodnie oglą-

dać w dowolnej przeglądarce, ale również

będzie dostępna dla niepełnosprawnych

(czy to korzystających z linijek brajlow-

skich czy z syntezatorów mowy).

Cssed to program ułatwiający tworze-

nie arkuszy stylów. Co prawda, obecnie

potrafi podświetlać również składnie in-

nych plików, ale nadal pozostaje edyto-

rem plików CSS . Wśród jego zalet war-

to wymienić podświetlanie i autouzupeł-

nianie. Program wyposażony jest również

w wiele kreatorów pomagających przy

tworzeniu najczęściej wykorzystywanych

stylów (np. układu marginesów czy ro-

dzaju fontów). Oczywiście, Cssed jest

w stanie sprawdzić poprawność wpisane-

go kodu. Nie można mu również odmó-

wić wygody użytkowania – interfejs jest

przejrzysty i łatwy w obsłudze.

Program możemy zainstalować za-

równo z pakietów (dostępne są pakiety

RPM i DEB ), jak również ze źródeł. Naj-

wygodniejsza oczywiście jest ta pierwsza

możliwość. Po zainstalowaniu możemy

uruchomić program poleceniem cssed .

Po uruchomieniu, gdy zaczyna-

my pracę z nowym dokumentem, war-

to od razu ustawić odpowiednią czcion-

kę. Dokonujemy tego wybierając z me-

nu Document pozycję Change font . War-

to też wybrać typ pliku, z jakim będzie-

my pracować. W tym celu wskazujemy

Document – >Highlighting – >CSS . Oczy-

wiście, jeśli mamy zamiar tworzyć in-

ny dokument (np. stronę WWW ), to za-

miast CSS wybieramy HTML/PHP lub

inną odpowiednią wartość. Jeśli chce-

Rysunek 1. Nic dziwnego, że arkusz stylów użyty na stronie domowej Cssed nie zawiera

błędów

my korzystać z autouzupełniania, mu-

simy zaznaczyć opcję Document – >Ena-

ble autocompletion (ma to tylko sens

w przypadku CSS ). Przydatna może

się też okazać opcja Document–>Ena-

ble folding – szczególnie, gdy pracuje-

my z dłuższym plikiem. Pozwala ona

bowiem zwijać zawartość poszczegól-

nych klas tak, że widoczny jest tylko na-

główek. Warto przy tym zauważyć, że

opcje ustawiane w menu Document są

charakterystyczne dla każdego doku-

mentu z osobna – możemy w każdym

z nich korzystać z innej czcionki i edyto-

wać inny typ pliku.

Wartości do naszego pliku stylów mo-

żemy wprowadzać na kilka sposobów.

Najbardziej podstawowy to wpisywa-

nie wszystkich wartości ręcznie. Do te-

go jednak nie potrzebowalibyśmy Cssed .

Jak już wiemy, możemy sobie pomóc au-

touzupełnianiem. Co ważne, pomaga ono

nie tylko we wprowadzaniu nazw atrybu-

tów, ale również ich wartości. Sugeruje

bowiem zarówno możliwe wartości, jak

i pozwala skorzystać z kreatora (np. z pa-

lety barw w przypadku kolorów czcionek

lub obramowań). Kreator możemy rów-

nież uruchomić ręcznie, wybierając od-

powiednią ikonę z paska znajdującego

się tuż nad dokumentem lub z menu CSS .

Ostatnia możliwość wstawienia do doku-

mentu atrybutu wraz z wartością to sko-

rzystanie z drzewka atrybutów znajdują-

cego się po prawej stronie dokumentu,

w zakładce CSS .

Podczas edycji może przydać się nam

pewna wygodna funkcja. Wystarczy za-

znaczyć grupę atrybutów, które chcemy

modyfikować, a następnie wybrać opcję

Tools – >Scan selector . Wybrane atrybu-

ty znajdą się w prawym górnym oknie,

gdzie w wygodny sposób będziemy mo-

gli zmodyfikować ich wartości.

46 styczeń 2005

oprogramowanie

C oraz więcej twórców stron WWW

FRESH News

Inną przydatną funkcją są znaczniki.

Podczas edycji dużych plików są one po

prostu nieocenione. Jeśli podczas edycji

często skaczemy pomiędzy konkretny-

mi liniami poprawiając wartości, to wy-

starczy kliknąć na marginesie po lewej

stronie każdej z tych linii. Powinny po-

jawić się tam białe znaczniki. Teraz mo-

żemy poruszać się pomiędzy nimi ko-

rzystając ze strzałek Previous Bookmark

i Next Bookmark , widocznych na pasku

narzędzi.

W dolnej części ekranu mamy dwie

zakładki – Program output i Scratch Pad

/ Static Pad . Pierwsza z nich zawiera wy-

niki zwracane przez program, np. komu-

nikaty o błędach. Szczególnie przydatna

jest podczas testowania poprawności ko-

du, czego dokonujemy wybierając z menu

pozycję Tools – > Validate only . Warto przy

tym mieć włączone numerowanie linii

( Document – >View line numbers ), gdyż

dzięki temu łatwiej zlokalizować błąd

w większym pliku. Druga zakładka za-

wiera dwa okna, które możemy wyko-

rzystać na notatki. Mogą się one również

przydać jako schowek – zaznaczony tekst

można tu przeciągnąć z dokumentu, a na-

stępnie wkleić go do innego dokumentu

(przeciągając go ponownie).

Jeśli Cssed spodoba się nam, warto

zmienić jego domyślne ustawienia. Każ-

dorazowe ustawianie opcji w menu Do-

cument może być męczące. Zamiast te-

go wybieramy Edit – >Preferences . Tutaj,

w zakładce Document settings , możemy

ustawić domyślne wartości dla każdego

dokumentu. Warto zaznaczyć opcje View

line numbers i Enable autocompletion .

W zakładce Font ustawiamy odpowiada-

jącą nam czcionkę i zatwierdzamy ją przy-

ciskiem Apply . Pozostaje jeszcze zakładka

Highlighting . Tutaj możemy dokładnie

określić, jakie kolory powinny być uży-

te do podświetlania w konkretnych przy-

padkach.

Trzeba przyznać, że Cssed zapowia-

da się interesująco. Już w tej chwili jest

przyjemnym edytorem CSS , a autor sta-

ra się jeszcze bardziej rozbudować je-

go możliwości. Wśród najbardziej intere-

sujących planów można wymienić moż-

liwość przeglądania strony WWW z na-

łożonym stylem w zewnętrznej przeglą-

darce oraz (uwaga!) możliwość tworze-

nia arkusza stylu na podstawie dokumen-

tu HTML . Chodzi tu o przetworzenie sta-

rych znaczników HTML (np. <font> ) na

ich odpowiedniki w kaskadowych arku-

szach stylów.

W najnowszej wersji programu znacz-

nie ulepszono wsparcie dla różnych ko-

dowań znaków. Dodano też schematy

podświetleń dla innych języków, takich

jak HTML , PHP , skrypty powłoki, Python

i inne. Stworzono interfejs rozbudowywa-

ny wtyczkami i od razu udostępniono kil-

ka wtyczek: panel przeglądania plików,

okno terminala VTE , a także panel wy-

szukiwania tekstu w plikach.

CbrPager 0.9.4

CbrPager to jeden z programów

pozwalających przeglądać archiwa CBR,

w których coraz częściej rozprowadzane

są w sieci komiksy i mangi. Co prawda

nie jest to program na miarę CDisplay,

znanego z Windows, ale autor wciąż

dodaje nowe funkcje. Program pozwala

przeglądać pliki JPG, GIF i PNG. Oprócz

podstawowych funkcji powiększania

i zmniejszania widoku, posiada kilka

ciekawych opcji konfiguracyjnych

(np. możemy określić, czy przy przejściu

do kolejnej strony ma być wyświetlona

jej górna lub dolna część, czy też raczej

ta, którą właśnie wyświetlaliśmy).

Najnowsza wersja programu pozwala

także określić, czy panel nawigacyjny

ma być wyświetlany poziomo czy

pionowo.

http://freshmeat.net/projects/cbrpager/

Player vs. Player Gaming

Network 1.6.6

PvPGN to darmowe oprogramowanie

emulujące serwer Battle.net . Dzięki

niemu można w sieci lokalnej

uruchomić serwer i pograć w takie

gry, jak Diablo II czy Starcraft .

Dostępne są statystyki gier, możliwość

organizowania turniejów, jak również

drabinki punktowe. W najnowszej

wersji poprawiono szereg wykrytych

błędów oraz dodano kilka nowych

opcji, np. opcję pozwalającą ograniczyć

dostęp do wybranych klientów.

http://freshmeat.net/projects/pvpgn/

HTML Forms generation and

validation 2004.10.13

Twórcy stron WWW piszący

w PHP wcześniej lub później stają

przed problemem stworzenia

formularzy wraz z ich obsługą.

Opisywana klasa PHP pozwala na

generowanie takich formularzy wraz

z odpowiednią obsługą z klawiatury

oraz sprawdzaniem poprawności

danych (zarówno po stronie serwera,

jak i klienta). Jej funkcjonalność

może być rozszerzana poprzez

dodawanie klas-wtyczek. Wygląd

wynikowych formularzy może być

definiowany szablonami z użyciem

PHP , zagnieżdżonego w HTML-u lub

też silnika Smarty . Najnowsza wersja

niesie ze sobą kilka poprawek, m.in.

poprawiono działanie klasy przy

wyłączonej opcji register_globals .

http://freshmeat.net/projects/htmlformsg

enerationandvalidation/

Getmail 4.2.2

Pojawiła się nowa wersja programu

Getmail , który w zamierzeniu autora

ma być prostą i bezpieczną alternatywą

dla popularnego programu Fetchmail .

Zmiany dotyczą poprawionej obsługi

uszkodzonych plików oldmail ,

jak również zmiany prawdziwego

i efektywnego identyfikatora

użytkownika i grupy potomnego

procesu odpowiedzialnego za

dostarczanie poczty.

http://freshmeat.net/projects/getmail/

http://freshmeat.net/projects/cssed/

Rysunek 2. Oprócz Cssed, autor oferuje również kilka innych narzędzi pomocnych przy

edycji arkuszy stylów

www.lpmagazine.org

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: