2. Projektowanie stron WWW podstawowe informacje
|
|
- Ludwik Olejnik
- 9 lat temu
- Przeglądów:
Transkrypt
1 1. Uczeń: Uczeń: 2. Projektowanie stron WWW podstawowe informacje a. 1. Cele lekcji i. a) Wiadomości zna podstawowe zasady tworzenia stron internetowych, rozróżnia tryb tekstowy tworzenia stron www od trybu WYSIWYG, wie jak utworzyć prostą stronę WWW korzystając z narzędzi dostępnych w systemie Windows, potrafi utworzyć prostą stronę internetową korzystając z pakietu Microsoft Office. ii. b) Umiejętności potrafi wymienić podstawowe znaczniki języka HTML, umie wyjaśnić zasadę tworzenia stron internetowych w trybie tekstowym od tworzenia stron w trybie WYSIWYG, umie utworzyć prostą stronę internetową korzystając z zaimplementowanego w systemie Windows Notatnika, umie utworzyć prostą stronę internetową korzystając z dostępnych narzędzi dostarczanych z pakietem biurowym Microsoft Office. b. 2. Metoda i forma pracy Dyskusja, ćwiczenie, praca indywidualna. Komputer Internet c. 3. Środki dydaktyczne Przeglądarka internetowa Internet Explorer lub Mozilla Firefox Program Notatnik Pakiet biurowy Microsoft Office Karta pracy
2 d. 4. Przebieg lekcji i. a) Faza przygotowawcza Nauczyciel zapoznaje uczniów z tematem lekcji i uświadamia im cele zajęć. Prosi o włącznie komputerów. Przed zajęciami nauczyciel przygotowuje kartki z opisem podstawowych znaczników języka HTML (załącznik 1) oraz wycina kartki z zadaniami zawartymi w Karcie Pracy (załącznik 2). Jeżeli istnieje taka możliwość można zainstalować darmowy edytor języka HTML pracujący w trybie WYSIWYG NVU. ii. b) Faza realizacyjna 1. Nauczyciel prosi uczniów o włączenie komputerów, rozdaje kartki z opisem podstawowych znaczników języka HTML (załącznik 1). Prosi również uczniów o uruchomienie przeglądarki internetowej i programu Notatnik. 2. Nauczyciel krótko opisuje historię powstawania stron internetowych oraz podaje tryby tworzenia stron internetowych. 3. Następnie omawia zasadę tworzenia prostej strony internetowej wspomagając się kartkami z opisem podstawowych znaczników języka HTML (załącznik 1). Jednocześnie uczniowie, korzystając z udostępnionych im materiałów i słuchając opisów podawanych przez nauczyciela wykonują krok po kroku przykładową stronę internetową. 4. Następnym krokiem jest rozdanie uczniom Kart Pracy (załącznik 2) zawierających określone zadania do wykonania. 5. Uczniowie, na polecenie nauczyciela, wykonują zadanie nr 1 zawarte w Karcie Pracy. 6. Po wykonaniu zadania nr 1 uczniowie przedstawiają nauczycielowi efekty swojej pracy. 7. Następnie nauczyciel objaśnia zasady tworzenia strony internetowej w trybie WYSIWYG korzystając z dowolnego programu do graficznego tworzenia stron internetowych. 8. Po omówieniu zasad tworzenia stron w trybie graficznym uczniowie wykonują zadanie nr 2 umieszczone na Karcie Pracy. 9. Po wykonaniu zadania nr 2 uczniowie przedstawiają nauczycielowi efekty swojej pracy. 10. Na zakończenie zajęć nauczyciel opisuje sposób umieszczania utworzonej strony na serwerze, korzystając z przeglądarki internetowej. iii. c) Faza podsumowująca 1. Potrafią utworzyć prostą stronę internetową korzystając z ogólnie dostępnych narzędzi. 2. Uczniowie potrafią zaprezentować zdobyte informacje w formie multimedialnej umieszczając własną stronę www w sieci komputerowej Internet. 3. Uwagi dla nauczyciela: Ważne jest aby uczniowie mieli wcześniej utworzone konta na darmowych serwerach www, na których będą mogli umieścić swoje strony. Można to powiązać z tematyką z poprzedniej klasy związaną z zakładaniem skrzynek . Portalem udostępniającym natychmiastowe uruchomienie usługi www wraz ze skrzynką pocztową jest portal Interia.
3 Jeżeli nie ma możliwości zainstalowania programu NVU należy tylko podać krótki opis programów trybu graficznego WYSIWYG. Ma to na celu uświadomienie uczniom, że w sieci Internet są dostępne darmowe zamienniki komercyjnego oprogramowania. e. 5. Bibliografia 1. Broda P., Smołucha D., Informatyka, Operon, Gdynia Pikoń K., Po prostu tworzenie stron WWW, Helion, Gliwice Romanowicz W., HTML i JavaScript, Helion, Gliwice Strona główna programu NVU 5. Internetowy kurs dla webmasterów WEBTIPS 6. Wirtualny kurs języka HTML f. 6. Załączniki i. a) Karta pracy ucznia załącznik 1. Podstawowe znaczniki języka HTML Istnieją dwa rodzaje znaczników a) znacznik otwierający np.: <html> b) znacznik zamykający np.: </html> Wyjątkami od tej reguły są znaczniki <br> oraz <hr>. KAŻDY OTWARTY ZNACZNIK MUSI BYĆ ZAMKNIĘTY!! Inaczej strona nie będzie poprawnie wyświetlana. Opis znaczników: <html> - określa typ dokumentu w tym przypadku będzie to strona internetowa <head> - jest to sekcja nagłówkowa, w której możemy umieścić tytuł strony, znaczniki meta oraz opisać różnego rodzaju skrypty <title> - ten znacznik określa tytuł strony <body> - jest to znacznik określający tzw. Ciało dokumentu, czyli tą część, która będzie wyświetlana w przeglądarce <bgcolor> - określa kolor tła dokumentu, który w razie braku tła w postaci pliku graficznego, znajdzie się pod tekstem, itp. Dopuszczalne wartości to w formie tekstowej, np. "red" lub w formie liczbowej, np. "#1177FF", gdzie dwie pierwsze liczby (hex) to zawartość koloru czerwonego w tle, dwie następne - zielonego, i dwie ostatnie niebieskiego. Przykłady: <body bgcolor="yellow"> lub <body bgcolor="#aa8844">. Odmianą tego znacznika jest komenda <text color>. Określa ona kolor tekstu dokumentu. Przy wyborze koloru tekstu, należy kierować się kolorem tła, aby nie były takie same lub zbliżone. Należy pamiętać, że tekst na stronie ma być czytelny i nie powinien razić czytelnika. Możliwe
4 wartości, jakie może przyjąć atrybut TEXT, są takie same jak w przypadku atrybutu BGCOLOR. Przykłady: Przykłady: <body text="black"> lub <body text="#001122"> <h1> do <h6> - są to znaczniki opisujące nagłówek naszej strony, czyli inaczej widoczny w oknie przeglądarki tytuł strony <p> - oznacza paragraf inaczej jest to informacja dla przeglądarki, że dalsza część znaków znajdująca się za tym znacznikiem ma być wyświetlana jako tekst. Rozwinięciem tego znacznika może być forma <p align= left > oznaczająca wyrównanie tekstu do lewego marginesu. Zamiast left możemy wstawić right (do prawej), center (tekst wycentrowany) lub justify (wyjustowanie). <a href> jest to znacznik służący do wstawiania linków do innych stron, np. znacznik <a href=" będzie kierował nas na stronę wyszukiwarki internetowej Google. Jeśli chcielibyśmy stworzyć odnośnik do innej naszej podstrony wówczas składnia znacznika będzie wyglądała następująco: <a href="kontakt.html"> lub <a href="galerie.html/spotkanie.html">. Tekst, na który można kliknąć musi zawierać się pomiędzy <a> i </a> np. <a href=" Znacznik ten też wykorzystywany jest do tworzenia linków do wysyłania poczty elektronicznej. Jego składnia będzie wówczas wyglądała w następujący sposób: <a href="mailto:mój_adres@jakis_serwer.pl">napisz do mnie</a> <table> - definiuje tabelę. Tabelę dzielimy na wiersze <tr> a te z kolei na komórki <td>. Przykładowy schemat tabeli wyglądać będzie następująco: <table> <tr> <td>komórka 1</td> <td>komórka 2</td> </tr> <tr> <td>komórka 3</td> <td>komórka 4</td> </tr> </table> co da nam: Komórka 1 Komórka 2 Komórka 3 Komórka 4 <ol> I <ul> - są to znaczniki stosowania listy. Znacznik listy punktowanej to <ul> a numerowanej to <ol>. Wewnątrz stawiamy znaczniki <li> Przykład: <ol> <li>pozycja pierwsza</li> <li>pozycja druga</li> <li>pozycja trzecia</li> </ol> <hr> - wyświetla linię poziomą <br> - powoduje tzw. przełamanie wiersza, czyli inaczej jedną wolną linię.
5 <img src> jest to znacznik służący do wstawiania obrazka do dokumentu html. Przykład składni: <img src="file:///f:/scenariusze%20lekcji/amd.gif">. Jeżeli chcesz zobaczyć źródło strony to wystarczy wybrać w oknie przeglądarki polecenie Widok, następnie wybrać komendę Źródło strony. Przykładowa strona w języku html wyglądać będzie następująco: <html> <head> <title>moja pierwsza strona</title> </head> <body bgcolor="#ffffff" text="#000000"> <h1>to moja pierwsza strona</h1> <hr> <p>to jest moja pierwsza strona. Ma ona pokazać w jaki sposób można utworzyć prostą stronę internetową.<br> Oto przykładowa tabelka</p> <table width="99%" border="1"> <tr> <td> Komórka 1 </td> <td>komórka 2</td> <td> Komórka 3</td> </tr> <tr> <td>komórka 4</td> <td>komórka 5</td> <td>komórka 6</td> </tr> </table> <p>tutaj mamy przykład wstawienia listy:</p> <ol> <li> Pozycja pierwsza</li> <li>pozycja druga</li> <li>pozycja trzecia</li> </ol>
6 <p>w tym miejscu wstawimy obrazek</p> <p><img src="file:///f /Obrazki/amd.gif" ><br> A tutaj wstawimy odnośnik do wyszukiwarki Google. Aby do niej przejść kliknij <a href=" Jeżeli chcesz wysłać do mnie list kliknij na napis NAPISZ DO MNIE<a href="mailto:moj_login@jakis_serwer.pl">napisz do mnie</a><br> </p> </body> </html> Tak napisana strona będzie wyglądała w następujący sposób: załącznik 2. Zadanie nr 1. Utwórz stronę internetową o twoich zainteresowaniach. Strona powinna składającej się z ze strony głównej index.html oraz podstrony zdjecia.html. Na każdej ze stron muszą znajdować się linki pozwalające na swobodną nawigację pomiędzy stronami twojej witryny. Muszą też one zawierać
7 minimum 2 obrazki a na stronie index.html musi być umieszczony link do twojego maila, lista uporządkowana, linia pozioma oraz tabelka i link do wyszukiwarki Google. Zadanie nr 2. Korzystając z pakietu Microsoft Office lub dowolnego wizualnego edytora HTML rozbuduj swoją witrynę o kolejne podstrony: kontakt.html oraz omnie.html. Zawartość stron musi być zgodna z ich nazwami, czyli Kontakt zawiera numer telefonu, adres do ciebie i, o ile to możliwe, twoje zdjęcie. Na stronie O mnie muszą znaleźć się krótkie informacje o tobie. ii. b) Notatki dla nauczyciela Okno programu NVU Przykładowa strona internetowa utworzona prze ucznia powinna wyglądać w następujący sposób:
8 Plik index.html Plik zdjecia.html
9 Plik omnie.html Plik kontakt.html g. 7. Czas trwania lekcji 2 x 45 minut
10 h. 8. Uwagi do scenariusza Ważne jest zapewnienie dostępu do Internetu celem ściągnięcia przez młodzież plików graficznych związanych tematycznie z tematyką ich stron. W przeciwnym wypadku należy narzucić temat wykorzystując w tym celu zasoby lokalne komputera, na którym pracuje uczeń. Ewentualnie można zadać określony temat jednocześnie kopiując uczniom pliki graficzne z płyty cd.
2. Opracowanie grafiki w dokumencie tekstowym
1. Uczeń: Uczeń: 2. Opracowanie grafiki w dokumencie tekstowym a. 1. Cele lekcji i. a) Wiadomości zna sposoby wstawiania obrazka do tekstu, wie w jaki sposób wstawić obiekt ClipArt do dokumentu, wie w
2. Metody prezentacji informacji
1. Uczeń: Uczeń: 2. Metody prezentacji informacji a. 1. Cele lekcji i. a) Wiadomości zna różne sposoby prezentacji informacji, wie w jaki sposób utworzyć prezentację typu PowerPoint, zna zasady edycji
2. Tabele w bazach danych
1. Uczeń: Uczeń: 2. Tabele w bazach danych a. 1. Cele lekcji i. a) Wiadomości zna sposób wstawiania tabeli do bazy danych, wie, w jaki sposób rozplanować położenie pól i tabel w tworzonej bazie, zna pojęcia
Justyna 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
2. Metody adresowania w arkuszu kalkulacyjnym
1. Uczeń: Uczeń: 2. Metody adresowania w arkuszu kalkulacyjnym a. 1. Cele lekcji i. a) Wiadomości Zna zastosowanie arkusza kalkulacyjnego, zna sposoby adresowania w arkuszu kalkulacyjnym, zna podstawowe
Wprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Funkcje i instrukcje języka JavaScript
Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje
HTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
2. Rozmowy i dyskusje w Internecie
1. Uczeń: Uczeń: 2. Rozmowy i dyskusje w Internecie a. 1. Cele lekcji i. a) Wiadomości zna podstawowe zasady wymiany informacji w sieci Internet, zna portale internetowe oferujące usługę czatów, wie, w
1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji
Scenariusz lekcji 1 TEMAT LEKCJI: Formatowanie treści oraz grafika w kodzie HTML 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: wymienić i scharakteryzować zasady tworzenie czytelnych, atrakcyjnych i estetycznych
Ja i moje zainteresowania tworzenie własnej strony internetowej
Ja i moje zainteresowania tworzenie własnej strony internetowej 1. Cele lekcji a) Wiadomości Uczeń: - potrafi wyjaśnić pojęcie strona WWW, - zna sposoby tworzenia stron internetowych. b) Umiejętności Uczeń
Oczywiś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
Uwaga: znaczniki <body> </body> nie powinny byd umieszczane na stronie zawierającej ramki, w ramach FRAMESET.
* HTML + Wstęp do HTML Dokument HTML jest plikiem tekstowym, który zawiera znaczniki, zwane inaczej tagami, i stanowią język HTML. Same składają się z nawiasów kątowych, między którymi znajdują się ściśle
2. Graficzna prezentacja algorytmów
1. Uczeń: Uczeń: 2. Graficzna prezentacja algorytmów a. 1. Cele lekcji i. a) Wiadomości zna sposoby graficznego przedstawiania algorytmów, wie w jaki sposób skonstruować schemat blokowy w taki sposób aby
Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.
Podstawy HTML 1. HTML - to język formatowania dokumentów elektronicznych, który pozwala uformować tekst oraz połączyć go z grafiką. Dokument HTML ma postać pliku tekstowego, gdzie tekst przeplatany jest
używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów
opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania
I. 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:
Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.
Lekcja 1: Znaczniki Charakterystyczną cechą kodu HTML są tzw. znaczniki (tagi), które służą do formatowania wprowadzanych na stronę internetową treści, informując przeglądarkę jak powinna wyświetlić teksty
Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami.
Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami. Zagadnienie tematyczne (blok tematyczny): Internet i sieci (Podr.cz. II, str.37-69) Podstawa programowa: Podstawowe zasady
2. Konfiguracja programu Outlook Express
1. 2. Konfiguracja programu Outlook Express a. 1. Cele lekcji i. a) Wiadomości Uczeń zna pojęcia: e-mail, serwer pocztowy. Uczeń potrafi: ii. b) Umiejętności otworzyć i obsługiwać program Outlook Express,
Moduł IV Internet Tworzenie stron www
Ze strony internetowej www.kaze.zut.edu.pl z folderu BUDOWA JACHTÓW pobierz i zapisz je do własnego folderu następujące pliki: znak_drogowy.png, morze.jpg, logo_ecdl.gif, logobj.png ZADANIE 1 Podstawy
Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej
Edukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML
Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php
SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE
Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych
Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.
JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na
1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word
1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word a. 1. Cele lekcji i. a) Wiadomości 1. Uczeń potrafi wyjaśnić pojęcia: nagłówek, stopka, przypis. 2. Uczeń potrafi wymienić dwie zasadnicze
I. 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
Księgarnia internetowa Lubię to!» Nasza społeczność
Kup książkę Poleć książkę Oceń książkę Księgarnia internetowa Lubię to!» Nasza społeczność SPIS TREŚCI Drodzy Uczniowie!........................................... 5 Rozdział 1. Bezpieczne posługiwanie
Tworzenie stron WWW PROGRAM AUTORSKI. Spis treści ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE
Jadwiga Tumidajewicz nauczyciel mianowany Szkoła Podstawowa nr 18 im. Jana Pawła II Gliwice ul. Okrzei 16 PROGRAM AUTORSKI ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE Tworzenie stron WWW Spis treści 1 I.
e 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
Tworzenie stron internetowych w oparciu o język HTML
Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.
Witryny 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
Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
Pierwsza 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
1. Zarządzanie informacją w programie Access
1. Zarządzanie informacją w programie Access a. 1. Cele lekcji i. a) Wiadomości Uczeń: zna definicję bazy danych i jej zadania, zna pojęcia: rekord, pole, klucz podstawowy, zna obiekty bazy danych: tabele,
ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy
Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem
Podstawy tworzenia stron internetowych
Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.
Numer i nazwa obszaru: Temat szkolenia:
Numer i nazwa obszaru: Obszar tematyczny nr 8 Tworzenie stron internetowych Temat szkolenia: Prezentacja treści na stronach internetowych wykonanych przez nauczycieli lub ich uczniów SZCZEGÓŁOWY PROGRAM
Scenariusz lekcji. wymienić i podać adresy internetowe instytucji zajmujących się organizacją rynku pracy (biura pracy, agencje pośrednictwa);
Scenariusz lekcji 1 TEMAT LEKCJI Jak znaleźć dobrą pracę? 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: wymienić i podać adresy internetowe instytucji zajmujących się organizacją rynku pracy (biura pracy,
Wzbogacenie formy dokumentu praca z tabelami i rysunkami MS Word
Wzbogacenie formy dokumentu praca z tabelami i rysunkami MS Word 1. Cele lekcji a) Wiadomości 1. Uczeń potrafi wymienić funkcje edytora tekstu. 2. Uczeń potrafi wyjaśnić pojęcia: obiekt, tabela, ClipArt,
Aplikacje WWW - laboratorium
Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,
Tematy lekcji informatyki klasa 4a luty/marzec 2013
Tematy lekcji informatyki klasa 4a luty/marzec 2013 temat 11. z podręcznika (str. 116-120) Jak uruchomić edytor tekstu MS Word 2007? ćwiczenia 2-5 (str. 117-120); Co to jest przycisk Office? W jaki sposób
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
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
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną
www.fwrl.pl/szkolenie
STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa
Scenariusz lekcji. program do obsługi poczty elektronicznej np. Microsoft Outlook.
Scenariusz lekcji 1 TEMAT LEKCJI Wysyłanie listów pocztą elektroniczną 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: omówić podstawowe pojęcia związane z pocztą elektroniczną; opisać budowę okna programu
Odsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
Scenariusz lekcji. opisać strukturę prezentacji i budowę poszczególnych slajdów; opisać etapy projektowania prezentacji multimedialnej.
Scenariusz lekcji 1 TEMAT LEKCJI Projektowanie i przygotowanie prezentacji multimedialnej 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: opisać strukturę prezentacji i budowę poszczególnych slajdów; opisać
Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Wybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
STRONY INTERNETOWE mgr inż. Adrian Zapała
1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText
Konspekt lekcji informatyki/zajęć komputerowych
Konspekt lekcji informatyki/zajęć komputerowych 1. Data Przedmiot 2. Miejsce odbywania zajęć: Szkoła Podstawowa 3. Temat jednostki metodycznej Praca z Internetem 4. Temat jednostki lekcyjnej Internet jako
PROGRAM PRACY KOŁA INFORMATYCZNEGO NA ROK SZKOLNY 2016/2017 DLA UCZNIÓW SZKOŁY PODSTAWOWEJ IM. ADAMA MICKIEWICZA W SUŁKOWICACH
PROGRAM PRACY KOŁA INFORMATYCZNEGO NA ROK SZKOLNY 2016/2017 DLA UCZNIÓW SZKOŁY PODSTAWOWEJ IM. ADAMA MICKIEWICZA W SUŁKOWICACH Łukasz Zając nauczyciel Informatyki i zajęć komputerowych WSTĘP W dzisiejszych
Programowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
KURSY PROGRAMOWANIA DLA DZIECI
KURSY PROGRAMOWANIA DLA DZIECI NAZWA KURSU: Python w Minecrafcie oraz strony internetowe. GRUPA DOCELOWA: Szkoła Podstawowa klasy 4-6 (10-12 lat). OPIS KURSU: Zajęcia dla uczniów, którzy ukończyli kurs
Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY
Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY 1. Informacje o innowacji Nazwa szkoły: Zespół Szkół w Choroszczy Etap edukacyjny: Szkoła Podstawowa, klasy 4-6 Tytuł innowacji: Pasja
Scenariusz lekcji. Scenariusz lekcji
Tworzenie tabel w edytorze Word 1 TEMAT LEKCJI: Tworzenie tabel w edytorze Word. 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: wyjaśnić potrzebę projektowania tabel przed wstawieniem; definiuje pojęcia
SCENARIUSZ LEKCJI. Po zajęciach uczeń wie umie zna/rozumie
SCENARIUSZ LEKCJI 1) Wstępne czynności organizacyjne. 2) Uruchomienie pokazu multimedialnego. 3) Przypomnienie wiadomości z poprzednich lekcji. 4) Podanie tematu lekcji: Urządzenia oparte na technologii
Format 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
Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl. Tworzenie strony-wizytówki dla firmy XYZ
Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl Tworzenie strony-wizytówki dla firmy XYZ Dokument może być dowolnie rozpowszechniany w niezmiennej formie. Nie możesz pobierać opłat
Laboratorium 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
Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tablice w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.2 Umiejętności: 3 METODY NAUCZANIA
Scenariusz lekcji 1 TEMAT LEKCJI: Tablice w PHP 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: opisać sposób deklaracji tablic w PHP; scharakteryzować typ tablicowy w PHP; wymienić i scharakteryzować indeksowanie
[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
[ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.
za pomocą: definiujemy:
HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
Instrukcja dla ucznia
Instrukcja dla ucznia Zalecane przeglądarki Rejestracja Aktywacja dostępu Widok główny Zawartość zeszytu ćwiczeń Wybór ćwiczenia Wysyłanie rozwiązań Twoje wyniki Oznaczenia ukończonych i rozpoczętych ćwiczeń
Proste kody html do szybkiego stosowania.
Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach
Tworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
Danuta 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
Wykł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
WYMAGANIA EDUKACYJNE Z ZAJĘĆ KOMPUTEROWYCH DLA KLASY SZÓSTEJ W ZAKRESIE WIADOMOŚCI I UMIEJĘTNOŚCI UCZNIÓW
EDUKACYJNE Z ZAJĘĆ KOMPUTEROWYCH DLA KLASY SZÓSTEJ W ZAKRESIE I UCZNIÓW Ocena celujący bardzo dobry dobry dostateczny dopuszczający Zakres wiadomości wykraczający dopełniający rozszerzający podstawowy
Young 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
Tematy lekcji informatyki klasa 4a styczeń 2013
Tematy lekcji informatyki klasa 4a styczeń 2013 temat 7. z podręcznika (str. 70-72); sztuczki 4. i 5. (str. 78); Narysuj ikony narzędzi do zaznaczania i opisz je. 19 Zaznaczamy fragment rysunku i przenosimy
Scenariusz lekcji. Scenariusz lekcji. opisać rodzaje zmian, jakie można wykonać na komórkach w Excelu; wskazać jak dane i komórki w Excelu
1 TEMAT LEKCJI: Formatowanie danych w arkuszu kalkulacyjnym 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: opisać rodzaje zmian, jakie można wykonać na komórkach w Excelu; wskazać jak dane i komórki w Excelu
PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI 2 CELE LEKCJI. 2.1 Wiadomości. 2.2 Umiejętności 3 METODY NAUCZANIA 4 ŚRODKI DYDAKTYCZNE
Scenariusz lekcji 1 TEMAT LEKCJI Importowanie grafiki z różnych źródeł do programu Paint 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: omówić pojęcie importowania grafiki; wyjaśnić pojęcia zrzutu ekranowego;
APL_03_scenariusz_lekcji. Rodzaje kontrolek i ich obsługa w programach. Informatyka. Jadwiga Jezierska. Osiedle Stawki 39/27
Scenariusz lekcji ID Tytuł Przedmiot Autor (imię, nazwisko) Autor (ulica, nr domu) Autor (kod, miejscowość) Abstrakt APL_03_scenariusz_lekcji Rodzaje kontrolek i ich obsługa w programach Informatyka Jadwiga
2 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
HTML jak zrobić prostą stronę www
HTML jak zrobić prostą stronę www Z tej prezentacji dowiemy się: - co to jest HTML - jak znając podstawy HTML'a zrobić prostą stronę Co to jest HTML? HTML = HyperText Markup Language, czyli język znaczników
Temat: Wykorzystywanie zasobów przez ucznia
Scenariusz zajęć II etap edukacyjny, zajęcia komputerowe Temat: Wykorzystywanie zasobów przez ucznia Treści kształcenia: Zajęcia komputerowe: 1. Wykorzystywanie komputera oraz programów i gier edukacyjnych
PLAN METODYCZNY NR 1
1 PLAN METODYCZNY NR 1 PRZEDMIOT: Informatyka KLASA: II gimnazjum TEMAT: Kalkulacja wydatków ucznia w programie Excel. Cele ogólne: Poznawcze (IN) (intelektualne) Praktyczne (PR) (psychomotoryczne) Wychowawcze
1. Marketing i reklama
1. Marketing i reklama Uczeń: Uczeń: a. 1. Cele lekcji i. a) Wiadomości zna rodzaje marketingu stosowanego w Internecie, zna rodzaje reklamy internetowej, wie jak wykonać prosty element reklamy internetowej.
Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tworzenie prostych skryptów w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.
1 TEMAT LEKCJI: Tworzenie prostych skryptów w PHP 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: opisać budowę skryptu PHP; opisać łączenie kodu HTML i PHP; wymienić style dostępu do zmiennych w PHP; wymienić
APLIKACJA SHAREPOINT
APLIKACJA SHAREPOINT Spis treści 1. Co to jest SharePoint?... 2 2. Tworzenie nowej witryny SharePoint (obszar roboczy)... 2 3. Gdzie znaleźć utworzone witryny SharePoint?... 3 4. Personalizacja obszaru
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01
li CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01 Arkusz zawiera informacje
Scenariusz lekcji. wymienić różne sposoby uruchamiania programów; wyjaśnić pojęcie autouruchamiania; omówić metody tworzenia skrótu;
Scenariusz lekcji 1 TEMAT LEKCJI Sposoby uruchamiania programów 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: wymienić różne sposoby uruchamiania programów; wyjaśnić pojęcie skrótu; wyjaśnić pojęcie autouruchamiania;
Scenariusz lekcji: Wycieczka klasowa
Scenariusz lekcji: Wycieczka klasowa 1. Cele lekcji a) Wiadomości Uczeń: wie, jak skutecznie wyszukiwać informacje w sieci oraz jak wykorzystać adresy stron internetowych, zna korzyści płynące z wykorzystywania
Przedmiot: Grafika komputerowa i projektowanie stron WWW
KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup
1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA 4 ŚRODKI DYDAKTYCZNE. Scenariusz lekcji. Scenariusz lekcji. 2.1 Wiadomości: 2.
Motyle Scenariusz lekcji Scenariusz lekcji 1 TEMAT LEKCJI: Motyle 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: opisać sposób tworzenia animacji; opisać sposób zmiany postaci żółwia; wyjaśnić pojęcie klatki;
REDIVE PRZEWODNIK PO PLATFORMIE LMS
REDIVE PRZEWODNIK PO PLATFORMIE LMS PROJ. Nº 528362-LLP-1-2012-1-PT-ERASMUS-ECUE Ten projekt został zrealizowany przy wsparciu finansowym Komisji Europejskiej. Projekt lub publikacja odzwierciedlają jedynie
Rozkład materiału nauczania z przedmiotu INFORMATYKA. dla gimnazjum
Rozkład materiału nauczania z przedmiotu INFORMATYKA dla gimnazjum (wykonany w oparciu o program nauczania nr DKW 4014-87/99) Ilość godzin: 72 jednostki lekcyjne w dwuletnim cyklu nauczania Organizacja
Scenariusz lekcji. opisać działanie poczty elektronicznej; opisać podobieństwa i różnice między pocztą elektroniczną i tradycyjną;
Scenariusz lekcji 1 TEMAT LEKCJI Poczta elektroniczna 2 CELE LEKCJI 2.1 Wiadomości Uczeń potrafi: opisać działanie poczty elektronicznej; opisać podobieństwa i różnice między pocztą elektroniczną i tradycyjną;
Instrukcja użytkowania platformy ONLINE. Akademii Doskonalenia Zawodowego NATUROPATA ADZ Naturopata
Instrukcja użytkowania platformy ONLINE Akademii Doskonalenia Zawodowego NATUROPATA 2016 ADZ Naturopata SPIS TREŚCI Rozdział 1. Wymagania techniczne.... 4 1. System operacyjny.... 4 2. Przeglądarka internetowa....
e-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.
ROZDZIAŁ 2. INTERNET. Lekcja 5. Temat: Przeglądanie stron internetowych
ROZDZIAŁ 2. INTERNET Lekcja 5. Przeglądanie stron internetowych.................21 Lekcja 6. Wyszukiwanie informacji w internecie...............24 Lekcja 7. Gry w internecie...........................26
KRYTERIA OCENIANIA II ETAP EDUKACYJNY ZAJĘCIA KOMPUTEROWE KLASA IV KLASA V KLASA VI. DOPUSZCZAJĄCY Uczeń
KRYTERIA OCENIANIA II ETAP EDUKACYJNY ZAJĘCIA KOMPUTEROWE KLASA IV KLASA V KLASA VI DOPUSZCZAJĄCY : zna i potrafi wymienić obowiązujące w pracowni. Określa, za co może uzyskać ocenę; wymienia możliwości