Projektowanie i tworzenie stron internetowych

poradniki, kursy o projektowaniu, tworzeniu i pozycjonowaniu stron www

Kod HTML strony internetowej

Kod HTML jest językiem zrozumiałym dla przeglądarek internetowych, pozwalającym na publikację dowolnej treści w internecie. Dzięki temu kodowi budujemy strukturę całej strony www. Określamy rodzaj kodowania dla znaków, określamy gdzie ma znaleźć się logo, menu, kolumny lewa, środkowa i prawa, określa czy w ogóle jakieś kolumny będą występować na stronie www, określa dół strony (footer) i wszystkie elementy zawarte na stronie. Następnie tą strukturę opisujemy arkuszem stylów CSS, nadajemy jej wygląd i wszystkie właściwości.

Kod HTML porównałbym do klocków z których budujemy stronę internetową, style CSS określają nam kolor, wielkość oraz inne właściwości tych klocków. Klocki ze swojej natury są dość proste w układaniu, podobnie jest z językiem HTML. Jest to stosunkowo prosty język posiadający kilkanaście znaczników, które warto zapamiętać i odpowiedni stosować.

Przykład znacznika:

<strong>Pogrubiony tekst</strong>

1	<strong>Pogrubiony tekst</strong>

Efekt:

Pogrubiony tekst

Każdy znacznik ma swój początek czyli <strong> oraz zakończenie </strong> ta zasada obowiązuje dla wszystkich znaczników w kodzie HTML strony internetowej. Nie ma znaczenia wielkość liter w znacznikach ale dobrym nawykiem jest pisanie wszystkich znaczników małą literą.

Istnieje wiele programów pomagających w pisaniu kodu HTML strony www, które w graficzny sposób pozwalają nam określić dane elementy i umiejscowić je na stronie, po co więc pisać to wszystko ręcznie. Po opanowaniu języka HTML przekonasz się, że takie pisanie okaże się łatwiejsze i bardziej precyzyjne. Będziesz w stanie określić co do pixela położenie i zawartość danego elementu HTML. Polecam korzystanie z oprogramowania do pisania stron internetowych ale osobiście unikam edytorów graficznych i wszystko robię w edytorze HTML czyli jak w notatniku, lecz dobry edytor bardzo pomaga nawet w samodzielnym pisaniu kodu, bardzo przyśpiesza cały proces.

Podstawowe znaczniki dzięki którym będziemy w stanie napisać stronę internetową to:

<h1>treść</h1> <!-- od 1 do 6 czyli <h1> <h2> <h3> <h4> <h5> <h6> -->
<p>treść</p>
<strong>treść</strong>
<div>treść</div>
<a>treść</a>

<!-- elementy wiązane, grupa znaczników występujących razem -->
<ul>
<li>treść</li>
</ul>

<h1>treść</h1>

<p>treść</p>

<strong>treść</strong>

<div>treść</div>

<a>treść</a>

<ul>

<li>treść</li>

</ul>

a więc dzięki zastosowaniu 6 znaczników jesteśmy w stanie zbudować całą strukturę strony internetowej. To są nasze podstawowe klocki z których zbudowana jest każda strona www.

Do każdego znacznika kodu HTML na stronie internetowej możemy przypisać dowolną ilość stylów CSS co umożliwia ich różnorodność np.

<div id="lewa">treść</div>
<h1 class="tytul">treść</h1>

1 2	<div id="lewa">treść</div> <h1 class="tytul">treść</h1>

gdzie id (stosujemy tylko raz na stronie) natomiast class (może występować na stronie w dowolnej ilości).

Zapraszamy do komentowania artykułu "Kod HTML strony internetowej" oraz odwiedzin strony www Olsztyn.

5 czerwca, 2013

Powrót

Komentarze zostały wyłączone.

Dodaj komentarz do tego artykułu

Zobacz także

Podstawowe znaczniki HTML stron internetowych

Chciałbym tutaj omówić bardziej szczegółowo podstawowe znaczniki HTML, dzięki którym będziemy w stanie zbudować nasza pierwszą stronę internetową. Oczywiście tych znaczników w kodzie strony www możemy stosować znacznie więcej ale zacznijmy od sześciu podstawowych.

28 czerwca, 2013

więcej

Tworzenie pierwszej strony internetowej

W tym artykule chciałbym przedstawić Wam krok po kroku stworzenie pierwszej strony internetowej. Pominiemy w tym przypadku projekt graficzny, zajmiemy się tylko kodem HTML strony www. Ogólne założenia to witryna internetowa ma posiadać nagłówek, trzy kolumny na treść oraz element dołu strony (footer). Przyjęły się nazwy w języku angielskim a więc nagłówek strony www, element odpowiedzialny za wyświetlanie topu strony nazywamy headerem, element dołu strony to footer. Panele boczne nazywamy …

3 sierpnia, 2013

więcej

Najnowsze na stronie

Kategorie

Tagi

Archiwum

Archiwa

Kompleksowe, nowoczesne usługi budowlane. Oferujemy najwyższą jakość usług. Budowa domów Ostróda to nasza specjalność. Przygotowujemy teren, wykonujemy fundamenty i zbrojenia. Szalujemy, murujemy, pokrywamy dachy. Budujemy ogrodzenia, kładziemy kostkę brukarską, wykonujemy instalację sanitarną i elektryczną. Sprawdź nas!
Dysponujemy wykwalifikowanym zespołem hydraulików. Naprawiamy drobne domowe usterki jak również budujemy duże sieci wodociągowe. Cechuje nas profesjonalizm i szybkość działa, wobec czego, grono zadowolonych z naszych usług klientów ciągle się powiększa. PRE-PRIM – hydraulik Ostróda zapewnia bezpieczeństwo, skuteczność i atrakcyjne ceny.