25
Front page - pomoc Wybrać z menu Start program Ms Front Page 2003

Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 2: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 3: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 4: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 5: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 6: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

otrzymamy

Page 7: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 8: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 9: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 10: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 11: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

Otrzymamy

Page 12: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 13: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 14: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,
Page 15: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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.

Page 16: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 17: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 18: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

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

Page 19: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

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

Page 20: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 21: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 22: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Page 23: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

i ok.

sprawdzamy czy zegar jest już elementem naszej strony

Page 24: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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

Kalendarz

Page 25: Front page - pomoc - Robert Rajs page1.pdf · Otrzymamy projekt poniższej strony z jednym wstawionym przyciskiem. Wystarczy teraz wykonać Kopiuj (drugi przycisk myszy) na przycisku,

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