A A A

Własne WWW - Tworzenie witryny

PC Format 12/2009
Nasz kurs tworzenia WWW pozwoli zaprojektować, wykonać i opublikować stronę internetową. Dostarczamy ci całościowe rozwiązanie: przyjazny i polskojęzyczny edytor WWW na CD oraz opis, jak postępować. Kurs składa się z 3 części, każda gwarantuje uzyskanie konkretnego efektu. Część pierwsza pozwoli ci stworzyć i opublikować stronę WWW, w drugiej pokażemy, jak zrobić atrakcyjną galerię zdjęć, w trzeciej założymy blog, księgę gości oraz forum dyskusyjne. Zapraszamy! [Mateusz Nosel]

Galeria zdjęć, ciekawe linki i zarządzanie menu

Ze względu na dość mocno ograniczone możliwości programu WebSite X5 fotografie w naszej galerii nie będą mogły być powiększane, dlatego warto przemyśleć strukturę podstrony „Galeria” i zaplanować ją w taki sposób, aby zaprezentowane zdjęcia były w miarę duże i wyraźne. Do przygotowania działu z adresami do ulubionych stron będzie potrzebna prosta znajomość kodu HTML. Na koniec modyfikacjom poddamy domyślnie wykonane przez program menu nawigacyjne.

Tworzenie prostej galerii zdjęć


W otwartym projekcie witryny przejdź do zakładki Planowanie witryny i dwukrotnie kliknij na wcześniej przygotowanej podstronie Galeria.


Przejdziesz do zakładki Tworzenie stron. Zalecamy, aby struktura tej strony składała się z jednej lub maksymalnie dwóch kolumn. Liczba wierszy będzie zależała od liczby zdjęć, które chcesz zaprezentować. Następnie z sekcji Obiekty poprzeciągaj miniaturę Obraz na poszczególne komórki i wybierz z dysku zdjęcia do twojej galerii.


Zapisz zmiany w projekcie, klikając przycisk Zapisz, a jeżeli chcesz przetestować galerię, kliknij przycisk Test.

Ulubione strony


Pierwszą trudność napotkasz przy tworzeniu działu z adresami do innych stron – w naszym przykładzie Ciekawe linki. Jeżeli przygotowujesz taką podstronę, wróć do zakładki Planowanie witryny i z drzewa podstron wybierz i kliknij dwukrotnie Ciekawe linki. Otworzy się okno Tworzenie strony. Aby wprowadzić linki do stron zewnętrznych, skorzystaj z obiektu Tekst, a po jego przeciągnięciu kliknij na nim dwukrotnie. W oknie edycji Tekst wybierz z paska narzędziowego ikonę , aby zezwolić na kod HTML, który będzie niezbędny do wprowadzenia odnośników do ulubionych stron.


Po włączeniu ikonki możesz już korzystać z kodu HTML. Wpisz odnośniki według następującego wzoru:
<a href=”http://www.adresstrony.pl”>Nazwa twojej ulubionej strony</a> Jeżeli chcesz zrobić link do strony magazynu PC Format, kod HTML powinien wyglądać tak:
<a href=”http://www.pcformat.pl”>Strona magazynu komputerowego PC Format</a> Kolejne adresy rozdziel, wciskając [Enter].


Zapisz swój projekt na dysku, wybierając ikonę Zapisz. W nowym okienku Zapisywanie pliku nadaj nazwę swojemu projektowi, np. moja_pierwsza_strona.iwp, i kliknij przycisk Zapisz. W każdej chwili możesz zobaczyć też aktualny podgląd strony, klikając przycisk Test. Program wygeneruje tymczasową witrynę, której działanie zobaczysz na podglądzie we wbudowanej przeglądarce.

Zarządzanie wyglądem menu


Możesz już przejść do kolejnego etapu Ustawienia zaawansowane, w którym zmodyfikujesz wygląd menu na stronie. Kliknij Menu główne, a otworzy się okno edycji.


W zakładce Ogólne ustal krawędzie oraz szerokość całego menu i marginesy. Teraz przejdź do zakładki Tekst. Wybierz krój oraz wielkość czcionki, a z rozwijanej listy wybierz pozycjęDo lewej. Z kolei w zakładce Grafika ustal kolor tła i tekstu. Kliknij kwadracik z kolorem farby, aby wybrać jeden ze standardowych kolorów. Zalecamy, aby kolor tła pozostawić przezroczysty. Zatwierdź zmiany przyciskiem OK.



Ocena:
Oceń:
Komentarze (1)

Redakcja nie ponosi odpowiedzialności za treść komentarzy. Komentarze wyświetlane są od najnowszych.
avatar
TworzenieStron
opera
8 stycznia 2011, 22:06
Pochwała
Dobry kurs. Aby urozmaicić stworzoną przed chwilą stronę WWW można skorzystać ze skryptów PHP i JavaScript zamieszczonych na stronie http://skrypty.boo.pl
zgłoś do moderacji »
Najnowsze aktualności


Nie zapomnij o haśle!
21 czerwca 2022
Choć mogą się wydawać mało nowoczesne, hasła to nadal nie tylko jeden z najpopularniejszych sposobów zabezpieczania swoich kont, ale także...


Artykuły z wydań

  • 2024
  • 2023
  • 2022
  • 2021
  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
Zawartość aktualnego numeru

aktualny numer powiększ okładkę Wybrane artykuły z PC Format 1/2022
Przejdź do innych artykułów
płyta powiększ płytę
Załóż konto
Co daje konto w serwisie pcformat.pl?

Po założeniu konta otrzymujesz możliwość oceniania materiałów, uczestnictwa w życiu forum oraz komentowania artykułów i aktualności przy użyciu indywidualnego identyfikatora.

Załóż konto