🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

1 total messages Started by Ziemek Borowski Wed, 19 Nov 1997 14:18
pl.comp.www FAQ - 4/5 - HTML i grafika
#280
Author: Ziemek Borowski
Date: Wed, 19 Nov 1997 14:18
702 lines
33510 bytes
     _________________________________________________________________

5. Tworzenie ogolnie

5.1 Warunki publikowania

   Aby moc publikowac potrzeba odpowiedniego typu konta: najlepiej na
   komputerze gdzie jest zainstalowany serwer httpd. W wypadku dostawcow
   komercyjnych nalezy wykupic odpowiednia usluge. Na wiekszosci uczelni
   istnieje mozliwosc zalozenia wlasnej strony i to czesto nawet bez
   ingerencji administratora (zazwyczaj nalezy zalozyc w swoim katalogu
   domowym katalogu public_html lub www (zwykle jest to ustawialne w
   pliku srm.conf dyrektywa UserDir lub podobna. . Istnieje takze kilka
   serwerow komercyjnych umozliwiajacych publikowanie materialow
   niekomercyjnych bez wnoszenia oplat. Istnieja tez serwery
   umozliwiajace ,,darmowe'' uslugi: e-mail i niekomercyjne publikowanie
   na WWW. Darmowe tzn. nie placisz firmie, ale za to firma moze
   udostepniac (lub w inny sposob wykorzystywac) Twoj adres innym (co
   powoduje zalew smieciem reklamowym).
     * http://free.polbox.pl/ _http://free.polbox.pl/ _
     * http://friko.onet.pl/ _http://friko.onet.pl/ _
     * http://www.pocketpress.com/free/index.html
       _http://www.pocketpress.com/free/index.html _
     * http://www.hotmail.com/ _http://www.hotmail.com/ _
     * http://www.geocities.com/ _http://www.geocities.com/ _

   i na troche innych zasadach: QDnet _http://www.QDnet.pl/ _

   _Patrz tez:_
     * Darmowe uslugi w/g Pawla Wiecka
       _http://la.ists.pwr.wroc.pl/%7Ecoven/tech/freenet.html.po _
     * Intern@uta: WWW za darmo _http://www.nsr.net/interneuta/ _
     * lista dostawcow Internetu Jarka Rafy
       _http://www.wsp.krakow.pl/providers/ _
     * IPS w Polsce @ Biz.Net _http://www.biz.net.pl/netprov/prvISO.html _
     * Lista providerow Tomka Kokowskiego
       _http://www.put.poznan.pl/%7Etommy/provider/provider.html _

5.2 Prawa autorskie

   Nalezy przyjac, ze (przynajmniej w wypadku polskich stron) obowiazuja
   przepisy Ustawy o prawie autorskim i prawach pokrewnych z 04.02.1995
   _http://ramzes.umcs.lublin.pl/users/mkrzysz/ustawy/paipp.txt _Przy
   czym (na podstawie art. 1 punkt 1 i punkt 2 ustawy), o ile autor nie
   zaznaczyl inaczej wszystkie strony sa domyslnie oznaczone jako Š badz
   (C) i mozna podawac do nich odniesienie, nie mozna natomiast ich
   wykorzystywac we wlasnej pracy (tj. tresci powiazanej z forma,
   poniewaz czystej informacji to juz nie dotyczy) bez zgody (najlepiej
   pisemnej) autora (wlasciciela (C)). Ochronie podlegaja rowniez znaki
   firmowe (lecz mozna ich uzyc w celach informacyjnych).

   Nie mozna jednak popadac w przesade: ze wgledu na rodzaj medium nie
   mozna domagac sie pelnej integralnosci i nienaruszalnosci dziela.
     * Nie mozna zakazac kopiowania dokumentu w _jakiejkolwiek_ formie.
       (wystarczy ze przegladarka musi sciagnac dokument na komputer
       lokalny)
     * Nie mozna domagac sie by dokument zachowal swa integralnosc i
       identycznosc graficzna (bo nie mozemy wymagac byl przegladany w
       zadanych ustawieniach przegladarki jesli np. zostal przeskanowany
       przez robota, albo jest interpretowany przez przegladarke dla
       niewidomych (np. z syntezatorem mowy).

   _Patrz tez:_
     * _Swiat Wiedzy_ 9/96

5.3 Terminologia

     * _WWW_ _Wszechnica Wiedzy Wszelakiej_ {Marka Cara}, _pajeczyna_
     * _site_ _miejsce w Internecie_ {Microsoftu} _osrodek w Webie_ {PC
       Magazine PL} _wezel sieci_ , _serwer_
     * _link_ _odnosnik_ , _odwolanie_ {sa tez stanowczo przeze mnie
       odradzane: _hiperpolaczenie_ , _lacznik_ , _skrot_
     * _service_ _usluga_
     * _download_ _zaladuj_ , _sciagnij_ , _zapamietaj_
     * _upload_ _zaladuj na serwer_
     * _serwer_ _serwer_ , _sztafarz_
     * _browser_ _przegladarka_ , _pajeczarka_
     * _applet_ ?
     * _bookmark_ _zakladka_

   _Patrz tez:_
     * ???

5.4 Wielojezyczna pajeczyna - polskie znaki diakrytyczne

   _W jaki sposob moge tworzyc poprawne strony z polskimi znakami
   diakrytycznymi?_

   Przede wszystkim nalezy uzywac kodowania w ISO-8859-2. Poza tym jesli
   nie jestes administratorem i nie mozesz spowodowac, zeby serwer
   dodawal do naglowka stron z polskimi literami deklaracji typu
   dokumentu:

Content-Type: text/html; charset=iso-8859-2

   nalezy dodac w naglowku strony (pomiedzy <HEAD> i </HEAD>, a przed
   <TITLE> ) nastepujaca instrukcje: <META HTTP-EQUIV="content-type"
   CONTENT="text/html; charset=iso-8859-2"> nie jest to rozwiazanie
   najbardziej eleganckie: powoduje (na niektorych serwerach i z
   niektorymi przegladarkami (np. Netscape Navigator) dwukrotne
   interpretowanie zawartosci dokumentu, nie jest w pelni uwzglednione w
   specyfikacji HTML. Tym nie mniej dopoki nie doczekamy sie (badz, sami
   nie przyczynimy sie ;-) do uznania przez grona normalizacyjne i
   producentow oprogramowania faktu, ze w WWW stosuje sie i inne, poza
   anglosaskim zestawy znakow, pozostaje nam stosowanie polsrodkow.

   _Patrz tez:_
     * Sekcja: Standardy: Wielojezycznosc
     * Polska Strona Ogonkowa _http://www.agh.edu.pl/ogonki/ _
     * Apache - wielojezyczny serwer w/g Pawla Wiecka
       _http://la.ists.pwr.wroc.pl/%7Ecoven/tech/langtech.html _

5.5 Jakie formaty plikow? _Czy moge w Pajeczynie umieszczac dokumenty
winnym
formacie niz HTML?_

   Tak. Ale trzeba pamietac o tym, aby nie byly ograniczone tylko do
   jednej platformy sprzetowej/systemowej. I dlatego nie nalezy uzywac
   surowych plikow MS Worda czy QuattroPro. Warto je przelozyc na jakis
   powszechnie uznany standard taki jak PostScript, RichTextFormat, CVS,
   PDF, HTML.

   Jesli nie jest to mozliwe? W takim razie nalezy dodac odpowiednie
   deklaracje MIME types serwera. Oznaczenia typow plikow znajduja sie w
   comp.mail.mime FAQ
   _http://SunSite.ICM.edu.pl/pub/usenet/comp.mail.mime/ _

5.6 Dostawca uslug internetowych _Czy na publikowanie czegos w Sieci
musze miec
jakas koncesje? _

   O ile nie swiadczysz telekomunikacyjnych uslug powszechnych, nie
   sprzedajesz dostepu do sieci, ani nie laczysz sieci w budynkach
   mieszkalnych - nie potrzebujesz. Ale to temat na inna grupei.
     _________________________________________________________________

     _________________________________________________________________

6. Tworzenie - HTML

6.1 Zasady skladni HTML

   HTML jest aplikacja SGMLa. Skladnia dokumentu HTML jest definiowana
   przez kombinacje _deklaracji SGML_ (definiujacej m.in. zakres
   dopuszczalnych znakow) oraz _DTD_ . Wyrazenia znakujace skladaja sie z
   czesciej otwierajacej a zamykajacej. W pierwszej czesci jest to
   sekwencja

<znacznik>

   zas w drugiej jest to
</znacznik>

   (< to znak mniejszosci zas > to znak wiekszosci i sa to HTML (i w
   wiekszosci jezykow opartych na SGMLu) znaki zastrzezone do
   znakowania). Po wlasciwym poleceniu moga nastepowac jego atrybuty
   (wraz z wartosciami)

<znacznik atrybut=wartosc>

   Nie sa istotne typowe elementy sterujace: spacje, tabulatory, znaki
   konca linii (ogolnie znaki o kodzie ASCII ponizej 32) (sa one zbijane
   w jeden). W niektorych przypadkach nie jest wymagane zamkniecie
   polecenia znakujacego.(np.<P>, <LI>) choc czasem moze sie to
   nieciekawie skonczyc (zwlaszcza nie-konczenie polecen
   ,,wymieniajacych'' takich jak <UL>, <OL>).

   Czesc przydatnych na co dzien znakow uzywanych przez polecenia
   znakujace zostala zastapiona przez tzw. _entitles_ rozpoczynajacych
   sie od znaczka & (Ampersand):
     * < - &lt; - znak mniejszosci
     * > - &gt; - znak wiekszosci
     * " - &quot; - znak cala (stosowany powszechnie jako cudzyslow)
     * " " - &nbsp; - znak krotkiej spacji
     * & - &amp;
     * oraz znaki z zakresu powyzej 127 w tablicy ISO-8859-2 (Latin-1)

   W parametrach atrybutow moga (bez ujecia w " lub ') wystepowac jedynie
   znaki z zakresu a-Z, poza tym kropki, znak myslnika (przeniesienia).
   (wystepuja przy tym problemy zwiazane z literka a w atrybutach (nawet
   ujeta w cudzyslowy np. <IMG SRC="foo" ALT="aaa">). Istotna jest
   kolejnosc zagniezdzen znacznikow (ew. patrz przeglad skladni Coguara
   _http://dtd.digilab.com.pl/Coguar/DTD-HOME.html _byc moze rozwine z
   tego kurs HTMLa ;-)

6.2 Najkrotszy dokument

   Wedlug specyfikacji HTML 3.2 najkrotszy dokument wyglada w tak:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<TITLE>Tytul dokumentu</TITLE>

   choc zwykle stosuje sie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-2">
<!--komentarz: to polski dodatek, niezbyt elegancki -->
<TITLE>Tytul dokumentu</TITLE>
</HEAD>
<BODY>
zawartosc dokumentu
</BODY>
</HTML>

6.3 Podstawowe znaczniki

     * _<HTML>_ oznaczenie poczatku dokumentu HTML
     * _<HEAD>_ sekcja naglowkowa (definicje dotyczace calego dokumentu,
       miejsce na wsadzenie informacji o stosowanych stylach, relacjach
       miedzy dokumentami itp.).
     * _<BODY>_ sekcja glowna dokumentu (cala reszta ;-)
     * _<TITLE>_ tytul dokumentu
     * _<A>_ (od ANCHOR) wymaga co najmniej jednego z dwoch atrybutow:
       HREF=" URL " lub name="punkt" oraz zakonczenia (to co znajduje sie
       pomiedzy poczatkiem a koncem wyrazenia stanowi obszar aktywny
       polaczenia (czyli trzeba kliknac myszka na tekscie z wyrazenia aby
       uruchomic odnosnik i przeniesc sie do innego dokumentu).
     * _<LINK>_ pozwala na zdefiniowanie zaleznosci miedzy dokumentami.
     * _<META>_ wnosi dodatkowe informacje na temat dokumentu.
     * _<STONG>_ wyroznienie
     * _<EM>_ wyroznienie
     * _<H1>_ naglowek 1 stopnia

   _Patrz tez:_
     * rekomendacja dla HTML 3.2
     * RFC 1866
     * opis Wilbura czyli HTML 3.2 _http://htmlhelp.com/reference/wilbur/
       _autorstwa Gallacusa a takze wersja offline
       _http://htmlhelp.com/distribution/ _
     * WWW FAQ Thomasa Boutella _http://www.boutell.com/faq/ _
     * Kurs HTML Pawla Wimmera z Wydawnictwa Lupus
       _http://www.polbox.com.pl/lupus/html/index.htm _
     * Panorama HTML _http://winter.it.com.pl/html.htm _z _Projektu
       Winter_
     * WWWhowto - Jak zrobic swoja strone WWW? Tomasza Pilata
       _http://PoncLAND.xyz.lublin.pl/WWWhowto/ _(jest tam tez dzialajacy
       on-line validating parser HTML Wilbur SWAT
       _http://PoncLAND.xyz.lublin.pl/SWAT/ _
     * Trzy, Cztery ! URL, HTML _http://wwwtech.net.pl/HTML/ _Wojtka
       Bogusza autora (lub administratora) m.in. Instalacja i
       konfiguracja serwera WWW
       _http://info.fuw.edu.pl/tech-doc/serwery.html _Polskiej Strony
       Domowej _http://info.fuw.edu.pl/pl/PolskaHome.html _)
     * Jak stworzyc wlasna strone WWW (Grzegorza Wojcika)
       _http://www.ia.pw.edu.pl/pl-iso/homepage-info.html _
     * Jak zrobic wlasna strone WWW
       _http://www.pk.edu.pl/sysdocs/howto.html _(wskazowki dla
       uzytkownikow z PK) (Szymona Sokola i Grzegorza Muchy)
     * Opis polecen jezyka HTML z przykladami
       _http://www.wibro.agh.edu.pl/info/www/html/reference/ _Roberta
       Pajaka
     * Jak zrobic swoja wlasna HomePage ?
       _http://zeus.polsl.gliwice.pl/%7Ebort/local/how-to.html _Andrzeja
       Borta
     * Opis HTML autostwa ,,Statoma''
       _http://www.polsl.gliwice.pl/%7Estatom/HTML/HTML.html _czyli
       Tomasza Stankiewicza
     * The Bare Bones Guide to HTML _http://werbach.com/barebones/
       _krotki (15kb) spis wszystkich komend HTML wraz z netscapizmami
       (zaznaczonymi)
     * Beginner's Guide to HTML
       _http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html _z
       NCSA (autorstwa Marka Andersena)
     * Creating HTML Documents
       _http://www.ncsa.uiuc.edu/SDG/Software/Mosaic/Docs/d2-htmlinfo.htm
       l _(tez NCSA)
     * Introduction to HTML Iana Grahama
       _http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/book.html
       _(wlacznie z rozbiorem HTML 2.0 DTD)
     * Wlodzimierz Macewicz _HTML. Jezyk opisu dokumentu hiperstekstowego
       _Zaklad Naucznia Informatyki ,,MiKOM''
       _http://www.pol.pl/witryna._p/mikom/ _(ISBN 83-7158-035-5) (dosc
       dobra sciaga do pisania HTML ,,z palca'' jednak brakuje w niej
       informacji o SGML, nie do konca jest tez sens opisywac co jaka
       przegladarka akceptuje - choc kiedys podobalo mi sie to)
     * HTML Charter _http://www.ietf.cnri.reston.va.us/html.charters/ _-
       poswiecona HTMLowi grupa robocza IETF _http://www.ietf.org/ _

6.4 Przydatne wskazowki

     * gdy tworzysz wiekszy zestaw dokumentow warto najpierw stworzyc
       projekt (w tym graficzny), szablon dokumentu. Nie od rzeczy jest
       tutaj uzycie technologii CSS1 (w celu zapewnienia spojnej szaty
       graficznej serwisu - a to ze jeszcze nie obsluguja jej niektore
       przegladarki - nie szkodzi - niedlugo beda).
     * staraj sie tworzyc dokumenty ,,znaczeniowe'' a ,,wygladowe''.
     * pamietaj o tym by w dokumencie (niekoniecznie w jego jawnej
       czesci) znalazla sie informacja o:
          + adresie pocztowym autora <link REV="MADE"
            HREF="mailto:ziembor@digilab.com.pl">
          + dacie aktualizacji,
          + miejscu planowanej publikacji (choc nie koniecznie trzeba do
            tego celu uzywac konstrukcji <BASE *>),
          + prawach autorskich (zwlaszcza nie swoich)

     * Style guide for online hypetext @ WDG - htmlhelp
       _http://htmlhelp.com/style/ _
     * Zlote zasady dla projektantow serwisow @ Winter
       _http://winter.it.com.pl/24fe.htm _
     * Style Guide for online hypertext @ W3C
       _http://www.w3.org/pub/WWW/Provider/Style/ _- Tim BL

6.5 Wspolpraca z przeszukiwarkami

   Warto dostosowac swoje dokumenty do istnienia przeszukiwarek i innych
   robotow przez zdefiniowanie dodatkowej informacji o dokumencie:
     * _krotki opis_ <META name="Description" CONTENT="To jest krotki
       opis ">
     * _slowa kluczowe_ <META name="Keywords" CONTENT="WWW, FAQ ">
     * _informacja o prawach autorskich_ <META name="CopyRight"
       CONTENT="Ziemek Borowski (GNU v.2.0) ">
     * _informacja o autorze_ <META name="Author" CONTENT="Ziemek
       Borowski ">
     * _informacja o adresie pocztowym autora_ <LINK REV="MADE"
       HREF="mailto:ziembor@digilab.com.pl">
     * _data powstania dokumentow_ <META name="Create" CONTENT="Sat 15
       Mar 1997 19:26:58 ">
     * _data ostatniej modyfikacji dokumentu_ <META name="Modification"
       CONTENT="Sat 15 Mar 1997 19:26:58 ">

   _Patrz tez:_
     * Opis META _http://htmlhelp.com/reference/wilbur/ _

6.6 Dlaczego standardy sa takie wazne?

   _Netscapizmami_ zwie sie popularnie te rozszerzenia akceptowane tylko
   i wylacznie przez przegladarki firmy Netscape Communications
   Corporation , i ostatnio przez MS Internet Explorer, nie
   zarejestrowane w oficjalnej specyfikacji (badz jej propozycji) jezyka
   HTML. Nie nalezy ich uzywac poniewaz:
     * nie ma mozliwosci sensownego sprawdzenia parserem - validatorem
       SGML takiego dokumentu (zazwyczaj brak jest oficjalnych DTD (i
       nawet nieoficjalnych, np. dla IE 3.0, lub NN 3.0) dla takich
       rozszerzen choc to sie powoli zmienia).
     * dokumenty te nie zawsze moga byc poprawnie wyswietlane w
       przegladarkach innych producentow. A HTML bedacy (zwlaszcza w
       wersjach 2.0 i Wilbur) bardzo ubogim znaczeniowo zastosowaniem
       SGMLa, zostal stworzony po to, by istniala wspolna, niezalezna od
       sprzetu i systemu platforma informacyjna.
     * niektore rozszerzenia nie mieszcza sie w zaden sposob w skladni
       istniejacych DTD HTMLowych ;-) np. te zwiazane z ramkami...
       (FRAMES).

6.7 Netscape-HTML i MS-HTML

   Sa to dialekty (slangi) HTMLa cechujace sie z jednej strony rozmaitymi
   _rozszerzeniami_ (extensions) a z drugiej ignorowaniem proponowanych
   przez innych (np. ciala standaryzacyjne, konkurencje) nowych
   mozliwosci np. proponowanych w szkicach dotyczacych
     * obslugi rownan matematycznych w HTML 3.0
       _http://www.w3.org/pub/WWW/MarkUp/html3/ _
     * tabel w RFC 1942 _http://ds.internic.net/rfc/rfc1942.txt _

   Problem z tymi swoistymi _rozszerzeniami_ polega na tym, ze przez
   tworzenie nieprzemyslanych faktow blokuja one rozwoj jezyka (trudno
   zachowac spojnosc logiczna struktury dokumentu jesli w kazdym jego
   miejscu moze wystapic jakies polecenie (w tym wypadku chodzi o nikomu
   w tej formie nie potrzebny znacznik <CENTER>).

   _Patrz tez:_
     * Best Viewed With Any Browser
       _http://server.berkeley.edu/~cdaveb/anybrowser.html _
     * MultiBrowesr Compability
       _http://la.ists.pwr.wroc.pl/~coven/tech/mbc.html.po _Pawla Wiecka
     * Netscape HTML Extensions
       _http://home.netscape.com/assist/net_sites/html_extensions.html _
     * Microsoft Corporation _http://www.microsoft.com/ _
     * Jak nie nalezy robic: Use of Netscape tags in HTML
       _http://www.phone.net/%7Emwm/Netscape/ _
     * HTML Bad Style Page _http://www.earth.com/bad-style/ _
     * Top 10 Things NOT to do on a Web Page
       _http://cast.stanford.edu/cast/www/donts.html _

   _Patrz tez:_
     * Netscape @ Hall of Shame _http://www.meat.com/netscape_hos.html _
     * WebAlert
       _http://www.axismundi.org/Cf/spiraea/amigaphil/WebAlert.html _

6.8 Jak kontrolowac poprawnosc kodu?

   Dlaczego: to chyba oczywiste kazdy chyba chce zeby rzeczywisty efekt
   pokrywal sie z planowanym, tak teraz jak i w przyszlosci, gdy
   przegladarki beda np. scislej trzymac sie standardu. Powszechnie
   stosowana metoda jest ,,reczne'' sprawdzanie za pomoca wybranej
   dowolnie ,,przegladarki testowej'' takiej jak np. Lynx, Netscape, lub
   MS IE. Jest to dzialanie co najmniej watpliwe: przegladarka powinna
   wyswietlac wszystkie (nawet z bledami skladniowymi) strony poprawnie,
   choc niekoniecznie zgodnie z intencjami jej autorow. Wlasciwa forma
   sprawdzania strony jest raczej uzycie parsera - validatora SGML
   takiego jak na przyklad SP _http://www.jclark.com/sp/ _Jamesa Clarka
   (dostepny tak dla DOS (32-ext.) Win32, jak i UNIXa wraz z odpowiednim
   DTD dla stosowanego dialektu HTMLa
   _http://www.w3.org/pub/WWW/MarkUp/html-pubtext/ _W wyniku kontroli np.

nsgmls -m /usr/lib/pubtext/catalog -f nazwa.err -o nazwa.out nazwa.htm

   powstaje lista bledow (przez skierowanie potoku bledow do pliku) na
   podstawie, ktorej nalezy ,,recznie'' poprawic dokument. Dopiero potem
   warto sprawdzic w przegladarce, czy przypadkiem czegos istotnego nie
   przeoczylismy...

   Dobra metoda jest uzycie jednego z wielu zdalnych weryfikatorow kodu
   HTMLa (patrz nizej), lub jednego z dostepnych weryfikatorow
   ,,lokalnych'':
     * weblint (PERL) _http://www.cre.canon.co.uk/%7Eneilb/weblint/ _
     * SQ Panorama _http://www.sq.com/ _dla MS Windows

   Odradzalbym stanowczo uzywanie rozmaitych wynalazkow przyjaznych, ale
   nie do konca wiedzacych co to sa na przyklad opcje minimalizacji.

   _Patrz tez:_
     * Validation-HTML
       _http://SunSite.ICM.edu.pl/pub/Linux/Documentation/HOWTO/mini/HTML
       -Validation _
     * Validations Services (WDG)
       _http://htmlhelp.com/links/validators.htm _
     * A Kinder, Gentler Validator - oparty na nsgmls J. Clarka
       _http://ugweb.cs.ualberta.ca/%7Egerald/validate/ _- klasyka
       gatunku.
     * SWAT Tomasza (Ponckiego) Pilata
       _http://PoncLAND.xyz.lublin.pl/SWAT/ _- bardzo dobre narzedzie dla
       tych ktorzy tworza w HTML 3.2

6.9 Ramki? Nie stosowac!!!

   Stosowanie ramek (polecenie <FRAME *>) w prezentacjach Internetowych
   jest niewskazane Dlaczego?
     * nie ma ich w ostatniej zatwierdzonej przez IETF specyfikacji
     * nadal bardzo trudno umiescic jakas strone w zakladkach,
     * starsze przegladarki nie akceptuja,
     * latwo zapomniec o poleceniu <NOFRAMES>

   Jesli juz musisz uzywac ramek... poczytaj prosze:
     * WDG Introduction to Frames (Gallacusa)
       _http://htmlhelp.com/design/frames/ _
     * Frames - Netscape HELPSite
       _http://home.netscape.com/assist/net_sites/frames.html _
     * http://dtd.digilab.com.pl/Coguar/DTD-HOME.html
       _http://dtd.digilab.com.pl/Coguar/DTD-HOME.html _

   i sprobuj (jesli nie ma wersji bezramkowej) spojrzec na swoje strony
   lynxem >= 2.6. (np. ramki jak ponizej uwazam za zle zrobione ramki,
   ich nazwy powinny byc opisowe)
     _________________________________________________________________

   FRAME: [1]a
   FRAME: [2]b
   FRAME: [3]c

References

   1. http://www.gdzies.pl/1top_p.html
   2. http://www.gdzies.pl/1poza_p.html
   3. http://www.gdzies.html
     _________________________________________________________________

6.10 Czy moge ukryc kod zrodlowy dokumentu?

   Nie. I bardzo dobrze. Po prostu kod zrodlowy dokumentu w HTML musi byc
   zakodowany bez zadnych ograniczen, aby mozna bylo czytac dokumenty nie
   do konca sprowadzone na lokalny komputer.
     _________________________________________________________________

     _________________________________________________________________

7. Narzedzia do tworzenia HTML

   Gdy mowa o narzedziach sluzacych do kreowania dokumentow w HTMLu
   czesto trudno dojsc do porozumienia. Czesc ludzi twierdzi, ze
   najlepszym narzedziem jest... Windowsowy _Notatnik_ . Inni twierdza,
   ze ma za male mozliwosci wyszukiwania i zamiany wiec zalecaja Vi;-) Sa
   to zwolennicy _edytorow poziomu ,,recznego''_ . Sa tacy ktorzy chcieli
   by jednak miec jakas forme wspomagania tworzenia dokumentow przez
   podswietlanie skladni i mozliwosc wybrania z listy dobranych
   znacznikow. Ci sa zwolennikami _,,edytorow niskiego poziomu''_ . Sa
   jednak tez zwolennicy edytorow graficznych tzw. _WYSIWYG_ czyli
   ,,wysokiego poziomu''. Lecz bardzo czesto zapomina sie o innego typu
   narzedziach np. konwerterach z innych formatow (w tym SGMLowych)
   rozmaitych preprocesorach (zwykle pisanych ,,wieloplatformowo'' w C
   lub perlu) ulatwiajacych tworzenie duzych osrodkow:
     * Orb _http://www.cinenet.net/users/cberry/orbinfo.html _
     * DocuGen _http://www.sil.org/sgml/ _czyli ,,Document Preparation
       Aids for Non-Major Languages''
     * CVS i RCS _http://www.loria.fr/%7Emolli/cvs-index.html _;-)

7.1 MS-Windows

   Gdy mowa o narzedziach pomagajacych tworzyc dokumenty hipertekstowe w
   srodowisku MS Windows (TM) zawsze mam ochote stwierdzic, ze mozna uzyc
   Emacsa _ftp://ftp.sunet.se/pub/os/Win32/ntEmacs/docs/ntemacs/ _lub
   ViMa (dzialaja tez w srodowisku DOS/Win/Win32). Ale nie tego sie po
   mnie oczekuje. Niestety ;-). To co osobiscie moge zalecic to:
     * SQ HoToMetaL PRO 4.0 _http://www.sq.com/ _ew. jesli mamy mniej
       pieniedzy: SQ HoToMetaL Free 2.0 _http://www.sq.com/ _(potem
       wyszly juz tylko wygasajace wersje ewaluacyjne wiec ich niestety
       nie moge polecic jako alternatywy dla wersji komercyjnej).
     * do pewnego typu prac, i ze sporymi zastrzezeniami (natury, mhyyy,
       skladniowej) MS FrontPage _http://www.microsoft.com/poland/ _
     * TextPad _http://www.textpad.com/ _jako dobry, i ,,czysty'' a
       jednoczesnie dostosowywany edytor tekstowy.
     * Super NoteTab
       _http://SunSite.ICM.edu.pl/tucows/htmltext95.html#notetab _
     * HotDog PRO 3.0 _http://www.sausage.com/ _
     * HomeSiteX 2.5
       _http://www.allaire.com/products/homesite/overview.cfm _

   Kilka osob prosilo mnie o zamieszczenie i adresow ,,polskich''
   edytorow HTML (czyli badz napisanych przez Polakow badz z
   polskojezycznym interface). (Przyznaje sie, ze sciagam z listy Pawla
   Wimmera ;-) _http://www.lupus.waw.pl/polshar.html _, aczkolwiek z
   wielka niechecia...
     * Pajaczek Rafala Platka _http://www.intraco.com.pl/ _
     * Hedit (Windows 95) Witolda Cizmowskiego i Slawomira Andryka
       _http://www.amw.net.pl/hedit/ _
     * Edytor stron hipertekstowych Piotra Trzcionkowskiego
       _http://usctoux1.cto.us.edu.pl/~trzcionk/prog_win.html _
     * narzedzia webmasterskie Wojciecha Kaniewskiego
       _http://pro.logonet.com.pl/~wojtekka/prog.htm _

   Odradzam natomiast (zwlaszcza do szybkich poprawek) dobra
   przegladarke, ale gorszy edytor: Netscape Navigatora Gold
   _http://www.netscape.com/ _(zostawia za duzo wlasnego, niepoprawnego,
   kodu przy kazdym zapamietaniu).

   _Patrz tez:_
     * The Ultimate Collection Of Winsock Software
       _http://www.tucows.com/ _(blizej sa ,,lusterka'': Tucows na
       SunSite _http://SunSite.ICM.edu.pl/pub/tucows/ _i Tucows na PW
       _http://alfa2.it.pw.edu.pl/tucows/ _)
     * The CWSApps List
       _http://www.man.poznan.pl/hypertext/cwsa/cwsapps.html _- Indeks
       Aplikacji Sieciowych dla Windows (mirror w Poznaniu)
     * Papa's Anonymous FTP _ftp://ftp.man.poznan.pl/pub/winsock-l/ _(w
       Poznaniu)
     * www.Windows95.com shareware and freeware
       _http://www.windows95.com/ _

7.2 Unix

   Wbrew temu co niektorzy mowia dla Unixie jest mnostwo cennych narzedzi
   do edycji HTML (i generalnie SGMLa). Poczynajac od:
     * spreparowanych pod katem HTML plikow startowych Vi
     * ViMa _http://www.math.fu-berlin.de/%7Eguckes/vim/ _
     * joe
     * Emacsa _http://www.santafe.edu/%7Enelson/tools/ _
     * i XEmacsa, _http://www.XEmacs.org/ _
     * dochodzac do dedykowanych HTMLowi asWedita
       _http://SunSite.ICM.edu.pl/pub/www/asWedit/ _
     * i edytora z Ayamayi (W3C)
       _http://www.w3.org/pub/WWW/Amaya/User/BinDist.html _
     * Istotne sa tez liczne narzedzia skryptowe takie jak na przyklad
       WebLint _http://www.cre.canon.co.uk/%7Eneilb/weblint/ _(do
       kontroli poprawnosci),
     * Latex2HTML _http://SunSite.ICM.edu.pl/pub/CTAN/support/latex2html/
       _,
     * SGML-Tools _http://web.inter.nl.net/users/C.deGroot/sgmltools/ _,
     * perlSGML, _http://www.oac.uci.edu/indiv/ehood/perlSGML.html _
     * sdc, _ftp://ftp.inria.fr/INRIA/Projects/icsla/Implementations _
     * oraz preprocesory takie jak Orb
       _http://www.cinenet.net/users/cberry/orbinfo.html _

7.3 Konwersja LaTeX - HTML
     _________________________________________________________________

Date: Sun, Apr 1997 07:54:43 +0200
Subject: LaTeX a HTML
From: W.Myszka@immt.pwr.wroc.pl
     _________________________________________________________________

   System LaTeX jest popularnym (zwlaszcza na uczelniach technicznych)
   systemem przygotowywania tekstow. Maja one bardzo profesjonalny wyglad
   i niejednokrotnie uzywane sa do publikacji artykulow, raportow i
   tekstow technicznych.

   Tekst przygotowany ,,w LaTeXu'' moze byc bardzo latwo (i stosunkowo
   ladnie) przetlumaczony. Uzyc do tego celu mozna programu LaTeX2html.
   Program wymaga zainstalowanego Perla i interpretuje zarowno dialekt
   LaTeX2.09 jak i LaTeX2e.

   Dokumentem w calosci przetlumaczonym do HTML z LaTeXa za pomoca tego
   programu sa Narzedzia sieciowe
   _http://www.immt.pwr.wroc.pl/export_hp/tool/ _

   Nieco mniej eleganckie wyniki daje program TeX2RTF (wbrew nazwie
   pozwala on tlumaczyc dokumenty w LaTeXu do jednej z nastepujacych
   postaci: RTF, HTML, Windows Help).
     * LaTeX2html - CTAN
       _http://SunSite.ICM.edu.pl/pub/CTAN/support/latex2html/ _
     * TeX2RTF - CTAN
       _http://SunSite.ICM.edu.pl/pub/CTAN/support/tex2rtf/ _
     _________________________________________________________________

     _________________________________________________________________

8. Tworzenie - grafika

8.1 Formaty graficzne

   Istnieje kilka uznanych formatow grafiki sluzacych do prezentacji w
   pajeczynie:
     * GIF _ftp://x2ftp.oulu.fi/pub/msdos/programming/formats/gif87a.zip _
       - stworzony przez CompuServe INC. _http://world.compuserve.com/ _w
       1987 roku (GIF87a)
       _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/GIF87a.txt _a nastepnie w
       1989 r. zrewidowany (GIF89a).
       _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/GIF89a.txt _W tej chwili
       uzywa sie tej drugiej wersji. Podstawowe cechy GIFow to:
          + 256 kolorow
          + rozdzielczosc dostosowana do przecietnej rozdzielczosci
            ekranu (72dpi)
          + kompresja z uzyciem LZ
            _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/GIF-comp.txt _(wiec
            chyba dosc skuteczna - z ,,wiernym'' odtwarzaniem)
          + mozliwosc zdefiniowania jednego z kolorow jako
            przezroczystego (patrz Sekcja: ... Efekty Specjalne)
          + mozliwosc skladowania w jednym pliku nastepujacych po sobie w
            okreslonym porzadku rysunkow (patrz Sekcja: ... Efekty
            Specjalne: Animacje)
     * JPEG File Interchange Format (V1.02)
       _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/JPEG.txt _nadajacy sie
       bardziej do zdjec i obrazow wielobarwnych Stosuje algorytmy z
       utrata danych.
     * PNG _http://www.boutell.com/boutell/png/ _
     * XBM - X BitMap Format
       _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/XBM.txt _i XPM - X
       PixelMap Format _http://www.dcs.ed.ac.uk/home/mxr/gfx/2d/XPM.ps.gz
   _  * i inne, ale juz tylko przy pomocy wtyczek (plug-inow)

   Przy czym rozgraniczenie pomiedzy ,,normalnymi'' formatami a tymi
   obslugiwanym przez ,,wtyczki'' nie wynika ze standardow i specyfikacji
   technicznych, co raczej z ograniczen przegladarek (w zasadzie kazdy
   zarejestrowany przez IANA format plikow, powinien byc w ten czy w inny
   sposob obsluzony - chocby przez zapamietanie obrazka z CorelDraw na
   dysku).

   _Patrz tez:_
     * Understanding Image File Formats
       _http://www.cobb.com/tma/9508/tma89501.htm _
     * W3C Activity: Real-Time Multimedia
       _http://www.w3.org/pub/WWW/Consortium/Prospectus/RealTime.html _
     * Encyclopedia of Graphics File Formats
       _http://www.ora.com/catalog/gffcd/ _James D. Murray & William
       vanRyper 2nd Edition May 1996

8.2 Zasady umieszczania grafiki

     * Pamietaj o tym by nie zamieszczac na stronie startowej wielkich
       (tj. razem powyzej 20 KB) elementow graficznych. Mozesz tym
       odstraszyc (wolne/przelnione lacza).
     * Pamietaj o atrybucie ALT poleczenia IMG
     * Niech grafiki stanowia drobne urozmaicenie tekstu, immanentna
       calosc jako ilustracje a nie jakosc sama w sobie: _Patrzcie co
       potrafie zrobic PhotoShopem_
     * Staraj sie nie robic elementow zawierajacych napisy jako grafike.
       A nuz ktos to bedzie chcial obejrzec na monitorze 21 calowym nie w
       rozdzielczosci 600x800 ;-) Pomijajac fakt, ze to uniemozliwia
       normalne indeksowanie takich napisow (niektore roboty nie czytuja
       nawet tego co jest zamieszczone jako ALT ).

8.3 Efekty specjalne

  ,,Przezroczyste grafiki''

   Aby przygotowac przezroczyste grafiki, tj. w kolorze dowolnie
   definiowanego tla lub podkladu, nalezy zapamietac je w formacie GIF
   89a
     * LView Pro 1.0 dla Windows
       _http://world.std.com/%7Emmedia/lviewp.html _(lub z mirrora:
       http://alfa2.it.pw.edu.pl/tucows/
       _http://alfa2.it.pw.edu.pl/tucows/ _)
     * giftrans dla DOSa
       _http://SunSite.ICM.edu.pl/pub/www/tools/giftrans/giftrans.exe
       _lub UNIX
       _http://SunSite.ICM.edu.pl/pub/www/tools/giftrans/giftrans.1.gz _
     * zdalna konwersja GIFow do przezroczystych
       _http://www.mit.edu:8001/transweb.html _
     * Transparent/Interlaced GIF Resources
       _http://www.put.poznan.pl/hypertext/Internet/faq/t-gif/transparent
       .html _

  Animacje

   Wiecej informacji na stronie: Animated GIF Resources.
   _http://www.webreference.com/graphics/animation.html _Do tworzenia
   animowanych rysunkow moga sluzyc:
     * Gif Construction Set dla Windows
       _http://www.mindworkshop.com/alchemy/gifcon.html _
     * WebPaint - shareware dla W95 _http://www.barentsnett.no/webpaint/ _
     * GifMerge dla UNIXa _http://www.iis.ee.ethz.ch/%7Ekiwi/GIFMerge/ _
     _________________________________________________________________

     _________________________________________________________________

9. Tworzenie - sterowanie wygladem i stylem.

   O chwili pojawienia sie specyfikacji CSS pajeczyna przeobraza sie (lub
   przynajmniej powinna przeobrazac sie ;-). Konczy sie epoka durnego
   mark-upu ,,TYPOGRAFICZNEGO'' (np. <FONT FACE="ARIAL"> a rozpoczyna sie
   czas znakowania znaczeniowego, a sterowania wygladem przy pomocy
   oddzielnego jezyka...
     _________________________________________________________________
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads