1 / 21

Własna strona internetowa

Własna strona internetowa. Pisanie strony rozpoczynamy od znacznika <html>, podobnie kończymy: </html>. <html> </html>. 2. Następnie powinny się tam znaleźć informacje nagłówkowe, które oznaczamy <head>…</head>. <head> </head>. <title> </title>.

yagil
Download Presentation

Własna strona internetowa

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Własna strona internetowa

  2. Pisanie strony rozpoczynamy od znacznika <html>, • podobnie kończymy: </html> <html> </html> 2. Następnie powinny się tam znaleźć informacje nagłówkowe, które oznaczamy <head>…</head> <head> </head> <title> </title> • Tytuł strony wpisujemy między znacznikami • <title>…</title> 3. Treść strony znajduje się w sekcji body, Oznaczmy ją: <body>…</body>. Ponadto w sekcji body możemy wstawiać: <body> </body> Do zrobienia strony internetowej wystarczy nam zwykły edytor tekstu, np.: Notatnik oraz znajomość kilku komend. • Hiperłącza, np.: • <a href=„www.google.pl">Google</a> (b) Obrazki, np.: <img src=„obrazek.jpg" alt=„Tytuł obrazka"> (c) Formatowanie tekstu <font size="48" color="blue" face="Arial"> Formatowany tekst </font>

  3. Przykładowa strona

  4. Oto kod źródłowy tej strony <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"><title>Stronka</title> </head> <body> <body bgcolor="black"> <font size="48" color="blue" face="Arial"> Tak spędziłem wakacje</font></br> <img src=http://bdu.bzwbk.pl/_items/bdu/img/przebojowe_wakacje_1.jpg alt=„MoJe wAkAcJe"> <font color="red" size="5" face="Arial"> Morze Bałtyckie, Bałtyk – płytkie morze śródlądowe na szelfie kontynentalnym w Europie północnej. Połączone z Morzem Północnym przez Cieśniny Duńskie (Sund, Mały i Wielki Bełt) oraz Kattegat i Skagerrak. Za zachodnią granicę Bałtyku przyjmuje się cieśninę Sund i próg podwodny ciągnący się na głębokości 18–20 m od przylądka Gedser (wyspa Falster) do przylądka Darßer Ort (Darß).</br> Źródło:</font> </br> <a href="http://pl.wikipedia.org/wiki/Morze_Ba%C5%82tyckie"> <font size="5">Wikipedia </font> </body> </html> <- obsługa polskich znaków <-kolor tła <-formatowanie tekstu <- wstawianie obrazka

  5. Inny przykład strony

  6. Oto kod źródłowy tej strony <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"><title>Stronka</title> </head> <body> <h1>Plan lekcji</h1> <table border="3"> <tr> <td>Lp</td><td>Poniedziałek</td><td>Wtorek</td><td>Środa</td><td>Czwartek</td><td>Piątek</td> </tr> <tr> <td>1</td><td>Historia</td><td>Matematyka</td> <td>Polski</td> <td>Plastyka</td> <td>Polski</td> </tr> <tr> <td>2</td> <td>Przyroda</td> <td>Przyroda</td> <td>Matematyka</td> <td>Angielski</td> <td>W.F</td> </tr> <tr> <td>3</td><td>Religia</td><td>Polski</td><td>W.F</td> <td>Muzyka</td> <td>Angielski</td> </tr> <tr> <td>4</td> <td>Matematyka</td> <td>Godz.Wych</td> <td>W.F</td> <td>Muzyka</td> <td>Angielski</td> </tr> <tr> <td>5</td> <td>Plastyka</td> <td>Matematyka</td> <td>Matematyka</td> <td>Informatyka</td> <td>Przyroda</td> </tr> <tr> <td>6</td> <td>Religia</td> <td>Angielski</td> <td>Angielski</td> <td> </td> <td>Polski</td> </tr> </table> <h1>Dodatkowe zajęcia</h1> Matematyka</br> Piłka nożna</br> Przyroda</br> Basen</br> <h1>LINKI</h1> <a href="http://www.matematyka.pl">Strona matematyka.pl</a></br> <a href="http://spstepnica.republika.pl/basen2.JPG">Zdjęcie z zajęć na basenie</a></br> </br></br> Wyróżniamy 6 rzędów tytułów. Można ich używać do tytułowania rozdziałów, podrozdziałów, itp. Oznaczamy je odpowiednio: <h1>Pierwszy tytuł </h1> <h2>Drugi tytuł</h2> <h3>Trzeci tytuł</h3> <h4>Czwarty tytuł</h4> <h5>Piąty tytuł</h5> <h6>Szósty tytuł</h6> </body> </html> <-Początek tabeli <-Początek nowego wiersza <-Początek nowej kolumny

  7. W dalszej części prezentacji poznamy ciekawe i łatwe narzędzie do tworzenia stron internetowych w trybie WYSIWYG (What You See Is What You Get - to skrótowiec stosowany w informatyce dla określenia metod, które pozwalają uzyskać wynik w publikacji identyczny lub bardzo zbliżony do obrazu na ekranie) o nazwie Google Sites.

  8. Początki projektu Pod koniec 2006 roku poinformowano o przejęciu przez Google niewielkiej firmy JotSpot, a wraz z nią wygodnego w obsłudze zestawu narzędzi internetowych, opartych na mechanizmie wiki, do pracy grupowej online. Po wielomiesięcznym procesie integracji narzędzi JotSpot z Google Apps gigant z Kalifornii udostępnił je 27 lutego br. internautom pod nazwą Google Sites.

  9. Zanim przejdziemy do zakładania strony… • Powinniśmy założyć konto w serwisie Google, np.: E-mail na stronie www.mail.google.com • Przejść na adreswww.sites.google.com • Zalogować się

  10. W dalszej części pokazu obejrzymy prezentację wideo, pokazującą jak założyć własną stronę oraz jak dodać do niej różne ciekawe rzeczy.

  11. Zakładanie strony

  12. Edycja strony głównej

  13. Dodawanie stron, podstron i hiperłączy

  14. Dodawanie obrazków

  15. Dodawanie klipów z YouTube

  16. Strona z ogłoszeniami

  17. Edycja paska bocznego

  18. Gotowa strona

  19. Na koniec pokażemy jak dodać stronę do zasobów Google, tj. żeby wyszukiwarka google.pl znajdowała ją po wpisaniu odpowiednich słów.

  20. Dodanie strony do zasobów Google

  21. Oczywiście to tylko niektóre z elementów, dzięki którym można sprawić, że nasza strona będzie ciekawsza i ładniejsza. Można jeszcze dodawać logo strony, zmieniać kolor tła stron i podstron, itp.

More Related