EBOOK TO PROSTE. czyli. epub bez tajemnic
|
|
- Anna Stasiak
- 8 lat temu
- Przeglądów:
Transkrypt
1
2 EBOOK TO PROSTE czyli epub bez tajemnic
3 Copyright by Wiesław B. Pietrzak Projekt okładki i strony tytułowej Wiesław B. Pietrzak ISBN Wszelkie prawa zastrzeżone Rozpowszechnianie i kopiowanie całości lub części publikacji zabronione bez pisemnej zgody autora Wydanie I
4 4 Spis treści KRÓCIUTKIE WPROWADZENIE... 6 FORMAT EPUB... 7 BUDOWA PLIKU EPUB... 8 PLIK MIMETYPE... 9 PLIK CONTAINER.XML... 9 PLIK CONTENT.OPF... 9 Sekcja metadata Sekcja manifest Sekcja spine Sekcja guide TWORZENIE OKŁADKI...18 SPIS TREŚCI (PLIK TOC.NCX)...21 CZCIONKI...28 USTALANIE CZCIONEK ALTERNATYWNYCH...28 OSADZANIE CZCIONEK...29 OBRÓBKA TEKSTU...30 WYRÓWNANIE TEKSTU...30 UŻYWANIE ELEMENTÓW RAZEM...30 KONTROLOWANIE POZYCJI NAGŁÓWKÓW...31 USTAWIANIE WŁAŚCIWOŚCI BĘKARTÓW I SIEROT...32 OPCJE ŁAMANIA STRONY...32 INICJAŁY I KAPITALIKI...33 ZAZNACZANIE PIERWSZEJ LITERY I LINII PRZY UŻYCIU CSS...33 ZAZNACZANIE PIERWSZEJ LITERY I LINII PRZY UŻYCIU TAGÓW XHTML...35 FORMATOWANIE KRÓTKICH LINII...36 DZIELENIE WYRAZÓW...38 PRACA Z GRAFIKĄ...39 UTRZYMYWANIE PODPISÓW RAZEM Z GRAFIKĄ...39 OBLEWANIE SIDEBARA TEKSTEM...40
5 5 OBRAMOWANIA I TŁA...41 TWORZENIE SIDEBARA...41 OBLEWANIE SIDEBARA TEKSTEM...43 TWORZENIE TABEL...45 TWORZENIE ODNOŚNIKÓW...45 SIGIL...47 TWORZYMY EBOOKA...47 PRZYPISY...48 ROZDZIAŁY...48 WYKORZYSTANIE WORDA DO ZROBIENIA EBOOKA...49 PRZYGOTOWANIE PLIKÓW HTML POD WYMOGI EPUB...49 PRZEMIANA PLIKU HTML W XHTML...50 TWORZENIE OSOBNEGO PLIKU Z ARKUSZEM STYLU...50 USTALANIE INFORMACJI O WSTAWIONYCH CZCIONKACH...51 USUWANIE ZBĘDNYCH CUDZYSŁOWÓW...51 USUWANIE NIEISTOTNYCH INFORMACJI O LINKOWANIU STYLÓW WORDA...52 ŁĄCZENIE INFORMACJI O STYLACH...52 USUWANIE INFORMACJI O FORMATOWANIU STRONY WORDA...53 UŻYCIE RELATYWNYCH JEDNOSTEK MIARY...53 UŻYWANIE FORM SKRÓCONYCH...54 USUWANIE ZASAD NIEISTNIEJĄCYCH STYLÓW...55 OSTATECZNY ARKUSZ STYLU CSS...55 DEKLARACJA JĘZYKA...56 DODAWANIE ZNAKÓW CUDZYSŁOWU WOKÓŁ ATRYBUTÓW...56 DODAWANIE ZAMYKAJĄCEGO SLASHA DO PUSTYCH ELEMENTÓW...57 KOŃCOWE CZYSZCZENIE KODU XHTML...57
6 6 Króciutkie wprowadzenie Książki elektroniczne, czyli ebooki, można czytać w różnorakich czytnikach programowych (aplikacjach) w komputerach, smartfonach lub dedykowanych czytnikach sprzętowych. Ebooki występują w kilku formatach: djv, epub, mobi i pdf. Pdf jest najstarszym formatem, a publikacje w nim tworzone mają sztywny podział na strony i równie sztywny układ stron. Charakterystyczną cechą pozostałych formatów jest to, że tworzone wedle ich wymogów książki są niestronicowane, mogą być więc czytane w dowolnym czytniku programowym lub sprzętowym a tekst będzie się wlewać swobodnie na całą szerokość ekranu. Po lewej stronie widać ten sam tekst w czytniku Aldiko w wąskim widoku, a u dołu w szerokim. Zamieszczone w niniejszej książce zdjęcia, ilustrujące opisywane przykłady procesu tworzenia ebooka, pochodzą z trzech czytników: ADE - Adobe Digital Editions (Windows) oraz Aldiko i Moon+ Reader (oba Android).
7 7 Format epub Najbardziej rozpowszechnionym i akceptowanym formatem dla książek w wydaniu elektronicznym jest dzisiaj epub. Oparty na języku XML epub jest standardem międzynarodowym opracowanym przez International Digital Publishing Forum i jest następcą wcześniejszego standardu Open ebook. Z głównych graczy nie akceptuje go Amazon, który opracował własny standard mobi. Dokument epub jest specjalnie zbudowanym skompresowanym plikiem z rozszerzeniem.epub. Czytniki programowe potrafią wyświetlić zawartość dokumentu epub na ekranie dowolnej wielkości: od telefonu komórkowego, przez tablet, po monitor stacjonarny. epub pozwala też na tworzenie nawigacyjnego (klikalnego) spisu treści. Zawartość e-książki w formacie epub jest zawarta w plikach XHTML i CSS, które mogą odwoływać się do grafik i dodanych czcionek, i może być zakodowana z użyciem DRM. Xhtml to specjalna odmiana języka html, w którym tworzone są wszystkie strony internetowe. Plik epub zawiera też zbiór plików XML, które pomagają formatować ebook, aby był on właściwie odczytany przez czytnik. Pliki źródłowe ebooków są plikami tekstowymi, więc na upartego można je tworzyć nawet w zwykłym notatniku, a do ich kompilowania wystarczy dowolny archiwizer pliku zip, gdyż ebook formatu epub jest zwykłym archiwum zip i po zmianie rozszerzenia z.epub na.zip można taki plik wypakować archiwizerem w dowolnym katalogu. Ale uwaga powrotna czynność, tzn. spakowanie do formatu.zip i zmiana rozszerzenia na.epub nie zawsze jest akceptowana przez czytniki: np. Aldiko jest odporny na tego typu działanie i odrzuca tak spreparowane pliki, natomiast Moon+ Reader gładko je przełyka i dzięki temu znakomicie nadaje się szybkiego sprawdzania efektów wprowadzanych zmian w tekście ebooka lub jego kodzie.
8 8 Budowa pliku epub Archiwum epub zawiera następujące elementy: 1. plik mimetype 2. folder META-INF z plikiem container.xml 3. folder OPS (albo OEBPS lub też content) z plikami XHTML (html, xhtml, xml), CSS i innymi zawierujący też plik content.opf ze strukturą ebooka i plik toc.ncx ze spisem treści 4. folder z ilustracjami (najczęściej ma on nazwę Images) 5. plik stylesheet.css z arkuszem stylów Przy tworzeniu ebooka należy zwracać uwagę na wielkość liter, gdyż plik.xhtml i Plik.xhtml to dwa różne pliki. Poniżej przedstawiona jest ilustracja z dokumentu ADOBE EPUB Best Practices prezentująca zawartość przykładowego pliku epub.
9 9 Plik mimetype Plik ten informuje o rodzaju archiwum zzipowanym pliku epub. Nie ma on rozszerzenia i musi znajdować się na pierwszym miejscu w strukturze archiwum, a jego zawartość jest więcej niż skromna i prezentuje się tak: application/epub+zip Plik container.xml Plik container.xml, umieszczony w folderze META-INF, wskazuje położenie pliku content.opf. Jego przykładowa zawartość wygląda tak: <?xml version="1.0" encoding="utf-8"?> <container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container"> <rootfiles> <rootfile full-path="oebps/content.opf" mediatype="application/oebps-package+xml" </rootfiles> </container> Plik content.opf Plik ten zawiera ogólne informacje o publikacji, manifest z deklaracją plików naszego ebooka oraz kolejność występowania poszczególnych rozdziałów publikacji. Odpowiadają za to trzy podstawowe, obowiązkowe sekcje, spięte znacznikiem package: metadata (zawiera ogólne informacje o publikacji, autorze, wydawcy itd.), manifest (z deklaracją plików naszego ebooka) i spine (kolejność wyświetlania poszczególnych rozdziałów publikacji). Przykładowy plik content.opf ma następującą postać: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <package xmlns=" uniqueidentifier="bookid" version="2.0"> <metadata xmlns:dc="
10 10 xmlns:opf=" <dc:identifier id="bookid" opf:scheme="uuid">urn:uuid:f1113ff9-9b52-42b d364c0</dc:identifier> <dc:title>spfa - samobieżna artyleria lufowa</dc:title> <dc:rights>copyright Wiesław B. Pietrzak</dc:rights> <dc:creator opf:role="aut">wiesław B. Pietrzak</dc:creator> <dc:date opf:event="creation"> </dc:date> <dc:language>pl</dc:language> <meta name="cover" content="spfa-cover.jpg" <meta content="0.5.3" name="sigil version" <manifest> <item href="toc.ncx" id="ncx" media-type="application/xdtbncx+xml" <item href="text/cover.xhtml" id="cover.xhtml" mediatype="application/xhtml+xml" <item href="images/spfa-cover.jpg" id="spfa-cover.jpg" mediatype="image/jpeg" <item href="images/spfa-cover-rear.jpg" id="spfa-cover-rear.jpg" media-type="image/jpeg" </manifest> <spine toc="ncx"> <itemref idref="cover.xhtml" <itemref idref="tytulowa.xhtml" <itemref idref="wstep.xhtml" <itemref idref="wykaz.xhtml" <itemref idref="rozdz_01.xhtml" <itemref idref="rozdz_02.xhtml" <itemref idref="rear_cover.xhtml" </spine> <guide> <reference href="text/cover.xhtml" title="cover" type="cover" <reference href="text/tytulowa.xhtml" title="title Page" type="titlepage" </guide> </package>
11 11 Sekcja metadata W sekcji metadata znajdują się trzy obowiązkowe elementy: tytuł (dc:title), język (dc:language) oraz identyfikator (dc:identifier). Ten ostatni to najczęściej międzynarodowy numer ISBN, ale może to być dowolny unikatowy identyfikator, np. adres mailowy autora z kolejnym numerem. Pozostałe znaczniki autor, wydawca, data, temat, opis i inne są opcjonalne. Sekcja metadata w pliku content.opf jest miejscem, w którym umieszczasz szczegółowe informacje o twojej książce: tytuł, ilustratora, wydawcę, identyfikator, temat, opis i inne. Czyli wszystko to, co pozwoli potencjalnemu czytelnikowi znaleźć w sieci tę książkę. Sekcja metadanych rozpoczyna się elementem metadata, który zawiera dwie dalsze nazewnicze deklaracje dbające o ważność twojego dokumentu XML: <metadata xmlns:dc=" xmlns:opf= " Skróty dc i opf pochodzą od nazw specyfikacji Dublin Core Metadata i Open Packaging Format. W następnej kolejności, trzymając się wymogów Dublin Core, musimy zamieścić tytuł, identyfikator i język. <dc:title>spfa samobieżna artyleria lufowa</dc:title> Tytuł jest wymagany, gdyż niektóre czytniki mogą nie otworzyć książki, jeżeli nie znajdą tytułu. Tytuł służy czytnikom do identyfikacji ebooka: niektóre wyświetlają go na okładce, jeżeli nie zamieszczono na niej ilustracji, inne w nagłówkach stron, a ADE umieszcza go w panelu nawigacyjnym. Drugim wymaganym elementem jest dc:identifier, którego wartość powinna odpowiadać wartości użytej w elemencie dtb:uid meta w pliku toc.ncx i którego id powinien odpowiadać id atrybutu unique-identifier elementu package. Możesz określić rodzaj użytego identyfikatora w atrybucie opf:scheme. Chociaż nie jest nigdzie podane, które atrybuty są dozwolone, to można tam umieszczać ISDN (international standard book num-
12 12 ber), DOI (digital object identifier), URL (uniform resource locator), URN (uniform resource name) i URI (uniform resource identifier). Można użyć je wszystkie: <dc:identifier opf:scheme="uri"> </dc:identifier> <dc:identifier id="bookid">urn:uuid:3c1e502b-d c-3cd9-26b7a73e73ad</dc:identifier> Trzecim wymaganym elementem metadanych jest dc:date czyli data. Musi ona zawierać rok w formacie czterocyfrowym. Można też podać miesiąc i dzień w formacie dwucyfrowym. Dozwolone są równoległe elementy daty np. dla przedstawienia pierwotnej daty publikacji jak też wydania wersji epub. Atrybut opf:event może być użyty do rozróżnienia wielu elementów date: <dc:date opf:event="original-publication">1956</dc:date> <dc:date opf:event="ops-publication"> </dc:date> Czwartym elementem w sekcji metadanych, który jest wymagany, jest dwuliterowy kod języka dc:language. Można wpisać kilka takich deklaracji. <dc:language>pl</dc:language> O wiele więcej jest opcjonalnych elementów, które można zamieścić, by dodać różnorakie informacje o Twojej książce do pliku epub, z których najważniejsze zostały wyszczególnione poniżej: - dc:creator, oznacza autora książki. Element creator ma dwa opcjonalne atrybuty: opf:role i opf:file-as. Dozwolone wartości atrybutu opf:role (jak aut na oznaczenie autora) można znaleźć pod adresem Atrybut opf:fileas służy do ustawiania właściwej kolejności członów nazwiska autora. Bez użycia tej opcji, wyświetlając książki według autorów, Wiesław B. Pietrzak będzie wyświetlony pod W zamiast pod P. - dc:subject, określa tematykę książki - dc:description, może zawierać streszczenie utworu lub opis książki - dc:contributor, pozostali twórcy książki np. grafik, edytor.
13 13 Element ten może zawierać oba atrybuty opf:role i opf:file-as zawarte w elemencie creator - dc:publisher, można wpisać kilku wydawców, ale na razie czytniki wyświetlają tylko pierwszego z podanych - dc:rights, inaczej prawa wydawnicze czyli Copyright - dc:source, Tak więc dalszą część sekcji metadanych pliku content.opf może wyglądać tak: <dc:creator opf:role="aut">wiesław B. Pietrzak</dc:creator> <dc:contributor opf:role="bkp">wiesław B. Pietrzak</dc:contributor> <dc:subject>militaria, artyleria lądowa XXI w.</dc:subject> <dc:description>w książce przedstawiono opis kilkunastu samobieżnych dział polowych z początku XXI w. Opisowi każdego działa towarzyszy tabela z danymi taktyczno-technicznymi oraz kolorowe fotografie.</dc:description> <dc:publisher>virtualo</dc:publisher> W zależności od czytnika przedstawiane są różne informacje zamieszczone w metadanych. Sekcja manifest Drugą częścią pliku content.opf jest manifest lub lista wszystkich plików składających się na naszą książkę czyli wszystko to, co zawarte jest w dokumencie epub. Manifest rozpoczyna się elementem manifest. Zawiera on element item dla każdego pliku w dokumencie epub. Każdy item ma atrybut id jednoznacznie identyfikujący plik oraz atrybut href określający położenie pliku względem manifestu i atrybut mediatype mówiący z jakim rodzajem pliku mamy do czynienia (głównie przez podawanie typu MIME). Większość wartości dla atrybutu media-type to: application/xhtml+xml dla wszystkich plików HTML i XHTML, image/jpeg, image/gif, image/png, image/svg+xml dla plików graficznych właściwego formatu, font/opentype i font/svg dla plików z czcionkami OpenType i SVG, application/x-dtbncx+xml dla pliku toc.ncx.
14 14 Wartość atrybutu href musi kierować do całego pliku a nie do konkretnej kotwicy (np. plik.html#akapit_trzeci). Sekcja manifest zawiera listę plików użytych w publikacji i tylko te, które są w niej wymienione, zostaną uwzględnione podczas wyświetlania ebooka. Kolejność ich wystąpienia jest tu obojętna, a kolejność ich czytania jest wyznaczona w części spine. Elementy w manifeście zawierają identyfikator elementu id, odwołanie href do konkretnego pliku oraz rodzaj pliku media-type, którym może być plik z tekstem, plik ze stylami lub plik z grafiką. Jednym z elementów manifestu jest plik spisu treści toc.ncx. A oto wygląd naszego manifestu: <manifest> <item href="toc.ncx" id="ncx" media-type="application/xdtbncx+xml" <item href="text/cover.xhtml" id="cover.xhtml" media-type="application/x html+xml" <item href="text/tytulowa.xhtml" id="tytulowa.xhtml" media-type="application /xhtml+xml" <item href="text/prawa.xhtml" id="prawa.xhtml" media-type="application/x html+xml" <item href="text/wstep.xhtml" id="wstep.xhtml" media-type="application/xh tml+xml" <item href="text/wykaz.xhtml" id="wykaz.xhtml" media-type="application/x html+xml" <item href="text/rear_cover.xhtml" id="rear_cover.xhtml" media-type="applicatio n/xhtml+xml" <item href="text/spis.xhtml" id="spis.xhtml" media-type="application/xht ml+xml" <item href="text/spas_01.xhtml" id="spas_01.xhtml" media-type="application/ xhtml+xml" <item href="text/spas_02.xhtml" id="spas_02.xhtml" media-type="application/ xhtml+xml" <item href="text/spas_20.xhtml" id="spas_20.xhtml" media-type="application/ xhtml+xml" <item href="images/2s19_1.jpg" id="2s19_1.jpg" mediatype="image/jpeg"
15 15 <item href="images/2s19_2.jpg" id="2s19_2.jpg" mediatype="image/jpeg" <item href="images/2s31_1.jpg" id="2s31_1.jpg" mediatype="image/jpeg" <item href="images/2s31_2.jpg" id="2s31_2.jpg" mediatype="image/jpeg" <item href="images/2s31_3.jpg" id="2s31_3.jpg" mediatype="image/jpeg" <item href="images/ssph1_1.jpg" id="ssph1_1.jpg" mediatype="image/jpeg" <item href="images/ssph1_2.jpg" id="ssph1_2.jpg" media-type="ima ge/jpeg" <item href="images/spfa-cover-rear.jpg" id="spfa-cover-rear.jpg" media-type=" image/jpeg" <item href="images/spfa-cover.jpg" id="spfa-cover.jpg" media-type="im age/jpeg" <item href="styles/style.css" id="style.css" media-type="text/css" <item href="fonts/tahoma.ttf" id="tahoma.ttf" mediatype="application/x-font-ttf" <item href="fonts/tahomabd.ttf" id="tahomabd.ttf" media-type="application /x-font-ttf" </manifest> W powyższym przykładzie znajduje się plik toc.ncx, dziesięć plików xhtml, dziewięć plików z grafiką jpg, dwa pliki z czcionkami i jeden plik z arkuszem stylów css. Sekcja spine Trzecim elementem pliku content.opf jest sekcja spine, która podaje czytnikowi właściwą kolejność, w jakiej ma wyświetlać pliki xhtml. Zaczyna się ona od elementu spine zawierającego atrybut toc, którego zawartość odpowiada zawartości elementu id odnoszącego się do pliku toc.ncx w manifeście. Następnie znajdują się elementy itemref każdy przypisany jest do jednego pliku xhtml naszego ebooka. Każdy element itemref powinien mieć atrybut idref, który odwołuje się do id odnoszącego się elementu item w manifeście.
16 16 Sekcja spine wygląda tak: <spine toc="ncx"> <itemref idref="cover.xhtml" <itemref idref="tytulowa.xhtml" <itemref idref="prawa.xhtml" <itemref idref="spis.xhtml" <itemref idref="wstep.xhtml" <itemref idref="wykaz.xhtml" <itemref idref="spas_01.xhtml" <itemref idref="spas_02.xhtml" <itemref idref="spas_20.xhtml" <itemref idref="rear_cover.xhtml" </spine> Sekcja guide Jest jeszcze jedna, opcjonalna, sekcja pliku content.opf - guide, pozwala rozpoznać rolę pozostałych plików wchodzących w skład książki, przypisując do nich poszczególne pliki xhtml. Można w niej stosować następujące typy opisu plików: acknowledgements, bibliography, colophon, copyrightpage, cover, dedication, epigraph, foreword, glossary, index, loi (spis ilustracji), lot (spis tabel), notes, preface (notka wydawnicza), title-page, toc (spis treści), text. Chociaż ten cel został głównie zawłaszczony przez plik toc.ncx, to zawarte w tej sekcji informacje wykorzystywane są przez czytnik Mobipocket Reader (ujawnia je przycisk Contents w pasku narzędziowym).
17 17 Sekcja guide ma następującą, przykładową postać: <guide> <reference href="text/cover.xhtml" title="cover" type="cover" <reference href="text/tytulowa.xhtml" title="title Page" type="titlepage" <reference href="text/prawa.xhtml" title="copyright Page" type="copyright-page" <reference href="text/spis.xhtml" title="table Of Contents" type="toc" <reference href="text/wstep.xhtml" title="text" type="preface" <reference href="text/wykaz.xhtml" title="text" type="preface" <reference href="text/spas_01.xhtml" title="text" type="text" <reference href="text/spas_02.xhtml" title="text" type="text" <reference href="text/spas_20.xhtml" title="text" type="text" <reference href="text/rear_cover.xhtml" title="text" type="text" </guide>
18 18 Tworzenie okładki Okładka w książce elektronicznej pełni tę samą funkcję jak okładka w książce drukowanej. Specyfikacja formatu epub nie mówi nic o tym, gdzie lub jak zrobić okładkę, ale jest kilka wypróbowanych sposobów, które umożliwiają bezbolesne przejście przez ten proces. Większość czytników wyświetla pierwszy obrazek w książce jako okładkę. Prawie wszystkie czytniki wyświetlające grafikę okładki uczynią to poprawnie, jeśli zrobisz tak: zapisz grafikę okładki w formacie jpg nadaj jej nazwę cover.jpg zapisz ją w folderze Images znajdującym się w folderze OEPBS umieść plik o nazwie cover.xhtml jako pierwszy w ebooku jedyną zawartość w pliku cover.xhtml winien stanowić obrazek okładki czyli cover.jpg Okładka ebooka ma jedną poważną wadę w stosunku do drukowanego odpowiednika: często jest ona malutką ikonką o wymiarach pikseli automatycznie tworzoną przez czytnik z większego obrazka. Dlatego też należy pamiętać, by tekst zamieszczony na okładce był wystarczająco duży. Kiedy już stworzysz odpowiedni obrazek, musisz zaznaczyć, że jest to grafika przeznaczona na okładkę. Najpierw trzeba stworzyć plik xhtml, który będzie wyświetlać nasz obrazek. Dokument ten może wyglądać tak: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>okładka</title> <style type="text/css"> /*<![CDATA[*/ body.sgc-3 {text-align:center; padding:0; margin:0} h1.sgc-1 {padding:0; margin:0}
19 19 img.sgc-2 {height: 100%; max-width: 100%} /*]]>*/ </style> </head> <body class="sgc-3"> <h1 class="sgc-1" id="heading_id_1"><img alt="" class="sgc-2" src="../images/spfa-cover.jpg" </h1> </body> </html> Proszę zwrócić uwagę, że część <body> zawiera element <div> do przechowywania grafiki, ponieważ tag <img> nie może być umieszczony bezpośrednio w części <body>. Aplikacja ADE umieszcza w dokumencie ikonę przedstawiającą tylko górny, lewy fragment grafiki okładki. By zmusić tę aplikację do właściwego wyświetlania, należy wpisać wyrażenie style="max-width: 100%" do tagu <img>. Nasz plik xhtml jest już gotowy i teraz trzeba dodać po kolei pewne informacje do pliku content.opf, aby czytnik rozpoznał ten plik jako plik okładki. Najpierw musisz dodać linię do sekcji metadanych to ona informuje czytnik, który plik graficzny ma być użyty jako okładka: <meta name="cover" content="spfa-cover.jpg" Wartość atrybutu name powinna zawsze brzmieć cover. Wartość atrybutu content musi odpowiadać id aktualnego obrazu użytego jako okładka w manifeście, w którym wylistowane są nazwy wszystkich plików ebooka i każdy ma przypisany identyfikator id. Id pliku grafiki okładki musi odpowiadać atrybutowi content w elemencie meta.
20 20 Tak wygląda zawartość manifestu dla pliku graficznego okładki: <item href="images/spfa-cover.jpg" id="spfa-cover.jpg" mediatype="image/jpeg" W części spine też jest odwołanie do każdego pliku xhtml ebooka. Określa ona porządek występowania plików. Są dwie przyczyny, dla których plik zawierający okładkę powinien występować jako pierwszy w sekcji spine. Po pierwsze kolejność występowania plików, a po drugie ADE używa pierwszego elementu ze spine do tworzenia ikony okładki.
21 21 Spis treści (plik toc.ncx) Kolejną składową pliku epub jest spis treści, znajdujący się w pliku toc.ncx. Jest to plik tekstowy w formacie utf-8 i znajduje się on w folderze OEBPS. Jego rozszerzenie to skrót od Navigation Control file for XML. Plik ten służy czytnikom do tworzenia klikalnego spisu treści lub menu, tak jak to widać poniżej. Plik toc.ncx jest jednym z dwóch, które opisują zawartość ebooka czytnikom. Drugim jest plik content.opf, a dokładniej jego sekcja spine, która steruje wyświetlaniem spisu treści w czytniku Adobe Digital Editions, w jego lewym panelu (pokazuje to powyższa ilustracja). Dodatowo toc.ncx zawiera informację o wielopoziomowej hierarchii rozdziałów, wraz z linkami do tych rozdziałów, jak również zawartych w nich sekcji. Sekcja doctitle podaje tytuł publikacji.
22 22 Sekcja navmap podaje właściwą hierarchię spisu treści. W tym przykładzie mamy jednopoziomowy spis treści wszystkie rozdziały są na tym samym poziomie ale można tworzyć spisy wielopoziomowe, które będą w taki właśnie sposób widoczne na ekranie. Każda pozycja spisu jest objęta znacznikiem navpoint, z jednoznacznym identyfikatorem i kolejnością odtwarzania, w ramach którego jest etykieta NavLabel opisująca element (widoczna w spisie w czytniku) i odwołanie do konkretnego pliku źródłowego HTML z tekstem. Po nagłówku następuje sekcja <head>, w której znajdują się cztery elementy meta: dtb:uid, dtb:depth, dtb:totalpagecount i dtb:maxpagenumber, chociaż tylko dwa pierwsze są istotne dla ebooka. Wartość dtb:uid, czyli identyfikator publikacji, podany w pliku content.opf, powinien być unikalnym ciągiem literowo-cyfrowym przynależnym tylko tej książce, np. wydawca książki może używać nr ISBN. Możesz wygenerować własny uuid, czyli uniwersalny uid, i używać go (wpisz w google a generate uuid i znajdziesz generator). Zwyczajowo łańcuch uuid jest poprzedzony przez element urn:uuid:. Wartość utb:depth informuje, jak wiele poziomów i podpoziomów znajdzie się w spisie treści. W naszym przykładzie mamy dwa poziomy. Ostatnie dwa elementy dtb odnoszą się tylko do papierowych książek i powinny mieć wartość 0, ale nie powinny być opuszczone. <head> <meta name="dtb:uid" content="urn:uuid:3c1e502b-d c- 3cd9-26b7a73e73ad" <meta name="dtb:depth" content="2" <meta name="dtb:totalpagecount" content="0" <meta name="dtb:maxpagenumber" content="0" </head> Drugą sekcją pliku toc.ncx jest element doctitle i zawarty w nim element text, który powinien zawierać tytuł Twojej książki. Wygląda on tak:
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegółowoXHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.
XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).
Bardziej szczegółowoSpecyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Bardziej szczegółowo1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
Bardziej szczegółowoPrzewodnik... Tworzenie Landing Page
Przewodnik... Tworzenie Landing Page Spis treści Kreator strony landing page Stwórz stronę Zarządzaj stronami 2 Kreator strony landing page Kreator pozwala stworzyć własną stronę internetową z unikalnym
Bardziej szczegółowoPokaz slajdów na stronie internetowej
Pokaz slajdów na stronie internetowej... 1 Podpisy pod zdjęciami... 3 Publikacja pokazu slajdów w Internecie... 4 Generator strony Uczelni... 4 Funkcje dla zaawansowanych użytkowników... 5 Zmiana kolorów
Bardziej szczegółowoTworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
Bardziej szczegółowoDanuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu
Bardziej szczegółowoPo zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych
rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz
Bardziej szczegółowoCel: Przypisujemy przyciskom określone funkcje panel górny (Panel1)
W odcinku III tworzyliśmy paski narzędzi. Umieszczaliśmy na panelach ikony, reprezentujące czynności (charakterystyczne dla edytorów tekstu). Musimy teraz przypisać każdemu przyciskowi jego czynność (wycinanie,
Bardziej szczegółowoKurs obsługi systemu CMS. Prawie wszystkie treści wyświetlające się na stronie są zlokalizowane w dziale artykuły.
Kurs obsługi systemu CMS Zaczynając przygodę z systemem zarządzania treścią Joomla 2.5 należy przedstawić główny panel administratora. Całość zaprojektowana jest w kombinacji dwóch systemów nawigacyjnych.
Bardziej szczegółowoZawartość specyfikacji:
Zawartość specyfikacji: Wielkość, waga i kodowanie Umieszczanie obrazków w kreacji Elementy niedopuszczalne Nazewnictwo plików Stopka mailingu Nie spełniam wymagań pracodawcy Waga, wielkość i kodowanie
Bardziej szczegółowoLaboratorium 1: Szablon strony w HTML5
Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony
Bardziej szczegółowoWYBÓR OPCJI UZUPEŁNIANIE DANYCH
WYBÓR OPCJI UZUPEŁNIANIE DANYCH Na początku przygotowania publikacji należy wybrać materiały, którymi dysponujemy (1) i co chcielibyśmy z nich stworzyć (2) 1 2 W kolejnym kroku uzupełniamy podstawowe dane
Bardziej szczegółowoKurs programowania. Wykład 7. Wojciech Macyna. 25 kwietnia 2017
Wykład 7 25 kwietnia 2017 Dokumentowanie kodu Program javadoc Java jest wyposażona w generator dokumentacji który na podstawie odpowiednio napisanych komentarzy w kodzie programu (które jednak nie sa konieczne),
Bardziej szczegółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegółowoKATEGORIA OBSZAR WIEDZY
Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z
Bardziej szczegółowo2 Podstawy tworzenia stron internetowych
2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument
Bardziej szczegółowoWORDPRESS INSTRUKCJA OBSŁUGI
WORDPRESS INSTRUKCJA OBSŁUGI Zapraszamy do zapoznania się z Instrukcją obsługi panelu CMS Wordpress, która w krótkim czasie i bez większego kłopotu pozwoli na edycję treści i zawartości strony, w tym:
Bardziej szczegółowoInstrukcja obsługi funkcji specjalnych szablonu C01 v.1.0
Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0 UWAGA 1: Przed dokonaniem jakichkolwiek zmian, zalecamy skopiować wcześniej kod html modułu do pliku na lokalnym dysku. W przypadku problemów ułatwi
Bardziej szczegółowoInstrukcja obsługi systemu zarządzania treścią dwajeden.pl
Instrukcja obsługi systemu zarządzania treścią dwajeden.pl Tworzenie i edycja danych na stronie www 1. Rozpoczęcie pracy. Logowanie się do systemu zarządzania treścią dwajeden.pl ropocząć należy od podania
Bardziej szczegółowoINSTRUKCJA UŻYTKOWNIKA
INSTRUKCJA UŻYTKOWNIKA Jak przeczytać wypożyczoną książkę?... 2 Uzyskanie Adobe ID... 2 Czytanie na komputerze... 3 Uruchomienie programu... 3 Czytanie i zwracanie książek... 4 Logowanie do aplikacji...
Bardziej szczegółowoMS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30
MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.
Bardziej szczegółowoEdycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji
Edycja strony: W edycję danej strony wchodzimy poprzez naciśnięcie opcji uzyskujemy widok: a. Wstawianie tekstów Tekst możemy wpisywać bezpośrednio w panelu lub wklejać do edytora. Jeśli wklejamy tekst
Bardziej szczegółowoMailingi HTML. Specyfikacja techniczna
Mailingi HTML Specyfikacja techniczna Informacje wstępne Grupa Morizon S.A. zastrzega sobie prawo do odmowy emisji materiałów reklamowych bez podania przyczyny, w szczególności gdy ich jakość techniczna
Bardziej szczegółowoDodawanie grafiki i obiektów
Dodawanie grafiki i obiektów Word nie jest edytorem obiektów graficznych, ale oferuje kilka opcji, dzięki którym można dokonywać niewielkich zmian w rysunku. W Wordzie możesz zmieniać rozmiar obiektu graficznego,
Bardziej szczegółowoECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0
ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i
Bardziej szczegółowoe-publikacje w InDesign CS6
Pariah Burke e-publikacje w InDesign CS6 Projektowanie i tworzenie publikacji cyfrowych dla tabletów, czytników, smartfonów i innych urządzeń Przekład: Marek Włodarz APN Promise, Warszawa 2013 Spis treści
Bardziej szczegółowoW kolejnym odcinku zajmiemy się umieszczaniem w naszym projekcie zestawu ikon służących szybkiemu korzystaniu z opcji programu.
W kolejnym odcinku zajmiemy się umieszczaniem w naszym projekcie zestawu ikon służących szybkiemu korzystaniu z opcji programu. Reprezentantami ikon są małe obrazki przedstawiające najczęściej daną czynność
Bardziej szczegółowoBudowa aplikacji wielowarstwowych. Zastosowanie szablonów
Budowa aplikacji wielowarstwowych. Zastosowanie szablonów Laboratorium 2 Technologie internetowe Zofia Kruczkiewicz 1 Wykaz pytań dotyczących materiału wykorzystanego w lab2, które należy opracować (wykład
Bardziej szczegółowoJak posługiwać się edytorem treści
Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka
Bardziej szczegółowoTworzenie prezentacji w MS PowerPoint
Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje
Bardziej szczegółowoAdobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
Bardziej szczegółowoOdnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych
odnośniki Część 3 Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych dokumentów niezależnie od ich umiejscowienia
Bardziej szczegółowo1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3
DODAJEMY TREŚĆ DO STRONY 1. Dockbar, CMS + wyszukiwarka aplikacji... 2 2. Dodawanie portletów... 3 Widok zawartości stron... 3 Omówienie zawartości portletu (usunięcie ramki itd.)... 4 3. Ikonki wybierz
Bardziej szczegółowoSylabus Moduł 2: Przetwarzanie tekstów
Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera
Bardziej szczegółowoOczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>
Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej
Bardziej szczegółowoDOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7
DOKUMENTY I GRAFIKI SPIS TREŚCI Zarządzanie zawartością... 2 Tworzenie folderu... 3 Dodawanie dokumentu / grafiki... 4 Wersje plików... 7 Zmiana uprawnień w plikach... 9 Link do dokumentów i dodawanie
Bardziej szczegółowoWidżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.
Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1
Bardziej szczegółowoECDL/ICDL Zaawansowane przetwarzanie tekstów Moduł A1 Sylabus, wersja 2.0
ECDL/ICDL Zaawansowane przetwarzanie tekstów Moduł A1 Sylabus, wersja 2.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Zaawansowane przetwarzanie tekstów. Sylabus
Bardziej szczegółowoMenu Plik w Edytorze symboli i Edytorze widoku aparatów
Menu Plik w Edytorze symboli i Edytorze widoku aparatów Informacje ogólne Symbol jest przedstawieniem graficznym aparatu na schemacie. Oto przykład przekaźnika: Widok aparatu jest przedstawieniem graficznym
Bardziej szczegółowo2. Otwórz program ked (poprzez Start ->Programy ->ked->ked
Do przetworzenia ściągniętej strony internetowej polecam użyć program ked autorstwa Konrada Leśniaka, który można ściągnąć z mojej strony z http://www.ittechnology.us/sciaganie/ked2140.zip. Krok po kroku
Bardziej szczegółowoe-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda
e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda Logowanie do panelu administracyjnego Aby móc zarządzać stroną, należy zalogować się do panelu administracyjnego.
Bardziej szczegółowo5.2. Pierwsze kroki z bazami danych
5.2. Pierwsze kroki z bazami danych Uruchamianie programu Podobnie jak inne programy, OO Base uruchamiamy z Menu Start, poprzez zakładkę Wszystkie programy, gdzie znajduje się folder OpenOffice.org 2.2,
Bardziej szczegółowoJak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu:
Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Klikasz Wpisy, a następnie Dodaj nowy i otwiera się taki ekran: 1 W tym miejscu tworzysz
Bardziej szczegółowoECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie
Bardziej szczegółowoProjekty z Technologii Informacyjnych
Projekty z Technologii Informacyjnych Zad. 1. Opracuj prezentację w programie PowerPoint lub podobnym na zadany temat. Prezentacja powinna być przeznaczona do prezentowania w czasie ok. 10 minut. Zad.
Bardziej szczegółowoDzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.
Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu
Bardziej szczegółowoInstrukcja obsługi systemu zarządzania treścią w MDK
Instrukcja obsługi systemu zarządzania treścią w MDK 1 1. Logowanie Przed rozpoczęciem jakichkolwiek działań musimy zalogować się do systemu. Aby zalogować się na stronie można kliknąć lub skopiować link:
Bardziej szczegółowoe r T i H M r e n L T n
s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny
Bardziej szczegółowoI. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...
Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.
Bardziej szczegółowoJak zainstalować szablon allegro?
Jak zainstalować szablon allegro? W mailu z zakupionym szablonem otrzymali państwo plik zip z numerem szablonu w nazwie. Należy najpierw go rozpakować. W paczce znajduję się pliki: 1. index[nrszablonu].txt
Bardziej szczegółowoI. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
Bardziej szczegółowoNOWY SZABLON IMPORTU PLIKÓW
NOWY SZABLON IMPORTU PLIKÓW Aby wejść na zakładkę Nowy szablon importu Użytkownik wybiera zakładkę Płatności, która znajduje się w górnym menu. Następnie z menu bocznego należy wybierać Import danych.
Bardziej szczegółowoI. Program II. Opis głównych funkcji programu... 19
07-12-18 Spis treści I. Program... 1 1 Panel główny... 1 2 Edycja szablonu filtrów... 3 A) Zakładka Ogólne... 4 B) Zakładka Grupy filtrów... 5 C) Zakładka Kolumny... 17 D) Zakładka Sortowanie... 18 II.
Bardziej szczegółowoKATEGORIE OBRAZKOWE REALIZACJA
KATEGORIE OBRAZKOWE REALIZACJA Spis treści Instalacja aplikacji...3 Rozpoczęcie korzystania z aplikacji...6 Konfiguracja...6 Zmiana obrazka kategorii...8 Zmiana miejsca wyświetlania...9 Rozwiązywanie problemów...10
Bardziej szczegółowoWymagania edukacyjne na poszczególne oceny. z przedmiotu Informatyki. w klasie VI
Wymagania edukacyjne na poszczególne oceny z przedmiotu Informatyki w klasie VI Ocenę niedostateczna nie zna regulamin pracowni nie potrafi wymienić 3 dowolnych punktów regulaminu nie dba o porządek na
Bardziej szczegółowoDODAJEMY TREŚĆ DO STRONY
DODAJEMY TREŚĆ DO STRONY SPIS TREŚCI Pasek narzędzi i wyszukiwarka aplikacji... 2 Dodawanie portletów... 3 Widok zawartości stron... 4 Zawartość portletu... 5 Ikonki wybierz oraz dodaj zawartość stron...
Bardziej szczegółowoDODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ
DODAWANIE ARTYKUŁÓW DO STRONY INTERNETOWEJ Aby dodać artykuł musimy się zalogować. W tym celu wchodzimy na stronę http://sp1.brzesckujawski.pl/3/administrator/, wprowadzamy swoje dane: Nazwę użytkownika,
Bardziej szczegółowoTworzenie Stron Internetowych. odcinek 9
Tworzenie Stron Internetowych odcinek 9 Prosta galeria oparta na HTML Najprostszym sposobem zbudowania galerii zdjęć jest wykorzystanie tylko HTML i CSS. Strona główna galerii składa się miniatur zdjęć,
Bardziej szczegółowoFacelets ViewHandler
JSF i Facelets Wprowadzenie JSP (JavaServer Pages) są natywną i najczęściej używaną technologią do tworzenia warstwy prezentacyjnej dla JSF (JavaServer Faces) Istnieją alternatywne technologie opisu wyglądu
Bardziej szczegółowoAUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ
Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa
Bardziej szczegółowoĆ W I C Z E N I A Z W Y K O R Z Y S T A N I E M E D Y T O R A T E K S T U. M i c r o s o f t
Ć W I C Z E N I A Z W Y K O R Z Y S T A N I E M E D Y T O R A T E K S T U M i c r o s o f t W o r d Doskonalisz się w zaawansowanych opcjach edytora tekstu. Realizując ćwiczenia, zdobędziesz umiejętność
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoNOWY SZABLON IMPORTU PLIKÓW
NOWY SZABLON IMPORTU PLIKÓW W celu konfiguracji formatu pliku importu, użytkownik wybiera zakładkę Płatności, która znajduje się w górnym menu. Następnie z menu bocznego należy wybrać Import danych. Z
Bardziej szczegółowo58 Zjazd Naukowy PTChem. Zgłaszanie abstraktów
58 Zjazd Naukowy PTChem Zgłaszanie abstraktów Przewodnik użytkownika v1.3 ptchem2015.ug.edu.pl pypassion.com - to inżynieria, nie sztuka 1/11 I. WPROWADZENIE Szanowni Państwo, Przed przystąpieniem do wypełniania
Bardziej szczegółowoINSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ
INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ W celu wprowadzenia, modyfikacji lub usunięcia informacji w Biuletynie Informacji Publicznej należy wpisać w przeglądarce adres strony: http:/bip.moriw.pl/admin.php
Bardziej szczegółowoZadanie 1. Stosowanie stylów
Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a
Bardziej szczegółowoKażde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38).
2. Projektant menu Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38). Rys. 2.1. Menu/mainmenu Dostęp do istniejących
Bardziej szczegółowoE.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki
Bardziej szczegółowoĆwiczenia z systemu operacyjnego WINDOWS
Opracowanie: Krzysztof Trembaczowski Spis treści Ćwiczenia z systemu operacyjnego Windows 98.... 3 1. Ćwiczenie (Zabawa z pasjansem)... 3 2. Ćwiczenie (Elementy składowe interfejsu)... 3 3. Ćwiczenie (Elementy
Bardziej szczegółowoLaboratorium 6 Tworzenie bloga w Zend Framework
Laboratorium 6 Tworzenie bloga w Zend Framework Przygotowanie bazy danych 1. Wykonaj skrypt blog.sql, który założy w bazie danych dwie tabele oraz wpisze do nich przykładowe dane. Tabela blog_uzytkownicy
Bardziej szczegółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia
Bardziej szczegółowoYoung Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
Bardziej szczegółowoWAŻNE! colour.me Google Fonts tutaj
Otwieramy dokument, ustalamy podstawowe parametry. 1. Wpisujemy liczbę stron w tym przypadku będą to 2 (przód i tył). 2. Ustalamy rozmiar docelowy w tym przypadku 85x55 mm. 3. Odznaczamy opcję: strony
Bardziej szczegółowoZadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów
Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów Za pomocą edytora Word można pracować zespołowo nad jednym dużym projektem (dokumentem). Tworzy się wówczas dokument główny,
Bardziej szczegółowoPodstawy (X)HTML i CSS
Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z
Bardziej szczegółowoNa początku przygotowania publikacji należy podać czym dysponujemy (1) i co chcemy stworzyć (2) 1
WYDACKSIAZKE.PL Wydać Książkę to portal umożliwiający autorom stworzenie swojej publikacji w profesjonalny i zarazem prosty sposób. System przeprowadzi autorów przez skomplikowane procesy składu i łamania
Bardziej szczegółowoINSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ
INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych
Bardziej szczegółowoInstrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS)
Kraków 01.10.2017 r. Instrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS) 1. Logowanie. 1.1. W celu zalogowanie, należy w adresie przeglądarki wpisać http://urk.edu.pl/admin
Bardziej szczegółowoWitryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoProjektowanie Skinów w programie Taboret2
Projektowanie Skinów w programie Taboret2 Instrukcja ta pisana jest dla użytkowników chcących zaprojektować własnego skina (skórkę) do programu bądź wprowadzić inne zmiany w wyglądzie. Zrobienie własnego
Bardziej szczegółowoWSKAZÓWKI DLA AUTORÓW Optymalizacja publikacji naukowych dla wyników wyszukiwarek ASEO 1
WSKAZÓWKI DLA AUTORÓW Optymalizacja publikacji naukowych dla wyników wyszukiwarek ASEO 1 W celu zwiększenia indeksowania i przeszukiwania publikacji autorskich przez naukowe wyszukiwarki internetowe, należy
Bardziej szczegółowoURL: http://www.ecdl.pl
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo
Bardziej szczegółowoFormat HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Bardziej szczegółowoW każdej sali najważniejszym narzędziem są prawdopodobnie Zasoby. Przyjrzyjmy się teraz temu narzędziu, któremu zmieniono poniżej nazwę na Wspólne
Zasoby W każdej sali najważniejszym narzędziem są prawdopodobnie Zasoby. Przyjrzyjmy się teraz temu narzędziu, któremu zmieniono poniżej nazwę na Wspólne zasoby: Ikonki znajdujące się po prawej stronie
Bardziej szczegółowoWYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I
WYMAGANIA EDUKACYJNE Witryny i Aplikacje Internetowe klasa I Dopuszczający definiuje pojęcia: witryna, portal, wortal, struktura witryny internetowej; opisuje rodzaje grafiki statycznej wymienia i charakteryzuje
Bardziej szczegółowoWykład 1: HTML (XHTML) Michał Drabik
Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający
Bardziej szczegółowoTen krótki poradnik pomoże Ci zainstalować nasz katalog no-name na swojej stronie internetowej.
Ten krótki poradnik pomoże Ci zainstalować nasz katalog no-name na swojej stronie internetowej. Krok 1 - rejestracja Wejdź na stronę http://www.adpen.pl/katalog/rejestracja.php i uzupełnij widoczny formularz
Bardziej szczegółowoPraca z wynikami w ALOORA
AGROLAB GROUP 02-2018 1 / 15 Spis treści Rozdział 1: praca z dwoma widokami wyników... 3 Wyniki według zlecenia... 3 Wyniki według próbki... 3 Modyfikowanie widoków... 3 Wybieranie określonych zleceń lub
Bardziej szczegółowoECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.0
ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i
Bardziej szczegółowoTworzenie szablonów użytkownika
Poradnik Inżyniera Nr 40 Aktualizacja: 12/2018 Tworzenie szablonów użytkownika Program: Plik powiązany: Stratygrafia 3D - karty otworów Demo_manual_40.gsg Głównym celem niniejszego Przewodnika Inżyniera
Bardziej szczegółowoI. Formatowanie tekstu i wygląd strony
I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:
Bardziej szczegółowoWOJEWÓDZTWO PODKARPACKIE
WOJEWÓDZTWO PODKARPACKIE UNIA EUROPEJSKA EUROPEJSKI FUNDUSZ ROZWOJU REGIONALNEGO Instrukcja instalacji generatora wniosku o dofinansowanie projektu ze środków EFRR w ramach I osi priorytetowej Regionalnego
Bardziej szczegółowoPRZYGOTOWANIE ŚRODKA PDF
PRZYGOTOWANIE ŚRODKA PDF Następnie przechodzimy do najważniejszych elementów systemu. Pierwszym z nich jest Edytor, w którym oznaczamy strukturę oraz uzupełniamy elementy, które nie zostały pobrane z wgrywanego
Bardziej szczegółowoRodzaje plików. Podstawowe definicje.
Rodzaje plików. Podstawowe definicje. Mariusz Tokarski Zagadnienia Zarządzanie plikami w systemie Windows Definicja pliku Opcje folderów Programy domyślne Współdzielenie plików przez programy Podstawowe
Bardziej szczegółowoModuł 1 Pliki i foldery
Moduł 1 Pliki i foldery Plik to jakiś zbiór danych. Plikiem może być np. dokument tekstowy, zdjęcie (obraz), utwór muzyczny (dźwięk) lub film (wideo). Natomiast folder (inaczej zwany katalogiem) służy
Bardziej szczegółowoGenerator recept. Program pomagający tworzyć wypełnione wydruki recept lekarskich. Instrukcja obsługi użytkownika
Generator recept Program pomagający tworzyć wypełnione wydruki recept lekarskich Instrukcja obsługi użytkownika Copyright Paulina Głąb, Wojciech Januszek 2012-1 - Spis treści 1. Cel programu.... 3 2. Instalacja
Bardziej szczegółowoJustyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze
Bardziej szczegółowo