tech inf tutorial strony www, Psychologia UJ, Technologia informacyjna
[ Pobierz całość w formacie PDF ]
//-->Tutorial zajęcia 12 – Tworzenie prostych stron internetowych przyużyciu bezpłatnych narzędzi.Korzystając z niniejszego tutorialu nauczą się Państwo jak tworzyć prostestrony internetowe przy pomocy Google Sites. Efektem będzie własna stronainternetowa na dowolny temat. Oczywiście istnieją inne sposoby stworzeniawłasnejstronyinternetowej,którawyglądalepiejniżutworzonaz pomocą narzędzia Google Sites, jednak wymagają one więcej czasui umiejętności. Zaletą Google Sites jest to, jest to narzędzie bezpłatne, a jegoobsługa jest intuicyjna. Nie trzeba wiele czasu by zapoznać się z przydatnymifunkcjami, a aktualizacja strony również nie sprawia wiele problemów.Strona internetowa może przydać do zamieszczania plików, które będądostępne dla wielu osób (nie musimy wysyłać setek maili), publikowania różnychogłoszeń i innych ważnych informacji.Zadanie domowe:Aby wykonać zadanie proszę wykonać kolejno poniższe instrukcje i umieścić naforum kursu na Pegazie - zajęcia 11 - forum „Zadanie – tworzenie stroninternetowych” link do strony, którą Państwo stworzyli.1. Wchodzimy na stronęhttps://sites.google.comi logujemy się na swoje konto(używając loginu i hasła identycznych jak w naszym gmailowym e-mailu).2. By zapoznać się z krótkim filmempromocyjnymobjaśniającymprzydatnefunkcje Google Sites, po zalogowaniu się natej stronie klikamy w „Więcej informacji”.3. Oglądamy wspomniany w punkcie 2. filmik zwracając uwagę na możliwości,które stwarza narzędzie Google Sites.4. Po obejrzeniu filmu cofamy się do poprzedniej strony (sites.google.com).5. Klikamy „Utwórz”.6. Następnie mamy możliwość wyboru wyglądu naszej strony. Wejdźmy w opcję„Przeglądaj galerię”.7. Teraz można przejrzeć oferowane szablony wyglądu strony. Aby to zrobić należykliknąć w wybrany przez nas szablon, jeżeli chcemy dokładniej zapoznać się zdanym szablonem klikamy „Preview template” (proszę wykonać tą czynność wobeckilku szablonów by zobaczyć co Google Sites nam oferuje).1Technologia Informacyjna 2011, IPs UJ, mgr Dominika Czajak8. Jeżeli chcielibyśmy wybrać dany szablon, toklikamy w przycisk „Wybierz” znajdujący się przyopisie szablonu lub przycisk „Użyj szablonu”znajdujący się w widoku podglądu szablonu.9. Teraz jednak nie będziemy wybierać żadnego predefiniowanego szablonu.Wracamy więc do strony głównej. Zamykamy okienko/okienka z podglądem strony iklikamy Anuluj przy opisie szablonu.10. Wpisujemy nazwę jaką chcemy by otrzymała nasza witryna [1], wybieramyopcję pusty szablon [2], a następnie naciskamy „Utwórz” [3].11. Następnie określamy jaki adres ma mieć nasza witryna. Google Sites domyślniedefiniuje go zgodnie z określoną wcześniej przez nas nazwą witryny. Teraz jednakzmieńmy ten adres (ma się różnić od nazwy witryny).2Technologia Informacyjna 2011, IPs UJ, mgr Dominika Czajak12. Teraz klikamy w opcję „Wybierz motyw” i z dostępnychmotywów wybieramy taki jak nam się podoba (po prostuklikając na niego).13. Wybieramy „Więcej opcji” [1].Następnie wpisujemy krótki opiswitryny [2]. Teraz mamy możliwośćustawienia opcji udostępnienia strony[3], jak na razie pozostawmy domyślneustawienie „Wszyscy na świecie mogąwyświetlać tę witrynę”.Można również jeśli istnieje takapotrzeba zaznaczyć czy treść danejwitryny jest przeznaczona tylko dladorosłych [4]. My nie musimy tego robić(mam nadzieję, że nie będą Państwo na nowo stworzonej stronie poruszaćniecenzuralnych kwestii☺).14. Po wprowadzeniu tych ustawień wpisujemy wyświetlony kod a następnieklikamy czerwony przycisk u góry strony „Utwórz witrynę”. Mamy już własnąstronę!15. Następnie zmienimy jednak opcjeudostępniania strony. W tym celu klikamyw przycisk „Udostępnij”.Teraz klikamy „Zmień”, a następnieustawiamy opcję „Każdy użytkownik mającylink” i klikamy „Zapisz”.16. Teraz wzbogacimy nieco naszą stronę główną. Klikamy więc przycisk „Edytujstronę”. Napiszmy parę zdań o naszejstronie. Używając paska edycji możemyzmienić krój, wielkość, kolor i rozmieszczenie tekstu.Aby ustalić co jest nagłówkiem (np. słowo Witaj!) nanaszej stronie zaznacz go i w rozwijanym menu„Format” wybierz opcję „Nagłówek”.*Ustalanie co na naszej stronie jest nagłówkiem,podnagłówkiem, a co drobnym nagłówkiem jestprzydatne np. gdy chcemy stworzyć spis treści.3Technologia Informacyjna 2011, IPs UJ, mgr Dominika Czajak17. Teraz pod wpisanym na stronie głównej tekstem wstawmy obraz. W tym celuw rozwijanym menu „Wstaw” wybieramy opcję „Obraz”.Następnie wybierzmy opcję „Adres internetowy (URL)” [1], wstawmy link doobrazu, który chcemy wstawić [2] oraz napiszmy parę słów o obrazie [3].Kliknijmy lewym przyciskiem myszy na obrazie, który przed chwilą wstawiliśmyi [1] wyśrodkujmy go, [2] zlikwidujmy link do niego klikając „Usuń”, [3] zmieńmyjego rozmiar klikając „M” oraz [4] wyłączmy otaczanie obrazu tekstem.18. Za pomocą mniejszej niż w pozostałym tekście czcionki podpiszmy obraz, niezapomnijmy podać źródła fotografii.19. Co prawda Google Sites na bieżąco zapisujekopię roboczą, jednak co jakiś czasu zapisuj swojepostępy w pracy na stronie. Kliknij również przycisk„Zapisz”,gdychceszzatwierdzićzmianywprowadzone na danej stronie i skończyć pracę nad jej edycją.20. Teraz stworzymy nową podstronę. W tym celu klikamy przycisk znajdujący sięu góry strony:Następnie nazwijmy nową stronę [1](wpiszmy słowo „Informacje”). Google Sitesdomyślnie ustala jej adres, można go jednakzmienić [2]. Chcemy by podstrona byłapodrzędnawobecstronygłównej,zaznaczamy więc opcję „Umieść stronę podStrona główna” [3]. Klikamy w czerwonyprzycisk u góry strony „Utwórz”.4Technologia Informacyjna 2011, IPs UJ, mgr Dominika Czajak21. Teraz zmienimy układ na tej podstronie. Warto wiedzieć, że Google Sitesoferuje kilka przydatnych sposobów zorganizowania informacji na danejpodstronie. Wchodzimy w menu „Układ” i wybieramy opcję „Dwie kolumny (układprosty)”.22. Proszę wpisać tekst w obydwu kolumnach. Wartowiedzieć, że w Google Sites znajduje się proste narzędziedo tworzenia tabel. Proszę wstawić tabelę dowolnejwielkości w jednej z kolumn na tej podstronie. Aby tozrobić w zakładce „Tabela” klikamy w opcję „Wstawtabelę” a następnie określamy jej wymiary.23. W drugiej kolumnie na tej podstronie proszę o wstawianie kilkulinków. Aby to zrobić najpierw klikamy przycisk „wstaw link”,w kolejnym oknie. Mamy możliwość wstawienia linku do jednej ze stronznajdujących się w ramachnaszej strony, lub też linku dozewnętrznej strony. Skorzystamyz tej drugiej opcji, klikamy więcw opcję „Adres internetowy”i w polu obok wpisujemy adresstrony, którą chcemy zalinkować.Można zrobić to również w inny sposób – najpierw w miejscu gdzie chcemy byznajdował się link wpisujemy adres strony, zaznaczamy go, a następnie klikamyprzycisk „wstaw link”.24. Do podstrony możemy również załączyć kilkaplików. Aby to zrobić należy kliknąć „Wybierz plik”,a następnie wybrać plik i zatwierdzić wybór. Proszęzałączyć jeden dowolny plik do tej podstrony (może to być np. plik z tymtutorialem).25. Proszę dodać kolejną podstronę. Tak jak poprzednioklikamy przycisk „Nowa strona”, nazwijmy ją5Technologia Informacyjna 2011, IPs UJ, mgr Dominika Czajak
[ Pobierz całość w formacie PDF ]