Yagbu.eu

Home Sekcje Webdeveloper Moja pierwsza strona w notatniku?

Moja pierwsza strona w notatniku?

"Jeśli musisz stworzyć swoją pierwszą stronę internetową, a nie chcesz, żeby była ona oczojebna i wyglądała tak jak ta: Kecajka, proszę przeczytaj ten artykuł przed przystąpieniem do pracy."

Każdy uczeń musi lub musiał stworzyć przynajmniej jedną prostą stronę w html'u na lekcję informatyki. Jednak nie każdy potrafi zapamiętać te wszystkie komendy, nie każdy potrafi ich odpowiednio użyć tak, żeby wszystko ładnie współgrało . Zawsze byłem na tyle leniwy, że wolałem innowacyjne rozwiązania. Nigdy do końca nie lubiłem zaczynać od pustej kartki w notatniku, jednak lubiłem, kiedy wszystko robiło się prosto i łatwo. Pewnie stąd też wynika moje zamiłowanie do wszelkich cms'ów i tego typu gotowych rozwiązań.

Piszę ten wpis z myślą o tych, którzy planują stworzyć swoją pierwszą stronę internetową. Tą całkowicie pierwszą. Wiedza, która zostaje przekazana w szkole jest na tyle znikoma, że nie wystarczy na stworzenie czegoś co nie wyglądało by tak bardzo żałośnie. Nie będę tu wykładał jakiegoś podstawowego kursu html, bo przecież cały ten kurs możecie znaleźć na: Kurs HTML

Jeszcze do tej pory czasem pomagam koleżankom tworząc na szybkiego jakiś prosty projekt, jednak zawsze musiał mieć on czyściutki kod html tak, aby to nauczyciel informatyki pomyślał, że ta strona była w całości pisana w notatniku. Już ładne parę lat temu znalazłem bardzo proste rozwiązanie, które nawet w ostatnim czasie znowu się przysłużyło. Projekt strony dla koleżanki w 20min? Czemu nie? Może samemu przywędrowałeś tutaj z google.pl poszukując jakiegoś bardzo prostego rozwiązania?

Pewnie kojarzysz przeglądarkę Firefox, jednak wiedz, że firma Mozilla wydała nie tylko ją. Chciałbym, abyś zainteresował się teraz pakietem SeaMonkey. To właśnie w tym pakiecie jest takie „coś” jak Kompozytor Stron. Nazwa może nie brzmi najlepiej, lecz będzie dużo lepiej, kiedy przekonasz się jak może być to narzędzie przydatne.

Tak Mozilla opisuje swój produkt:

„Kompozytor służy do tworzenia dokumentów stron www w języku HTML. Korzystanie z Kompozytora jest tak łatwe jak korzystanie z edytora tekstu. Program pozwala na prostą zmianę rozmiarów obrazków, dodawanie/usuwanie komórek, kolumn i wierszy tabel oraz obsługuje CSS i warstwy na stronach.”

Nic dodać nic ująć, może przedstawię jeszcze prosty sposób jak się do tego Kompozytora dostać.

  1. Ściągamy pakiet SeaMonkey

  2. Instalujemy i uruchamiamy przeglądarkę (nie Firefoxa - tylko SeaMonkey)
  3. Używamy w oknie przeglądarki skrótu: Ctrl+Shift+N lub robimy tak jak na obrazku:
4. Już jesteśmy w Kompozytorze, teraz wystarczy się rozejrzeć i po sprawie.

Kompozytora używasz w taki sposób jak byś używał edytora tekstowego, oczywiście możesz też wprowadzać drobne zmiany w samym kodzie .html (z poziomu tego narzędzia), a na dodatek pobawić się znacznikami za pomocą specjalnej zakładki.

Dodatkowo masz też natychmiastowy podgląd strony.

Jak zrobić, żeby się nie narobić, a stronę na piątkę lub szóstkę zrobić?

Od nie pamiętnych czasów używam jednego, sprawdzonego sposobu. Szukam bardzo prostego i darmowego szablonu html. Usuwam wszelką grafikę, tekst itd., a zostawiam same tabele (są one w kompozytorze zaznaczone czerwoną, przerywaną linią).
Później szukam ciekawego tła i tworzę proste grafiki w photoshopie (np. logo). Na koniec umieszczam wszystko do jednego folderu, gdzie będzie znajdować się nasza strona internetowa. Na sam koniec jest już tylko spożytkowanie kompozytora stron, który w porównaniu do innych jest jednym z tych najprostszych. W taki o to sposób koleżanka jest usatysfakcjonowana i dostaje piątkę w szkole.
Jeśli nawet nie potrafisz poruszać się w tym programie, to na sam koniec muszę Cię odesłać do obszernego przewodnika po kompozytorze stron.
Tags:
Komentarze (8)Add Comment
0
grudzień 11, 2008

Fajne, nie wiedziałem. Trzeba będzie przetestować po nowym roku, jak takową stronę będę robił smilies/tongue.gif .

0
grudzień 11, 2008

Cieszę się, że już nawet komuś z czytelników się przyda, bo pisałem o tym kompozytorze stron bardziej z myślą o tych osobach, które będą przychodziły z google szukając czegoś odnośnie stworzenia swojej pierwszej strony lub stworzenia jakiegoś szybkiego i prostego projektu. smilies/smiley.gif

0
grudzień 11, 2008

Ja ostatnio, z braku czasu, zaczęłam pisać CSS na kartkach w szkole. Oczywiście wśród koleżanek wielki szmer, co to, gdzie to, jak to, skąd to i po co to. Taa, a to niby profil informatyczny _._
Tak więc, jak mnie panienki znowu najdą, to im polecę ten artykuł - ot, żeby się rozeznały, co też tam Aden pisuje pracowicie na lekcjach...
Za jakiekolwiek późniejsze ataki spamerskie w komentarzach NIE odpowiadam smilies/wink.gif

A tak na poważnie, to fajny wpis. Naprawdę się przyda smilies/smiley.gif Sama swego czasu korzystałam z SeaMonkey i byłam b. zadowolona ^^ a tu, proszę, ładnie i składnie opisane.

Pozdrawiam ^^

0
grudzień 12, 2008

Zanim ja zacząłem bawić się w tworzenie choćby najmniejszych stron, to przerobiłem kurs z browsehappy.pl. Ale jak patrzę na niektóre layouty użytkowników gimpuj.info, to mnie dopada kurwica. Iframe'y, pół megabajtowe headery, megabajtowe patterny, bo oczywiście o "repeat" się nic nie wie... Cholera, ludzie... Mamy już 2008 rok.

Nie zaczynajcie layoutu od zera. Szukajcie inspiracji.

0
grudzień 13, 2008

Jeżeli ktoś nie chce całego SeaMonkey, można NVU smilies/wink.gif .

0
styczeń 31, 2009

5-tkę za stronę na tabelkach? nic nie mówię, ale ja to bym najwyżej 4 dał smilies/tongue.gif
A, i stron nie pisze się w notatniku. To znaczy da się owszem, ale są lepsze rozwiązania - choćby edytory kolorujące składnię... Ale w końcu Mona Lisę w paintcie też się da narysować smilies/wink.gif smilies/tongue.gif

0
luty 18, 2010

Different fields of people's life utilize a lot of time and efforts, hence why should we waste time for biography term paper composing? That would be better to utilize really professional essay writing service to purchase the term paper essays from, I think.

0
Alan
grudzień 22, 2010

niezła smilies/grin.gif

Napisz Komentarz
 
  smaller | bigger
 

busy
 

Najnowsze artykuły na Twoim mailu?

Wpisz swój adres:

Reklama

Reklama na blogach - Blogvertising.pl

Rekomendacje

Zoover

Oceny wakacji

Mateusz Szymczak

Rozwój, osiąganie celów

Martiger Martiger

osobiście & multimedia

Blog Szumana

subiektywnie i na luzie

 inzaghi89 weblog

Zachowywacz myśli

X-Studio

Agencja reklamowa, Chorzów

GrovMan's log

I like ponies… and you too.

Blog o Lego

Blog fana klocków Lego.

Marcin Wolski

Po prostu blog Marcina

Tomasz Topa

Internet... przy małej czarnej