H2.cjk { font-family: "Microsoft YaHei"; font-size: 14pt; font-style: italic; font-weight:

Wielkość: px

Rozpocząć pokaz od strony:

Download "H2.cjk { font-family: "Microsoft YaHei"; font-size: 14pt; font-style: italic; font-weight:"

Iwona Łucja Kamińska
6 lat temu
Przeglądów:

1 Kod konspektu wygenerowany przez OpenOffice Writer <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1250"> <TITLE></TITLE> <META NAME="GENERATOR" CONTENT="OpenOffice (Win32)"> <META NAME="CREATED" CONTENT=" ; "> <META NAME="CHANGED" CONTENT=" ; "> <STYLE TYPE="text/css"> { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } H2 { margin-bottom: 0.21cm; page-break-after: avoid } H2.western { font-family: "Arial", sans-serif; font-size: 14pt; font-style: italic; fontweight: bold } H2.cjk { font-family: "Microsoft YaHei"; font-size: 14pt; font-style: italic; font-weight: bold } H2.ctl { font-family: "Lucida Sans"; font-size: 14pt; font-style: italic; font-weight: bold } A:link { color: #000080; so-language: zxx; text-decoration: underline } A:visited { color: #800000; so-language: zxx; text-decoration: underline } --> </STYLE> </HEAD> <BODY LANG="pl-PL" LINK="#000080" VLINK="#800000" DIR="LTR"> <DIV TYPE=HEADER> Konspekt witryny i aplikacje internetowe Edytory WYSIWYG zalety i wady </DIV> Konspekt

2 Przedmiot: Witryny i aplikacje internetowe Temat: edytory WYSIWYG zalety i wady Czas trwania: 45 minut <H2 CLASS="western">Cele lekcji:</h2> Uczeń powinien wiedzieć: co to jest edytor WYSIWYG, jakie są zalety tych edytorów, jakie są wady tych edytorów. <H2 CLASS="western">Metody lekcji:</h2> Elementy wykładu, dyskusja, prezentacja. <H2 CLASS="western">Środki dydaktyczne:</h2> Tablica, komputer podłączony do internetu, projektor, <H2 CLASS="western">Literatura:</H2> Wikipedia, Internet. <H2 CLASS="western">Plan lekcji:</h2> <OL> <LI>Podanie tematu lekcji i uświadomienie uczniom celu lekcji. <LI>Prezentacja najpopularniejszych edytorów WYSIWYG. <LI>Opisanie zalet. <LI>Opisanie wad. <LI>Podsumowanie. <LI>Zakończenie lekcji. </OL> <H2 CLASS="western">Przebieg lekcji:</h2> <LI>przypomnienie: Co to są edytory tekstu. <LI>pytanie: Czy ktoś umie rozwinąć skrót WYSIWYG (łisyłig)?

3 Jest to akronim z angielskiego What You See Is What You Get. W tłumaczeniu na polski znaczy to To Co Widzisz To Otrzymasz. Znacie jakieś edytory WYSIWYG? Chyba najbardziej znanym edytorem tego typu jest program Adobe Dreamwaver. Inne to Microsoft Expression Web, Microsoft Publisher, Google Web Designer. Edytorów WYSIWYG jest ogrom. Listę ponad 30 edytorów można znaleźć na Wikipedia pod adresem A czy edytory WYSIWYG można jeszcze gdzieś znaleźć? Tak. Bardzo często takie edytory pojawiają się w różnego rodzaju CMS'ach. W CMS znajdujemy edytory napisane w javascript, które działają w przeglądarce internetowej, na stronie internetowej. Pomagają nam te edytory napisać tekst i sformatować go tak, jak zwykły dokument np. Word'a czy OpenOffice. Chyba najpopularniejszym edytorem WYSIWYG działającym w przeglądarce internetowej jest TinyMCE. Inne edytory działające w tym środowisku to: Redactor, CKEditor. Czy użytkownik tego typów edytorów musi znać HTML, CSS czy Javascript? Nie. Użytkownik nie musi znać tych technologii. Znajomość HTML i CSS pomaga, ale nie jest wymagana. Wszystkim zajmuje się edytor.

4 <LI>czy znacie jakieś inne programy do tworzenia Jakie według Was są zalety edytorów WYSIWYG? <LI>łatwe i lekkie i przyjemne pisanie stron internetowych, <LI>nieznajomość kodowania w HTML nie jest przeszkodą przy pisaniu stron internetowych. Jakie według Was są wady tych edytorów? <LI>użytkownik nie może czasem edytować wszystkich parametrów elementu, <LI>niektóre edytory generują bardzo zaśmiecony kod, <LI>nie ma gwarancji, że napisana strona będzie taka sama na wszystkich przeglądarkach wyglądać tak samo. Bardzo często ten sam kod HTML jest interpretowany różnie na różnych przeglądarkach, <LI>nieaktualizowane

5 lub nie rozwijane już edytory WYSIWYG generują kod niezgodny z najnowszymi normami, przez co mogą występować błędy w wyświetlaniu stron przez przeglądarki. A czy znacie jakieś inne programy, które pozwalają na wygenerowanie kodu HTML? Takim programem jest na przykład MS Word. Jest w nim możliwość wygenerowania kodu HTML. Innym programem jest OpenOffice Writer. W tym programie również jest możliwość wygenerowania kodu HTML. na następnych stronach będzie pokazany kod HTML tego dokumentu wygenerowany z OpenOffice Writer i MS Word 2010 <DIV TYPE=FOOTER> Strona <SDFIELD TYPE=PAGE SUBTYPE=RANDOM FORMAT=PAGE>1</SDFIELD> / <SDFIELD TYPE=DOCSTAT SUBTYPE=PAGE FORMAT=PAGE>2</SDFIELD> </DIV> </BODY> </HTML>

Podobne dokumenty

Responsywne strony WWW

Responsywne strony WWW www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę zaprojektować następujący layout strony, oparty na DIV-ach: Aby osiągnąć powyższy efekt, w pliku CSS powinniśmy utworzyć reguły: #cala_strona width: 780px;