1 W4 -24.XI Pakiet Office – edytor HTMLTechnologie informacyjne Mechatronika PWSW W4 -24.XI Pakiet Office – edytor HTML

2 Superaplikacja biurowa – MS- OFFICEMicrosoft Office to pakiet aplikacji biurowych wyprodukowany przez firmę Microsoft. Popularny - powszechnie wykorzystywany w firmach i przez zwykłych użytkownikow domowych. Programy składające się na Microsoft Office są przeznaczone na platformę Microsoft Windows oraz Apple Mac OS X, mogą zostać uruchomione na innych systemach (GNU/Linux, FreeBSD itp.) wersje: starsze, XP, 2003, 2007, 2010

3 − Microsoft Excel (arkusz kalkulacyjny) W skład pakietu MS Office Basic wchodzą: − Microsoft Word (edytor tekstu) − Microsoft Excel (arkusz kalkulacyjny) − Microsoft PowerPoint (tworzenie prezentacji multimedialnej) − Microsoft Office Picture Manager (przeglądarka obrazow, prosta edycja zdjęć) Ponadto: − Microsoft Outlook (program pocztowy, kalendarz). − Microsoft Access (tworzenie i obsługa baz danych) − Microsoft OneNote (robienie notatek, dodawany od wersji 2003) − Microsoft Publisher (tworzenie publikacji prasowych) − Microsoft Visio (edytor schematów) − Microsoft Office SharePoint Designer (poprzednio FrontPage; tworzenie i edycja stron WWW) − Microsoft Project (zarządzanie harmonogramem projektów) i inne nawet Microsoft Office Communicator (Komunikator internetowy)

4 MS Powerpoint Krótko możliwości (przećwiczymy na laboratorium) Widoki: slajd, sortowanie slajdów, notatki, wyświetlenie prezentacji Podstawowe elementy slajdu: tekst grafika (obrazy, wykresy, schematy organizacyjne, równania matemat.) dźwięk Możliwości: sterowanie tempem efekty wizualne (animacje, przejścia slajdów)

5 EDYTORY TEKSTU - wprowadzeniePodział edytorów tekstu ASCII dokumentu redagowanego MS WordPad (Write) MS Word WordPerfect NC-edit Notatnik vi - unix Tech Works AmiPro Open Office inne Write WordStar ChiWriter TAG

6 WYSIWYG (what you see is what you get)Pośrednictwo użytkownika edytora MS Word składowe okna: menu operacji paski narzędzi pasek stanu menu podręczne możliwości: praca z wieloma dokumentami równocześnie (menu Okno) podział okna (dokumentu) na dwie części WYSIWYG (what you see is what you get) „masz to co widzisz”

7 Z n k i sekcja 1 sekcja 2 sekcja 3 podział logiczny:sekcje wygląd stron akapity (paragrafy) - wygląd fragmentów stron (nowy wiersz) obiekty (rysunki, wzory, wykresy, tabele, pola tekstowe) znaki operacje: Wstaw  Znak podziału  Sekcji Wstaw  Obiekt | Rysunek | Pole tekstowe Enter - koniec akapitu sekcja 1 sekcja 2 Z sekcja 3 n k i a

8 Ale podział na sekcje nie jest automatyczny !podział redakcyjny: strony wiersze Istota: automatyczny podział tekstu na strony automatyczny podział tekstu na wiersze Ale podział na sekcje nie jest automatyczny !

9 Układ strony Najważniejsze opcje: Rozmiar OrientacjaMarginesy – proponowane/niestandardowe Podgląd wydruku w ikonie Office w lewym górnym rogu ekranu

10 Niewskazane wiele spacjiAKAPIT - 1 lub więcej wierszy stanowiących całość logiczną, zakończony znakiem końca akapitu. ŁAMANIE WIERSZY odbywa się AUTOMATYCZNE !!! Naciśnięcie ENTER wymusza zmianę wiersza a więc jest początkiem nowego akapitu. AKAPIT posiada zawsze całkowitą liczbę wierszy (jeden lub więcej). Niewskazane wiele spacji puste akapity jako odstępy (wykonywać przez parametry akapitu – odstęp przed i po)

11 Położenie akapitów marginesy strony wcięcie 1-go wiersza wcięcie prawostronne wcięcie lewostronne odstęp po odstęp przed sumuje się Tylko tak robimy – przez parametry akapitu – Format Akapit

12 Odstępy wewnątrz akapituspacja NORMALNA NIEROZDZIELAJĄCA (CRTL+SHIFT + SPACJA) tabulatory (większe odstępy) kolumny tabela ENTER – koniec akapitu (można usuwać) SHIFT+ENTER – wymuszone złamanie akapitu

13 italic      - Wstaw symbol x2 - indeksy górne i dolneFormatowanie czcionki – łatwe ale.... x2 - indeksy górne i dolne      - Wstaw symbol italic

14 Nawigacja w dokumencietypowa: myszka + paski przewijania klawiatura - o znak, wiersz, akapit, ekran, pocz./koniec Klawisze Skok kursora   o znak   o wiersz CTRL+  CTRL+  o słowo w prawo, lewo Home/End na początek/koniec wiersza CTRL+ /CTRL+ o akapit PgDn/PgUp o ekran CRTL+Home CTRL+End początek/koniec dokumentu inne możliwości: skok do specyficznego miejsca (wiersz, strona, sekcja, obiekt) menu Edycja  Przejdź do, makroklawisz Ctrl-G (ang. go to), klawisz funkcyjny F5

15 Ważniejsze operacje Zaznaczanie i operacje edycyjnetypowe: wprowadzanie + usuwanie + przemieszczanie + kopiowanie bezpośrednio + schowek znaki, wycinki tryb wstawiania/zastępowania: przycisk w pasku stanu klawisz Insert (zmiana trybu wstawianie-zastępowanie) Techniki - schowek - przeciąganie Kasowanie znaków (Delete, Backspace)

16 Widoczność znaków niedrukowanych - narzędzie ¶ Widoki dokumentu widok normalny – wpisywanie, edycja i wstępne formatowanie widok wydruku – podgląd w ikonie Office wszystkie szczegóły wyglądu stron dokumentu wstawianie i rozmieszczanie obiektów edycja nagłówków i stopek ustawiania marginesów ustawianie układu kolumnowego podgląd wydruku widok konspektu - wielopoziomowe listy wyliczane Widoczność znaków niedrukowanych - narzędzie ¶ widzimy znaki reprezentujące zmiany wiersza, spacje, tabulatory, wymuszone zakończenia strony, sekcji itp.

17 Sprawdzanie poprawności pisowni i gramatykina bieżąco: Narzędzia  Opcje  Pisownia i gramatyka Menu Recenzja w Office 2007 jednorazowo: Narzędzia  Pisownia i gramatyka przycisk paska narzędzi F7 kolejno: propozycje zmiany wyrazu ręczna edycja wyrazu rezygnacja ze zmiany Dzielenie wyrazów na sylaby na prawym marginesie: Menu Narzędzia – Język – Dzielenie wyrazów (lub Układ strony! w Office2007) F4 - powtarzanie ostatniej operacji (przydatne) malarz formatów

18 Szukanie i zastępowanieoperacje: Edycja Znajdź lub Ctrl-F (ang. Find) Edycja Zamień lub Ctrl-H (ang. cHange) Narzędzia główne Wstawianie obiektów (grafika i inne) menu Wstawianie

19 Tworzenie i wykorzystanie stylów do formatowaniaStyl – nazwany zestaw parametrów dla akapitu – właściwości akapitu – wcięcia odstępy itp., czcionka- wielkość, krój itd., obramowania, język itp.) ułatwia jednolite formatowanie tylko dla stylów Nagłówek możliwe utworzenie spisu treści Style (okienko stylów) - nowy styl, modyfikacja dodawanie do meny szybkich stylów

20 Równania matematyczneWstaw ObiektMicrosoft Equation 3.0, Bezpośrednio dostępne w Office 2007 w menu Wstawianie Dodatkowe narzędzie, pasek elementów najczęściej występujących w równaniach, rozwijane narzędzia paska. Uwaga: Najpierw wybierać strukturę (np. ułamek, indeksy) a potem w odpowiednie pola wstawiać obiekty z klawiatury lub z paska

21 Elementy które można obramować: Znaki Słowa Dłuższy akapit Tabele Obramowania i cieniowania Elementy które można obramować: Znaki Słowa Dłuższy akapit Tabele Rysunki Strona  

22 Tabele Sposoby wstawiania tabeli:·       lub menu Wstawianie/Tabela  Wstaw tabelę Narzędzie Rysuj tabelę (tabele o strukturze nierównomiernej) komórki scalone Poruszanie się po tabeli – klawisze nawigacyjne, TAB, SHIFT+TAB, klikanie myszką

23 Pozycje tabulatorów widoczne na linijce górnejInne możliwości Tabulatory – standardowe i własne (odstępy poziome i wyrównanie) TABULATOR – pozycja, do której wykonać można skok poziomy poprzez użycie klawisza tabulacji TAB, zastępuje użycie wielu spacji (co nie jest zalecane) Pozycje tabulatorów widoczne na linijce górnej Typy tabulatorów: ·       Wyrównanie do lewej ·      Wyrównanie do prawej ·      Wyrównanie do środka ·    Dziesiętny (dla liczb) – wyrównanie do kropki lub przecinka dziesiętnego Nazwisko Data Cecha Premia Kowalski wysoki 1500,00 Nowak niski Malinowski średni ,90 Powielenie tabulatorów dla nowego - wstawianego akapitu

24 Podział na sekcje Podział dokumentu na sekcje umożliwia:·       Zróżnicowanie liczby kolumn gazetowych ·       Zróżnicowanie formatowania strony (czasem potrzebna 1 strona poziomo, obrócona o 90o) ·       Zróżnicowanie nagłówków i stopek (np. dla rozdziałów) Podział na sekcje: · 1 sposób – wstawianie znaków końca sekcji (menu Układ strony – znaki podziału) ·  2 sposób – zaznaczenie fragmentu tekstu i ustalenie liczby kolumn – podział automatyczny Znak podziału kolumny – Układ strony/kolumny

25 Listy – Narzędzia główne/ Akapit – ikony dla listwyliczanie numerowanie (w tym konspekty numerowane – lista wielopoziomowa) Nagłówki i stopki – menu Wstawianie (tytuł rozdziału, numer strony) – zróżnicowane dla sekcji Numery stron – menu Wstawianie - Numer strony Spisy treści – KONIECZNY STYL NAGŁÓWKOWY! DLA AKAPITÓW TYTUŁOWYCH (Nagłówek1, Nagłówek2..) Menu Odwołanie - Indeks i spisy

26 Inne możliwości: Tezaurus – synonimy, Tłumaczenie PrzypisyRecenzja (śledź zmiany) – poprawki widoczne lub nie

27 Strony WWW (World Wide Web)Mosaic – pierwsza przeglądarka 1993 Internet Explorer Opera Firefox(Mozilla) Safari Chrome(Google)

28 HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy języka, można bezpośrednio pisać korzystając z edytora tekstu nieformatowanego (ASCII) np. Notatnik – zapis w pliku z rozszerzeniem htm lub html HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce internetowej, osadzanie ciągów instrukcji języków skryptowych, wpływających na zachowanie przeglądarek lub innych parserów HTML.

29 Dynamiczny HTML lub DHTML (angDynamiczny HTML lub DHTML (ang. Dynamic HyperText Markup Language, dynamiczny hipertekstowy język znaczników) techniki służące do dynamicznej zmiany treści, wyglądu, zachowania dokumentu HTML w przeglądarce umożliwiające interakcję strony WWW z użytkownikiem i stosowanie efektów wizualnych plik HTML - tekst nieformatowany – małe pliki łatwe do przesyłu w sieci

30 Znaczniki (tagi) – postać ogólna zawartość atrybuty są opcjonalne (niekonieczne) PODSTAWOWA STRUKTURA dokumentu HTML Tu są elementy pojawiające się na stronie konfiguracja treść strony

31 Onet Przykład Onet nazwa atrybutu wartość atrybutu znacznik zamykający znacznik otwierający zawartość

32 Znaczniki podstawowe (jest ich ok. 80)Strukturalne, np . H1 – nagłówek P – akapit TABLE - tabela DIV, SPAN - grupujące Prezentacyjne – określające formę – np. B – pogrubienie I – italic Hiperłącza (kotwice) A

33 Tekst3 Tekst1 Tekst2 Zagnieżdżanie znaczników

Tekst1 Tekst2 Tekst 3

34 Znaczniki elementów pustych przykładowo:
wymuszona zmiana wiersza grafika pole formularza można pisać:

lub
lecz zgodnie z XHTML powinno być:
ze spacją

35 Wybrane znaczniki … Akapit tekstowy - znacznik

- Przykłady:

Tytuł