неделя, 14 юни 2009 г.

napravi si sait 3

Освен банера ще сложим и линкове към другите страници, новини за сайта, малко картинки и д.р. Сега HTML кода изглежда по следния начин:



CODE
1

2

3

4

5


6

7

8

9

10

11

12

13

14


15

16

17

18

19

20

21

22

23


24

25

26

27

28

29

30

31

32


<html>

<
head>

<
title>Българският Фен-сайт на Lucia Tovar</title>

<
img src="banner.gif"><br><br><br>


</
head>

<
body background="Background.jpg">

<
center>

<
a href="index.html">Начало</a>


<
a href="gallery.html">Галерия</a>

<
a href="info.html">Информация</a>


<
a href="video.html">Видео</a>

<
a href="contacts.html">Връзки</a>


<
p>Разгледайте новите галерии на Лусиа!</p><br><br><br>

<
table border="0">

<
tr>


<
td>

    <
a href="gallery\1.html"><img src="hottightpants003.jpg" height="200" weight="153" border="0"></a>


</
td>

<
td>

    <
a href="gallery\2.html"><img src="BlueNoBottoms01.jpg" height="200" weigh="160" border="0"></a>


</
td>

<
td>

    <
a href="gallery\3.html"><img src="HotInTightDress08.jpg" height="200" weight="160" border="0"></a>


</
td>

<
td>

    <
a href="gallery\4.html"><img src="LavendarLingerie01.jpg" height="200" weight="160" border="0"></a>


</
td>

</
tr>

</
table>

</
center>

</
body>

</
html>



А самия сайт така:



kak da si napravim sait 2

Дизайан на вариант 1 не ми хареса. Вариант 2 ми хареса, но цветовете и менюто не са подходящи за сайт на тази тема. Затова се спрях на вариант 3. След като знаем как ще изглежда сайта, сега трябва да намерим информацията, която ще слагаме. Аз предварително намерих картинки и инфо за Лусиа Товар, не е зле и вие преди да започнете да потърсите данни, отнасяящи се към вашата тема. И можем да започваме изработката на структурата на сайта. Ще създадем файл index.html.



В процеса на работа ще променим този файл изцяло. Както виждате в момента сме сложили заглавие на документа, което ще се изпише в title bar –а на браузъра ви. Сложили сме и фоново изображение, което излгежда така:



CODE
1

2

3

4

5


6

7

<html>

<
head>

<
title>Българският Фен-сайт на Lucia Tovar</title>

</
head>

<
body Background="Background.jpg">


</
body>

</
html>






За да е посещаван от много потребители, вашия сайт трябва да се вижда навсякъде така както го направите, както е най-добър.Но тъй като не всички са с IE или Mozilla и не всички използват една и съща резолюция, вие трябва да се опитате да го направите универсален. Най-използваната резолюция е 1024х768, но все още има и потребители, които са на резолюция 800х600. Затова аз ще направя сайта с резолюция 800х600.Затова фона е ссъ същата резолюция. След като направихме този документ, сега ще сложим информацията която ще седи на тази страница. Но преди това трябва да сложим банера на сайта.Мисля че се досещате моя какъв ще е:







Сега кода ще изглежда по следния начин:



CODE
1


2

3

4

5

6

7

8

<html>

<
head>


<
title>Българският Фен-сайт на Lucia Tovar</title>

<
img src="banner.gif">

</
head>

<
body Background="Background.jpg">


</
body>

</
html>

napravisi sait

Предполагам сте се чудили как можете да си направите сайт, който да се хареса на потребителите.В серия от уроци ще се опитам да ви покажа как да стане това, лесно и бързо. Няма да използвами сложни едитори, а ще използваме само Notepad и Photoshop. Преди да започнете какъвто и да е сайт, трябва да знаете какво ще правите и как ще го направите. Аз ще ви покажа как да направим сайта на HTML и как да го разкрасим с CSS и Photoshop. Това става мого лесно. Първо трябва да знаем каква ще е темата на сайта и към коя група от потребители ще е насочен той. Мисля че голяма част от вас вече са избрали. Моята тема ще е фен сайт на Лусиа Товар (много готина мацка ;). След като знаем темата, трябва да си съберем информацията от интернет, или от книги,списания, вестници и т.н. След това трябва да измислим дизайна на самия сайт. Аз лично си нахвърлям идеи на Photoshop, но може и на лист. Съветвам ви да направите повече от един вариант за дизайн, за да можете да изберете най-добрия като визия, функции и навигация. Ето един пример. Направих 3 варианта за дизайн на сайта, който правя:












napravisi sait

Последователи