Przygotowanie projektu graficznego cz.1

Posted 15 Lipiec 2009, under Bez kategorii
No comments yet

Pierwszym etapem tworzenia stron jest przygotowanie projektu graficznego. Posłużyć mogą ku temu różnorakie edytory graficzne. Najpopularniejsze z nich na chwile obecną to Adobe Photoshop oraz Corel Photopaint. Tworzenie projektu graficznego rozpoczynamy od ustalenia pola edycji grafiki. Im większy serwis tym jego szerokość w px też większa. Standardowo przyjmijmy szerokość 850-900px, szerokość taka wydaje się optymalna dla większości serwisów.

Kolejny etap polega na wykorzystaniu twórczej inwencji projektanta. Projektujemy logo, menu oraz wszelkie elementy serwisu. Istotną kwestią jest dobór odpowiednich kolorów tak aby odpowiadały one specyfikacji i przeznaczeniu serwisu. Inna kolorystyka odpowiednia będzie dla serwisów biznesowych – gdzie dominują kolory biały, szary oraz niebieski – generalnie kolory stonowane, a inna dla serwisów rozrywkowych dla dzieci. Dobrym sposobem jest tworzenie stron www, których przygotowanie opiera się na cięciu szablonów graficznych. Jest to o tyle wygodne, że jeszcze przez pocięciem szablonu, można przesłać go klientowi w formie obrazka JPG.

Leave the first comment ▶

Techniki tworzenia stron WWW

Posted 7 Lipiec 2009, under Bez kategorii
No comments yet

Tworząc serwis internetowy można posłużyć się kilkoma językami programowania. Każdy z nich ma swoje wady oraz zalety może także być wykorzystany w mniejszym lub większym stopniu. Projektując serwis należy zastanowić się, jakie elementy mają w nim się znajdować oraz jakimi językami posłużyć się, aby wykonać dane elementy w najlepszy sposób. Aktualnie wyróżnić można trzy najpopularniejsze modele stron internetowych:

1. Strony HTML – są to wszelkie strony wykonane w oparciu o język HTML. Zaletą tego języka oraz czynnikiem, który wpływa na jego popularność jest nieskomplikowana składnia.

2. Strony FLASH – wykonane są w całości przy zastosowaniu technologii tworzenia animacji Adobe Flash. Ogromną zaletą tej techniki jest fakt, iż pozwalają ona na tworzenie bardzo dynamicznych, pełnych animacji, przykuwających uwagę Internauty stron internetowych. Wadą natomiast jest to, że wyszukiwarki internetowe nie widzą treści zapisanych wewnątrz animacji, przez co strona nie widnieje na wysokich pozycjach w wynikach wyszukiwania. Ma to ogromne znaczenie w przypadku serwisów internetowych firm gdyż utrudnia im dotarcie do klientów.

3. Strony hybrydowe – wykonane są one w oparciu o język HTML posiadające także elementy stworzone za pomocą Adobe Flash. Dzięki temu łączą prostotę i praktyczność wykonania z przykuwającą uwagę formą.

Leave the first comment ▶

Tworzenie stron WWW w oparciu o język HTML

Posted 6 Lipiec 2009, under Bez kategorii
No comments yet

Do projektowania stron internetowych wykorzystuje się przede wszystkim język HTML, którego podstawy zaprezentuję w dzisiejszym artykule. Swoją pierwszą stronę WWW możesz wykonać np. w Notatniku. Kiedy zapiszesz jej rozszerzenie jako *.HTML, strona będzie dostępna do uruchomienia nawet z pulipitu.

Aby zaprojektować stronę internetową musisz poznać przede wszystkim strukturę jej kodu, który najprościej mówiąc wygląda następująco:

<HTML>
<BODY>
</BODY>
</HTML>

To co widzimy wyżej to najprosztsza strona WWW, która po zapisaniu działa, ale nie wyświetla niczego, ponieważ jeszcze niczego jej nie podyktowaliśmy. Spróbujemy więc wpisać następujący kod:

<HTML>
<BODY>
To jest tekst tej strony.
</BODY>
</HTML>

Po zapisaniu i uruchomieniu naszej strony, widzimy, że na ekranie pojawia się tekst “To jest tekst tej strony”. Tak więc wiemy już, że informacja zawarta w części BODY pojawia się na ekranie. Poznajmy więc pierwszą komendę HTML, która umożliwia pogrubienie tekstu. Komenda ta to <B> jak Bold. Jeżeli umieścimy jakiś tekst pomiędzy <B> a </B>, to tekst ten będzie pogrubiony:

<HTML>
<BODY>
<B>To jest tekst tej strony.</b>
</BODY>
</HTML>

W efekcie na ekranie zobaczymy: To jest tekst tej strony. Spróbujmy teraz zmienić kolor czcionki. W tym celu używamy polecenia <FONT COLOR=RED>, gdzie RED to nazwa koloru czerwonego po angielsku. Możemy ją zmieniać na dowolną inną typu BLUE, PINK czy GREEN. Podobnie jak pogrubienie czcionki, kolor również musimy zamknąć czyli użyć na końcu </FONT>. Wygląda to w ten sposób:

<HTML>
<BODY>
<FONT COLOR=RED>To jest tekst tej strony.</FONT>
</BODY>
</HTML>

Otrzymujemy: To jest tekst tej strony. Łatwe prawda? Komendy możemy oczywiście łączyć:

<HTML>
<BODY>
<FONT COLOR=BLUE><B>To jest tekst tej strony.</B></FONT>
</BODY>
</HTML>

W tym momencie na ekranie otrzymamy: To jest tekst tej strony.

Jak widać projektowanie stron WWW nie jest niczym trudnym. Trzeba jedynie opanować podstawowe komeny języka HTML i już można tworzyć barwne witryny internetowe. Do tego odrobina znajomości programów graficznych i strony nabierają profesjonalnego kształtu.

Leave the first comment ▶
Newer Entries ▶