Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn

Wielkość: px

Rozpocząć pokaz od strony:

Download "Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn"

Helena Łukasik
2 lat temu
Przeglądów:

Transkrypt

1 Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn Program do tworzenia projektu strony - Microsoft SharePoint Designer 2007 Kliknij > aby dowiedzieć się o nowej aplikacji do tworzenia stron www - Microsoft SharePoint Designer 2007 Aby utworzyć projekt strony www a następnie umieścić na serwerze www tak, aby nasza strona mogła być wyświetlana w sieci internet należy się do tego przygotować. Po pierwsze: Należy przygotować materiał do strony - np. Silniki w lotnictwie cywilnym, Układy mechaniczne w pojazdach samochodowych, itp. Po drugie: Należy "pogrupować" te informacje w pliki (np. tekstowe, graficzne, animacje, filmy, wykresy, obliczenia) i zapisać je w osobne katalogi. Po trzecie: Wybrać program, który te informacje "scali" w budowany szablon wykonywanej strony. Takimi programami są np. Ms Front Page, Ms SharePoint Designer Teraz po wybraniu programu np. Ms SharePoint Designer zaczynamy budowę strony www na lokalnym dysku (dysk C:/, D:/, pendrive).

3 I etap Po otwarciu programu należy zdecydować jaki rodzaj strony chcemy przygotować: Nowoczesny program jakim jest Ms SharePoint Designer 2007 zapewnia nam szereg możliwości wykonania strony: Wybieramy np. Strona... Otworzy się lista możliwości jej wykonania. Naszym pierwszym projektem będzie opcja - Strony z ramkami (w lewym menu)

4 Po wybraniu tej opcji pojawi się kilka szablonów naszej strony. Proszę wybrać wskazany poniżej - Transparent i spis treści

5 Zaletą tego szablonu jest: 1. Możliwość dodania nagłówka strony, który będzie pokazywał się na stałe. 2. Lawa strona szablonu - tu dodamy przyciski do naszych podstron. 3. Część środkowa szablonu (największa) - tu będzie otwierać się wskazany przycisk z informacjami, które będą stanowić poszczególne podstrony. Po zaakceptowaniu przyciskiem OK - otrzymamy szablon - patrz poniżej. Po otwarciu należy kliknąć w każdym z tych 3 ramek w opcję - Nowa strona.

6 Uwaga:

7 Każdą z poszczególnych ramek możemy zmieniać (ich wielkość) - W tym celu należy najechać kursorem myszy na linię pomiędzy ramkami i (trzymając wciśnięty klawisz myszy) przeciągnąć (w dół, w prawo). Po tych operacjach wstawiamy wybrany kolor tła, motywu strony.

8 W tym celu klikamy np. na lewej części naszego szablonu - aby był aktywny. Aktywny będzie wówczas jak pojawi się grubsza linia (w tym przypadku niebieska). Z menu Format wybieramy opcję Tło.

9 Po otwarciu menu Tło - należy wybrać kolory podstawowe lub je "rozszerzyć" aby wybrać kolor niestandardowy z palety barw.

10 i po rozszerzeniu palety barw - Zaznaczony kolor akceptujemy klawiszem OK. Te same operacje wykonujemy do 2-óch pozostałych ramek.

11 Po wybraniu do każdej z ramek koloru otrzymamy - patrz poniżej.

12 Teraz czas na przyciski, które dodajemy do lewej ramki. Tak jak to było w starszej wersji programu do wykonywania stron www firmy Microsoft czyli Ms Front Page dodajemy przycisk interaktywny (animowany). W tym celu z menu Wstaw - wstawiamy taki przycisk

13 Pojawi nam się gama kilkunastu wzorów przycisku interaktywnego.

14 Należy wybrać wzór (np. w kolorze zbliżonym do wybranego tła) i polu Tekst wpisać nazwę podstrony. Np. Opis projektu. Po czym należy zaakceptować wprowadzenie przycisku klawiszem - OK. Ten sam przycisk dodajemy kolejno pod pierwszym, który wstawimy, zmieniając nazwę przycisku na następne nazwy podstron. Otrzymamy np. - patrz poniżej: Teraz czas na top - czyli graficzny element tytułu strony.

15 W tym celu należy w dowolnym programie graficznym wykonać top. Top ma zawierać tytuł strony z projektem oraz element graficzny (np. silnik, układ mechaniczny, itp.) Następnie wstawiamy go do górnej ramki.

16 Teraz całość projektu zapisujemy na dysk do swojej lokalnej lokalizacji pod nazwą start.htm lub index.htm. Tworzymy w tym celu katalog pod nazwą Strona www-jan Kolwaski. I zapisujemy w nim wszystkie elementy (top graficzny również).

17 Uwaga: Po zapisaniu strony głównej pod nazwą np. start.htm lub index.htm pojawi się następny plik do zapisania. Zapisujemy go także potwierdzając zaproponowane przez program nazwy lub wpisując swoją nazwę.

18 Są to pliki naszych 3 części projektu strony (czyli menu lewe, top (górna ramka i część największa projektu) i kolejna podstrona projektu

19 Następnie potwierdzamy zapisanie plików (przycisków interaktywnych uprzednio utworzonych)

20 Program poprosi także o zapisanie graficznego elementu (top), który dodaliśmy wcześniej.

21 II etap Drugi etap to budowanie z uprzednio zebranych materiałów swoje podstarony. Wykonujemy tak samo jak stronę główną, lecz nie wybieramy ramek tylko zwykłą stronę. Każdą podstronę, którą wykonamy zapisujemy w utworzonym katalogu np. Strona www-jan Kolwaski pod nazwami takimi jakie tworzą przyciski. Tworzona podstrona:

23 III etap Trzeci etap to przydzielanie podstron (linków, hiperłączy) do przycisków tak, aby po zapisaniu strony i wybraniu poszczególnych przycisków nasze podstrony otwierały się w największej ramce naszego projektu. Klikamy np. na przycisku Zastosowanie i wskazujemy plik który będzie połaczony hiperłączem z przyciskiem. Następnie z prawej strony należy wybrać miejsce wyświetlania podstrony - Ramka docelowa - wskazując ramkę największą naszego projektu.

24 Otrzymamy:

25 Te operacje wykonujemy do wszystkich przycisków, które są "reprezentowane" w plikach. Na końcu zapisujemy gotową stronę w pliku - (po zmianach). Aby stwierdzić czy strona (lokalnie) otwiera się klikamy na główny plik - index.htm lub start.htm Poniżej katalog ze wszystkimi plikami projektu strony www.

26 Jeśli strona główna wraz z podstronami się otwiera w przeglądarce internetowej - to projekt wykonany jest poprawnie.

27 Powodzenia

Podobne dokumenty

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007 opracowanie: mgr Monika Pskit 1. Rozpoczęcie pracy z programem Microsoft PowerPoint 2007. 2. Umieszczanie tekstów i obrazów na slajdach.