Niquelao » Archiwum bloga » acc_slide: Prezentacje z XHTML, CSS i JavaScript

» Archiwum bloga » acc_slide: Prezentacje z XHTML, CSS i javascript Niquelao acc_slide: Prezentacje z XHTML, CSS i javascript 15 kwietnia 2007, autor: Rumoroso Wreszcie nadszedł moment, by to opublikować. Od dawna nad tym pracowałem, ale z tego czy innego powodu nie mogłem tego zrobić aż do teraz.

Oto nowy system do tworzenia prezentacji z XHTML, CSS i javascript. Przypuszczam, że niektórzy znają już więcej niż jeden z powszechnie używanych systemów, takich jak na przykład HTML Slidy od W3C czy S5 Erica Meyera. Po ich użyciu doszedłem do wniosku, że choć są dobre, jest coś, co być może można by ulepszyć (według mojego kryterium, oczywiście). Jak powiedziałem, oba systemy są dobre i wartościowe, ale w obu konieczne jest użycie znaczników, których jedynym celem jest służenie skryptowi do zastosowania na nich stylów.

Jeśli naprawdę chce się mieć coś skutecznego, dlaczego nie sprawić, by sam skrypt inteligentnie generował potrzebne mu znaczniki? Rozwój Zabrałem się do pracy z następującym założeniem: Jeśli mamy poprawnie ustrukturyzowany i oznaczony dokument (z jego nagłówkami, akapitami, listami…), skrypt powinien być wystarczająco inteligentny, by zorganizować i wygenerować prezentację, wszystko to bez dodawania żadnego dodatkowego kontenera, klas czy id. Jedynie sama struktura dokumentu ma pozwalać na rozróżnienie tego, co powinno znaleźć się na każdym slajdzie.

Po zmaganiach z tym, oto wynik. acc_slide , albo jak nazywają to Andrés i Maroto, rumo_slide lub slide_oso . Zamiast pisać o tym więcej, najlepiej pokazać, o czym mówię. Przygotowałem dwie prezentacje, obie z opisem systemu i sposobu jego użycia.

Różnica między nimi to stopień skrótowości. Nie wahajcie się rzucić okiem na znaczniki, których użyłem, by zobaczyć, o czym mówię: uwaga: choć sposób nawigacji po prezentacji jest omówiony w niej samej, podstawowy sposób poruszania się po treściach odbywa się za pomocą strzałek (góra i dół) na klawiaturze.

Wersja skrócona i Wersja skrócona do pobrania Wersja rozszerzona (tak, bardzo rozszerzona) i Wersja rozszerzona do pobrania Podstawowe cechy acc_slide został stworzony z myślą o absolutnym rozdzieleniu treści i zachowania, unikając jakichkolwiek rozważań na ten temat przy tworzeniu i oznaczaniu informacji, które chce się pokazać. Wśród cech, które posiada system prezentacji acc_slide, można wyróżnić: Wymaga jedynie poprawnego i logicznego ustrukturyzowania treści za pomocą nagłówków. Nie potrzebuje dodatkowych elementów poza tymi niezbędnymi do semantycznego oznaczenia treści.

Related: UserWay — Widget de accesibilidad con plan gratuito para empezar hoy mismo.

System rekonstruuje i dostosowuje drzewo DOM, dzięki czemu nie narzuca konieczności konkretnego oznaczania. Czyni to go kompatybilnym z dowolnym dobrze ustrukturyzowanym dokumentem (X)HTML (nawet z tymi, które zawierają znaczniki używane przez inne systemy prezentacji).

Czyni to go całkowicie wszechstronnym. Można by go użyć na dokumencie webowym, na znacznikach używanych w innych systemach prezentacji itp. Szanuje standardy i dostępność. Absolutne rozdzielenie treści, prezentacji i zachowania. Łatwa integracja i łatwe użycie.

Nie wymaga specjalistycznej wiedzy, a jeśli użyje się jednego z proponowanych motywów, nie trzeba znać CSS. Pozwala tworzyć sekcje z grupami slajdów. Warstwa graficzna oferuje dużą wszechstronność i jest w pełni kontrolowana przez CSS.

Worth a look: AudioEye — Accesibilidad gestionada: automatización combinada con revisión humana.

Ponadto można tworzyć kilka stylów i bawić się specyficznością selektorów, by stosować je (i łączyć) w locie (podczas wykonywania prezentacji). System autoplay do automatycznego odtwarzania. Zawiera system do otwierania linków w sposób zintegrowany z prezentacją.

Jeśli w linku umieści się atrybut title, jego zawartość zostanie wyświetlona u dołu okna. Ponadto celem linku może być URL lub obraz. Każdy slajd jest powiązany z kotwicą w taki sposób, że można przejść bezpośrednio do wybranego.

Kotwica pokrywa się z pozycją slajdu w prezentacji. Doszedłszy do tego punktu, czekam na wasz feedback. Myślałem też o stworzeniu publicznego repozytorium stylów dla systemu. Jeśli wydaje się wam to dobrym pomysłem i chcecie uczestniczyć ze swoimi, nie wahajcie się.

Możecie wysyłać swoje motywy na rumoroso@niquelao.net acc_slide: Prezentacje z XHTML, CSS i javascript Kategoria: (X)HTML, Dostępność, CSS, Javascript —> 2 komentarze Claudio 15 października 2007 Gratulacje za tak ważne przedsięwzięcie. Wraz z przyjacielem użyjemy go do prezentacji.

Jedno pytanie: udało mi się pobrać wersję skróconą, ale nie udało mi się z rozszerzoną. Bardziej interesuje mnie rozszerzona, ponieważ, jak się wydaje, używa samego tekstu znacznika H2 jako elementu dekoracyjnego slajdów, unikając obrazu, ale pokazując w bardzo piękny sposób, że obraz nie jest potrzebny do dekoracji. Ten punkt interesuje mnie szczególnie, ponieważ prezentacja będzie przed użytkownikami Microsoft . Widzę kody wersji skróconej, ale moja nieznajomość Javascriptu uniemożliwia mi, na razie, możliwość ich zmodyfikowania.

Na wypadek, gdybym nie wyjaśnił tego na początku: twoja praca jest bardzo użyteczna, znacznie lepsza niż inne opcje i… piękna. Gratulacje. Rumoroso 15 października 2007 Cześć Claudio.

Related: IAAP CPACC / WAS Certification — La certificación profesional que acredita tu experiencia en accesibilidad.

Dziękuję za to, co mówisz, i cieszę się, że może ci się przydać. Właśnie wgrałem wersję rozszerzoną w formacie do pobrania. Umieściłem link w artykule. Mam nadzieję, że ci posłuży.

Jeśli masz wątpliwości co do tego, jak to działa, czy coś, daj mi znać, a jeśli chcesz podzielić się z nami stylem, który zastosujesz, z przyjemnością. Dziękuję.

Pozdrawiam Możesz śledzić komentarze dzięki feedowi RSS 2.0 . Możesz też wysłać trackback ze swojej strony. Poprzedni artykuł: Aktualizacja acc_calendar Następny artykuł: Escuas —> —> —> Ta praca jest objęta licencją Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.