Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym...

Post on 07-Oct-2020

5 views 0 download

Transcript of Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym...

następnie wejść w menu Plik, a następnie wybrać Nowy

Z lewej strony okna mamy menu - Nowy. Z tej listy wybrać opcję: Więcej szablonów stron

Po pojawieniu się szablonów, z zakładki Strony z ramkami wybrać najlepiej szablon: Transparent i spis treści

Gdy pojawi nam się poniższy szablon należy klinkąć w poszczególne przyciski o nazwie Nowa strona

Po wykonaniu tych operacji należy w każdą z tych trzech ramek przyporządkować motyw (kolor) - Menu Format - Motyw

Z prawej strony programu otrzymamy galerię motywów. Klikając w poszczególną ramkę a następnie wybrany motyw

otrzymamy

Następnie należy w górnej części zaprojektować top

Wpisujemy Tytuł strony (projektu, imię i nazwisko oraz dodajemy np. logo PWSZ Krosno, IT Academy Microsoft

Po wykonaniu powyższych operacji przystępujemy do zaprojektowania menu - Przyciski interaktywne z menu Wstaw

Z okna galerii styli przycisków wybrać jeden (dobrany pod kolor wcześniej wybranego motywu), wpisać w polu: Tekst

podpisany przycisk Otrzymamy wybrany przycisk w naszym menu strony

Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk

myszy) na przycisku, a następnie poniżej wklejamy: Wklej tyle razy ile będziemy potrzebować przycisków

Następnie po wstawieniu skopiowanego przycisku zmieniamy ich nazwy poprzez wybranie opcji: Właściwości przycisku

Otrzymamy

Teraz zapisujemy cały projekt strony do założonego katalogu o nazwie np. Projekt IT Academy

Plik - Zapisz jako - index.htm

Zapisujemy tak kolejne podstrony w tym samym katalogu

Teraz należy sprawdzić czy projekt otwiera się w przeglądarce Internet Explorer - klikając na plik startowy - Index

Otrzymamy jej wygląd

Teraz należy wykonać kolejne podstrony (O autorze, O projekcie, Definicje.....) jako oddzielne pliki w Front Page wybierając Plik - Nowy

Kolejne kroki to zapisywanie tychże plików w tym samym katalogu co cały nasz projekt pod nazwami takimi jak nazwy przycisków.

Ostatni etap to "podłączanie" hiperłączem tych poszczególnych plików pod wybrany przycisk

Wskazujemy nasz plik i wybieramy w której części naszej strony będzie otwierała się nasza podstrona - O autorze

Klikamy w opcję Ramka docelowa i wybieramy tę część

wybieramy część prawą strony głównej - jak poniżej

Wszystko akceptujemy oraz zapisujemy stronę główną klikając Plik - zapisz

Sprawdzamy "podłączoną" podstronę do przycisku O autorze

I takie same operacje wykonujemy do pozostałych przycisków, dodając wcześniej wykonany plik - podstronę

Dodatkowe elementy do strony - skrypty html

1. dodanie zegara do strony

skopiuj poniższy kod na swoją stronę wykonaną w programie

<div><script charset="UTF-8" src="http://edodatki.pl/code/zegar-

cyfrowy?data%5BWidget%5D%5Btitle%5D=Zegar&data%5BWidget%5D%5Bcss%5D=0" type="text/javascript"></script></div>

następnie z menu Edycja wybierz opcję Wklej specjalnie

Po pojawieniu się poniższych opcji wybierz - Nie konwertuj

i ok.

sprawdzamy czy zegar jest już elementem naszej strony

Inne skrypty są poniżej w przykładowych stronach. Dodać np.:

Kalendarz

Formularz kontaktowy

Licznik wizyt

Odliczanie dat

Kalkulator BMI

Licznik odsłon Odsłony dzienne

Wizyty dzienne Statystyki zbiorcze

strony ze skryptami

http://edodatki.pl/widget/zegar-cyfrowy

http://webmaster.helion.pl/starocie/skrypt/skrypt.htm

http://time.is/pl/widgets

http://www.kurshtml.edu.pl/skrypty/wyszukiwanie_w_calym_swiatowym_internecie,wyszukiwarka.html

http://szablony.freeware.info.pl/skrypty.html

Powodzenia