home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 March / Chip_2004-03_cd1.bin / software / abi / abiword.exe / AbiWord / howtoweb.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-01-20  |  11.0 KB  |  65 lines

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <!-- 
  7. Copyright 2002 John Clark Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any later version published by the Free Software Foundation; with no Invariant Sections, with no Front-Cover Texts, and with no Back-Cover Texts A copy of the license is included in the section entitled "GNU Free Documentation License"
  8. //-->
  9. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  10. <title>Jak pisaµ do publikowania w Internecie</title>
  11. <link href="../style.css" rel="stylesheet" type="text/css" />
  12.  
  13. </head>
  14. <body>
  15.  
  16. <div class="banner">
  17. <a href="../index.html" class="bars">Home</a> > <a href="index.html" class="bars">Jak to zrobiµ?</a> > Dokumenty WWW 
  18. </div>
  19.  
  20. <div class="main">
  21.  
  22.  
  23.    <h1><span style="lang: -none-">Wskaz├│wki i triki tworzenia dokument├│w AbiWord do prezentacji w sieci WWW</span></h1>
  24.    <h2><a name="introduction" id="introduction"><span style="lang: -none-">Wprowadzenie</span></a></h2>
  25.    <p><span style="lang: -none-">Wielu autor├│w chcia┼éoby mie─ç mo┼╝liwo┼¢─ç prezentacji swoich dokument├│w w r├│┼╝nych mediach i w r├│┼╝nych formatach. AbiWord udost─Öpnia pe┼én─à gam─Ö format├│w zapisu plik├│w.</span></p>
  26.    <p><span style="lang: -none-">Najcz─Ö┼¢ciej poszczeg├│lne formaty zapisu plik├│w s─à zwi─àzane z danym typem medi├│w. Na przyk┼éad HTML jest zwi─àzany z prezentacj─à w Internecie. Je┼¢li jeste┼¢ zainteresowany zamieszczeniem swojego dokumentu w wielu mediach, to powiniene┼¢ pomy┼¢le─ç o w┼éa┼¢ciwym formacie wyj┼¢ciowym. Poni┼╝szej omawiamy jak w AbiWordzie utworzy─ç dokumenty przeznaczone bezpo┼¢rednio dla sieci WWW, czyli dokumenty typu "dla WWW". Dokumenty "dla WWW" to takie, kt├│re dok┼éadnie odpowiadaj─à zapisowi w HTML i kt├│re ┼éatwo mo┼╝na zmodyfikowa─ç celem w┼é─àczenia do twojej witryny www.</span></p>
  27.    <h2><a name="structure" id="structure"><span style="lang: -none-">Przetwarzanie tekst├│w czy zarz─àdzanie zawarto┼¢ci─à</span></a></h2>
  28.    <p><span style="lang: -none-">Przy tworzeniu dowolnych dokument├│w autor mo┼╝e wybra─ç jedno z dw├│ch podej┼¢─ç do tego zagadnienia. Pierwsze to koncentracja na prezentacji, kiedy autor r─Öcznie edytuje szczeg├│┼éy wizualne swego dokumentu, a┼╝ b─Ödzie zadowolony z jego wygl─àdu. Drugie polega na koncentracji na elementach strukturalnych, kiedy to autor skupia si─Ö na zawarto┼¢ci dokumentu, a dopiero w nast─Öpnym etapie stosuje formatowanie zale┼╝nie od element├│w strukturalnych dokumentu.</span></p>
  29.    <p><span style="lang: -none-">Aby utworzy─ç w AbiWordzie dokument typu "dla WWW", musisz jednocze┼¢nie zajmowa─ç si─Ö przetwarzaniem tekstu, jak i zwraca─ç uwag─Ö na elementy strukturalne tworzonego dokumentu. Typowy dokument sk┼éada si─Ö z wielu r├│┼╝nych element├│w strukturalnych, takich jak: tytu┼éy, listy, akapity itd.</span></p>
  30.    <p><span style="lang: -none-">Aby rozja┼¢ni─ç o czym m├│wi─Ö, prze┼¢led┼║my przyk┼éadowe tworzenie tytu┼éu w dokumencie. Przy pierwszym podej┼¢ciu, koncentruj─àc si─Ö na prezentacji, wstawiliby┼¢my kursor tam, gdzie chcieliby┼¢my widzie─ç tytu┼é,a nast─Öpnie wybraliby┼¢my czcionk─Ö Times New Roman o rozmiarze 20 punkt├│w, pogrubion─à celem jego uwydatnienia. Przy drugiej metodzie, skoncentrowanej na elementach strukturalnych, wybraliby┼¢my styl, kt├│ry wed┼éug nas najlepiej reprezentuje nasz element. Korzystamy wtedy z rozwijalnego menu po lewej stronie na Pasku nadrz─Ödziowym formatowania. W tym wypadku wybraliby┼¢my styl "Heading 1", a wtedy ta sekcja dokumentu mia┼éaby styl "Heading 1".</span></p>
  31.    <h2><a name="styles" id="styles"><span style="lang: -none-">Style</span></a></h2>
  32.    <p><span style="lang: -none-">Jak m├│wili┼¢my wcze┼¢niej, wykonuj─àc wy┼╝ej wymienione czynno┼¢ci, przypisanie stylu "Heading 1" do naszego tytu┼éu, nie ustala nam formatowania, kt├│re to mia┼éo miejsce przy r─Öcznym formatowaniu tytu┼éu przy pomocy pierwszej metody. Domy┼¢lnie wbudowany format dla stylu "Heading 1" to pogrubiona czcionka Arial o rozmiarze 17 punkt├│w. Takie s─à ustawienia domy┼¢lne, jednak style daj─à autorowi pot─Ö┼╝ne mo┼╝liwo┼¢ci kontroli uk┼éadu dokumentu.</span></p>
  33.    <p><span style="lang: -none-">Styl jest po prostu opisem cech element├│w strukturalnych wyst─Öpuj─àcych w dokumencie, takiego jak na przyk┼éad tytu┼é. Ka┼╝dy styl ma skojarzone z nim instrukcje formatuj─àce, kt├│re s─à stosowane do ka┼╝dego elementu skojarzonego z danym stylem. Autor mo┼╝e wi─Öc operowa─ç instrukcjami formatowania w celu zarz─àdzania wizualizacj─à prezentacji wszystkich element├│w z danego stylu.</span></p>
  34.    <h3><a name="important" id="important"><span style="lang: -none-">Dlaczego to jest wa┼╝ne?</span></a></h3>
  35.    <p><span style="lang: -none-">S─à dwa g┼é├│wne powody, dla kt├│rych u┼╝ywanie styl├│w jest wa┼╝ne dla panowania nad swoimi dokumentami. U┼╝ywanie styl├│w pozwala bardzo ┼éatwo dokonywa─ç zmian w zakresie prezentacji dokumentu. Na przyk┼éad, je┼¢li potrzebujesz powi─Ökszy─ç czcionk─Ö wszystkich tytu┼é├│w danego typu, to zmieniasz tylko instrukcje formatuj─àce dla tego tytu┼éu i zmiana ta jest natychmiast zastosowana w ca┼éym dokumencie. Aby tego dokona─ç nale┼╝y wej┼¢─ç do </span><span style="lang: -none-" class="GUIdoc">Format > Style...</span><span style="lang: -none-"> by wywo┼éa─ç menu </span><a href="../interface/dialogstyles.html"><span style="lang: -none-" class="GUIdoc">Style</span></a><span style="lang: -none-">. Z listy </span><span style="lang: -none-" class="GUIdoc">Dost─Öpne style </span><span style="lang: -none-">wybierz teraz styl, kt├│ry chcesz zmodyfikowa─ç i kliknij </span><span style="font-weight: bold; lang: -none-">Zmie┼ä...</span><span style="lang: -none-"> by wywo┼éa─ç okno </span><span style="lang: -none-" class="GUIdoc">Modyfikacja Stylu</span><span style="lang: -none-">. W oknie tym masz dost─Öp informacji o sposobie prezentacji skojarzonym ze stylem, kt├│ry w┼éa┼¢nie wybra┼ée┼¢. Jak widzisz, taka metodyka umo┼╝liwia wszelkiego rodzaju zarz─àdzanie dokumentem. Taka koncepcja styl├│w jest tak┼╝e u┼╝yta przy eksporcie do formatu HTML. Tak wi─Öc je┼¢li potrzebujesz zmieni─ç wizualizacj─Ö twojej prezentacji HTML, to mo┼╝esz zmienia─ç prezentacj─Ö jednego ze styl├│w przez prost─à edycj─Ö instrukcji formatuj─àcych, znanych jako Cascading Style Sheets -- kaskadowe arkusze styl├│w.</span></p>
  36.    <p><span style="lang: -none-">Ponadto u┼╝ywanie styl├│w i instrukcji formatuj─àcych umieszcza wszystkie informacje wizualizacyjne w jednym miejscu , co znacznie oczyszcza zawarto┼¢─ç twojego dokumentu. Ma to szczeg├│lne znaczenie przy pracy z plikami HTML, albowiem mo┼╝e si─Ö zdarzy─ç i┼╝, aby zintegrowa─ç tw├│j dokument z witryn─à internetow─à, b─Ödziesz musia┼é dokona─ç bezpo┼¢redniej edycji znacznik├│w HTML.</span></p>
  37.    <h3><a name="css" id="css"><span style="lang: -none-">Instrukcje formatowania html -- kaskadowe arkusze styl├│w (CSS)</span></a></h3>
  38.    <p><span style="lang: -none-">Domy┼¢lnie, kiedy zapisujesz sw├│j dokument jako plik HTML, AbiWord umieszcza wszystkie instrukcje formatuj─àce w jednym bloku na pocz─àtku pliku. Formatowanie to u┼╝ywa instrukcji j─Özyka styl├│w kaskadowych CSS i w twoim dokumencie s─à umieszczone instrukcje <style> w cz─Ö┼¢ci <head> twojego dokumentu. Z tej cz─Ö┼¢ci dokumentu mo┼╝na ┼éatwo przekopiowa─ç style jako ca┼éo┼¢─ç (kopiuj i wklej) do nowego dokumentu, kt├│ry mo┼╝e by─ç po┼é─àczony zewn─Ötrznie lub zintegrowany z arkuszem styl├│w twojej witryny internetowej.</span></p>
  39.    <h2><a name="paragraphs" id="paragraphs"><span style="lang: -none-">Akapity i wci─Öcia</span></a></h2>
  40.    <p><span style="lang: -none-">Za ka┼╝dym razem kiedy przyciskasz klawisz Enter lub Return w czasie edycji dokumentu AbiWorda, tworzysz nowy blok tekstu w twoim dokumencie. Aby utworzy─ç w AbiWordzie dokument "do WWW", powiniene┼¢ w dokumencie mie─ç tylko jeden blok tekstu dla ka┼╝dej sekcji. Przyk┼éadowe sekcje to: akapity, tytu┼éyi, podpunkty na li┼¢cie.</span></p>
  41.    <p><span style="lang: -none-">FNa przyk┼éad wielu autor├│w, u┼╝ywaj─àc edytora tekst├│w b─Ödzie r─Öcznie wstawia─ç puste wiersze pomi─Ödzy akapitami przez wielokrotne naciskanie klawisza Enter. Jednak odst─Öpy pomi─Ödzy akapitami to szczeg├│┼é wizualizacyjny prezentacji, kt├│ry powinien by─ç pozostawiony dla instrukcji formatuj─àcych akapity, jak ju┼╝ m├│wili┼¢my o tym </span><a href="#styles"><span style="lang: -none-">powy┼╝ej</span></a><span style="lang: -none-">, w cz─Ö┼¢ci po┼¢wi─Öconej stylom.</span></p>
  42.    <p><span style="lang: -none-">Mo┼╝esz zarz─àdza─ç tak┼╝e wci─Öciami akapit├│w przy u┼╝yciu instrukcji formatuj─àcych. Cz─Östo kusz─àce jest regulowanie wci─Öcia akapit├│w przez wstawianie wielokrotnych spacji czy tabulator├│w. Jednak tworz─àc dokumenty dla WWW, powiniene┼¢ ustawia─ç wymagane marginesy czy wci─Öcia albo poprzez u┼╝ywanie </span><a href="#styles"><span style="lang: -none-">instrukcji formatuj─àcych</span></a><span style="lang: -none-"> albo poprzez znaczniki margines├│w na linijce.</span></p>
  43.    <p style="text-align: center"><img width="100.000000%" src="howtoweb.html_files/ruler_0.png" /></p>
  44.    <p style="text-align: left"><span style="lang: -none-">U┼╝ywanie takich metod umo┼╝liwia plikom HTML u┼╝ywanie odpowiednich instrukcji formatowania, aby w┼éa┼¢ciwie wcina─ç tekst, a ciebie, autora, chroni przed konieczno┼¢ci─à r─Öcznego wielokrotnego wstawiania wci─Ö─ç do tekstu.</span></p>
  45.    <h2><a name="images" id="images"><span style="lang: -none-">Obrazki</span></a></h2>
  46.    <p><span style="lang: -none-">Jako autor u┼╝ywaj─àcy AbiWorda i zainteresowany prezentacj─à w postaci witryny WWW, powiniene┼¢ by─ç ┼¢wiadomy jednej rzeczy dotycz─àcej u┼╝ywania obrazk├│w w twoim dokumencie. Przede wszystkim w odr├│┼╝nieniu od plik├│w AbiWorda, pliki HTML w swoim kodzie nie przechowuj─à obrazk├│w. ┼Üci┼¢le m├│wi─àc musz─à odwo┼éywa─ç si─Ö do oddzielnych plik├│w zawieraj─àcych obrazki. Kiedy wi─Öc zapisujesz plik AbiWorda jako plik typu HTML, to wszystkie obrazki s─à zapisywane do katalogu i wstawiane s─à odpowiednie do nich odno┼¢niki. Je┼¢li zapisany plik HTML ma nazw─Ö </span><span style="lang: -none-" class="Command">plik.html</span><span style="lang: -none-">, to katalog z obrazkami b─Ödzie mia┼é nazw─Ö </span><span style="lang: -none-" class="Command">plik.html_d</span><span style="lang: -none-">. Tam znajdziesz wszystkie obrazki z twojego dokumentu.</span></p>
  47.   </div>
  48.  
  49. <div class="index">
  50. <a href="../index.html" class="bars">Top Page</a>
  51. <a href="../tutorial/index.html" class="bars">Tutorial</a>
  52. <a href="../howto/index.html" class="bars">How To</a>
  53. <a href="../info/index.html" class="bars">Information</a>
  54. <a href="../interface/index.html" class="bars">Interface</a>
  55. <a href="../plugins/index.html" class="bars">Plug-ins</a> 
  56. <a href="../problems/index.html" class="bars">Problems</a>
  57. <a href="../credits.html" class="bars">Credits</a>
  58. <a href="../azindex.html" class="bars">Index</a>
  59. <a href="../fdl.html" class="bars">GNU FDL</a> 
  60. </div>
  61.  
  62. </body>
  63. </html>
  64.  
  65.