kaldata.com - Форуми: Всичко необходимо за правенето на един сайт - kaldata.com - Форуми

Към съдържанието


  • (5 Страници)
  • +
  • 1
  • 2
  • 3
  • Последна »
  • Нямате права да създавате теми
  • Нямате права да пишете в темата

Всичко необходимо за правенето на един сайт Оцени темата: ***** 4 Гласа

#1 Потребителят е офлайн   Mafia Икона

  • Редовен потребител
  • PipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 158
  • Регистрация: 09 авг 2006

Публикувано 07 февруари 2007 - 13:42

Почвам първо с програмките постепено ще се стигне и до скриптове ! :rolleyes:

Macromedia Studio MX 2004 Размер - 427.98 MB

Xara Webstyle 4.0 Full Размер - 460 МB

Macromedia Flash 8 Professional Размер - 107.82 MB

Ето и няколко книжки :rolleyes:

За Macromedia

За PhotoShop

Java and Javascript

Web Design

И малко полезни нещица :speak:

Кирилица в Dreamweaver

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">


Това се слага в <head> ако искаме да пишем на BG в Dreamweaver


Страница без scroll bar

<body scroll="no">



Линк за пращане на e-mail

<a href="mailto:sdf@dsf.com?subject=reported inactivelink=blablablla">Report inactive link</a>




Eтикети:

HTML (hiper text markup language) е език за описание структурата на страницата базиран на обикновен ASCII текст в който са вмъкнати специални етикети, заградени в триъгални скоби(<пример>). В етикетите няма разлика между главни и малки букви. Маркирането на текст с етикет става с името на етикета в триъгалните скоби, а за край на маркиране се използва наклонена черта плюс името на етикета
<етикет>текст</етикет>
Етикетите в html единствено уточняват структурата на документа - какво представлява даден елемент, а не как изглежда на екрана.
Всеки html документ започва и завършва с етикетите
<html>...</html>

Между тях са разположени секциите на заглавната част <head>...</head> и <body>...</body>
Между етикетa <head> се разполага името на документа което пък се поставя между етикета <title>
След етикета <head> се поставя и самото тяло на web страницата между етикетите <body>
Пример
<html>
<head>
<title>emicha</title>
</head>
<body>
</body>
</html>

Етикетът <body> отбелязва тялото на даден html документ или накратко казано - действителното съдържание на страницата.
В него се съдържа информацията за всеки елемент от страницата. Определяте цвета на badground-a, задавате формат и вид на текст, поставяте таблици, рамки и въобще всичко което се ползва за да изглежда вашата страница по подобаващ начин.

Етикетът <body> се характеризира с няколко основни параметъра.


alink - Определя цвета на текста за хипервръзка, която е избрана

bgcolor - Определя цвета на страницата

link - определя цвета на текста за хипервръзка, която не е била избрана

text - определя цвета на нормалния текст

vlink - определя цвета на текст за хипервръзка, която е била избрана

bgproperties - когато стойноста е "fixed", изображението указано от background не се скролира

leftmargin - Определя броят на пикселите с които да бъде изместена страницата спрямо левия край на прозореца на браузъра

topmargin - Определя броят на пикселите с които да бъде изместена страницата спрямо горния край на прозореца на браузъра

background - Определяне на графично изображение което ще се използва за фон на страницата.(Трябва да притежава URL на графичното изображение)


Етикети за обработка на текст:

В тялото на html страницата <body>...</body> можете да използвате множество етикети с помоща на които да форматирате текста и по тозиначин да укажете на браузъра как да го изобрази.

Тези етикети биват два вида:

за определяне вида на текста
за определяне потока на текста
Това са етикети за определяне вида на текста:

<b>текст</b> - Удебелява заградения текст
<big>текст</big> - Увеличава големината на буквите на заградения текст(?)
<blink>текст</blink> - Кара заградения текст да мига(?)
<cite>текст<cite> - Форматира заградения текст като цитат
<code>текст</code> - Форматра заградения текст като фрагмент от програма
<u>текст</u> - Подчертава заградения текст
<i>текст</i> - Прави заградения текст курсив

<small>текст</small> - Намалява големината на буквите на заградения текст
<strike>текст</strike> - Рисува линия посредата на буквите
<strong>текст</strong> - Подчертава силно заградения текст(удебелява го)
<tt>текст</tt> - При изобразяването на заградения текст сеизползва шрифт с фиксирана ширина
<sub>текст</sub> и <sup>текст</sup> - Форматира заградения текст като долен - горен индекс
Ето и етикети за определяне потока на текста:

<address>текст</address> - Форматира адрес
<blackquote>текст</blackquote> - Форматира цитат
<br> - Стоп линия
<center>текст</center> - Центрира зафрадения текст
<font>текст</font> - Установявя шрифт, цвят и големина на заградения текст

<hn>текст<hn> - Показва че заградения текст е заглавие от ниво n, където n е число от 1 до 6

<hr> - Слага хоризонтална линия
<img> - Слага изображение в html страницата Може да бъде използван в комбинация с етикета.
<p> - Обозначава нов параграф


Етикети за цветове:

Когато решите вече в какъв стил ще ви е страницата, ще е добра да знаете и някои от основните правила за определяне на цвят в web. Има два общовъзприети стандарта за определяне на цветовете
- използване на английски думи за описание на цветовете
- използване на шестнайсетичен код за определяне на цветове

Ето и пример за използване на тези кодове в етикет <body>.

<body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#808000" alink="#008000">
....
</body>


Етикети за таблици:

Таблиците са много важна част при правенето на web страници. В тях можете да слагате всичко - текст, картинки, java аплети, aktivеX контроли. С тях можете много лесно да позиционирате даден елемент от страницата ви в една мрежа, като използвате невидими ръбове.
Основните етикети са:
<table> и </table> - това е основната структора
Етикетите <tr> и </tr> отделя редовете
Етикетите <th> и </th> ограждат заглавието на таблицата
Етикетите <td> и </td> отделят отделните клетки

Етикети за рамки:

Рамките (фрейми) са много удобен метод за направа на страници, в които искате част от страницата да се запази (статична) а друга да се променя динамично.
Един вид вашата страница като цяло е създадена от няколко добавени. Този метод за направа на web страници спомага и за олекотяване на страницата.

Зареждат се само страниците в които се съдържа същинската информация, а останалите са навигация и тем подобни - които по принцип искате да ги има постоянно.

Етикетите за създаване на фрейми е много елементарен
Наборът от рамки се съдържа между етикетите <frame>...</frame> и <frameset>...</frameset>

Има една подробност обаче, която не трябва да забравяте никога, когато използвате фрейми!!!
Ако в добавената страница (динамичната) има хипервръзка (линк) окажете задължително как да се зарежда страницата от този линк Възможносите са:
"_self" - в същият фреим
"_top" - ще зареди страницата в целия браузър
"_parent" - зарейда се в parent фрейма
"_blank" - ще отвори страницата в нов прозорец

Преди етикета за начина на отваряне трябва да има
Ако след линка нямя един от тези етикети страницата ще се отвори в "Main" прозореца


Mета тагове:

Мета таговете са нещо доста полезно и необходимо.
Те играят важна роля при индексирането на Вашата страница в търсещите машини.

Ето и пример, който трябва само да копирате и да сложите във вашата страница на необходимото място, като промените информацията.
Не забравяйте че това е информацията която ще Ви представи пред света и за това бъдете внимателни.

<HTML>
<HEAD>
<TITLE> Заглавието на вашата страница</TITLE>
<META NAME="description" CONTENT="Кратко описание на страницата">
<META NAME="keywords" CONTENT="Тук напишете всички възможни думи за които се досетите, свързващи се с Вашата страница">
</HEAD>


Как да качим страницата си?

За качване на страница в интернет се използва upload функцията на някой български free сървъра. За да качвате са ви нужни настройките на съответния сървър и upload програма. Повечето сървъри си имат файлов манипулатор но почти навсякъде той има ограничения в големината на файловете. Total Commander CuteFTP и др.
0

#2 Потребителят е офлайн   kirichev Икона

  • От всичко по малко
  • PipPipPipPipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 1046
  • Регистрация: 20 дек 2004
  • Пол:Мъжки
  • Град:Пазарджик
  • Интереси:http://alexander.kirichev.eu

Публикувано 07 февруари 2007 - 15:24

Ауе и 100 такива теми да напишем пак ще има теми от рода на "Кажете как да си направя сайт за 30 сек" "Спешно ми тррябва да науча HTML, CSS, PHP, JAvA, C++, кажете как става"
И аз преди време бях писал подобна темичка, ама се затри надолу из страниците. Наистина трябва от една-две таквиа да се напише една, която да е като правил на тоя раздел, за да не питат през 5 дни едно и също нещо.
Публикувано изображение
0

#3 Потребителят е офлайн   Simona777 Икона

  • Редовен потребител
  • PipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 249
  • Регистрация: 26 май 2006
  • Пол:Женски
  • Град:Някъде под Слънцето
  • Интереси:Уеб Дизайн, Програмиране, Компютри, Интернет

Публикувано 07 февруари 2007 - 20:02

Полезна статия, но xsakex за съжаление е прав... Сещам се за неговата тема, на която май никой не обърна внимание и пак имаше теми като горепосочените...

За мен извода е, че народа го мързи да чете. Всички искат по лесния начин, а не винаги става така ;)

Този пост е редактиран от Simona777: 07 февруари 2007 - 20:03

СЕРИАЛИ.info - Официална премиера 15ти септември 2008
0

#4 Потребителят е офлайн   stanley56 Икона

  • Hard As A Rock
  • Икона
  • Виж блога
  • Група: Глобални модератори
  • Мнения: 2267
  • Регистрация: 19 яну 2005
  • Пол:Мъжки
  • Град:Zion

Публикувано 07 февруари 2007 - 20:54

Тази тема ще я направя "Важна". Темата на xsakex също влиза в тази категория ;)
Публикувано изображение
0

#5 Потребителят е офлайн   bildera_ Икона

  • BG-Team-DRIFT
  • PipPipPipPipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 2911
  • Регистрация: 16 юни 2005
  • Пол:Мъжки

Публикувано 07 февруари 2007 - 21:50

Хубава тема. Мисля все пак, че творчеството е най-важно. Липсват ли ти идеи какво ще представлява сайта и хиляда такива статии да прочетеш, пак нищо няма да направиш. Бях чел някъде някъде как се прави сайт, но не технически, а въобще как се подреждат нещата, посетителите на какво обръщат внимание и какво ги дразни. Мисля, че това е най важно. Да можем да си организираме сайта. Щото почнеш ли нещо без идея, ще направиш десетки такива опити и накрая пак нищо.

Този пост е редактиран от bildera_: 10 февруари 2007 - 12:40

0

#6 Потребителят е офлайн   Mafia Икона

  • Редовен потребител
  • PipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 158
  • Регистрация: 09 авг 2006

Публикувано 08 февруари 2007 - 00:40

Отваряте страница на нов прозорец

<a href= "ne6to si.html"target=_blank>


Javascript за движещ се текст в скролбара

<script LANGUAGE="Javascript">
<!--

message = "На това място тук^" +
"и тук, а така също и на следващия ред^" +
"слагате текста който искате да излиза^" +
"^"
scrollSpeed = 25
lineDelay = 1500

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}

// -->
scrollText(0)
</SCRIPT>


Как да си сменим цвета на скролбара

<style>
BODY { scrollbar-3d-light-color:#d2e6f8;
scrollbar-arrow-color:#ff0000;
scrollbar-base-color:00FFFF;
scrollbar-dark-shadow-color:#000000;
scrollbar-face-color:#423E3E;
scrollbar-highlight-color:#0000ff;
scrollbar-shadow-color:#000000}
</style>


www.wsabstract.com - Популярна колекция от над 300 Java скрипта, уроци по Javascript и много други ресурси
www.aspcode.net - Пълен архив от ASP кодове, част от тях разработени от сайта
www.learnasp.com - Ако работите на ASP или искате да го научите, този сайт ще ви е от голяма полза
www4u.search.bg - Това е български сайт за уроци по HTML и CSS, софтуер за web разработчици, безплатни картинки
www.the-vault.com - Безплатна услуга която регистрира страницата ви в над 50 търсачки
0

#7 Потребителят е офлайн   big_gun Икона

  • Потребител
  • PipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 68
  • Регистрация: 15 окт 2006
  • Пол:Мъжки
  • Град:Благоевград

Публикувано 08 февруари 2007 - 11:04

За да се направи сайт са нужни познания поне по HTML и CSS. Това са езици за форматиране на текст, които се научават бързо и лесно, най-вече с практика, а не с четене на уроци.
Относно програмите, които трябва да се използват за създаването на един уеб-сайт - напълно достатъчно е да използвате обикновен сорс-редактор като Notepad++. Използването на програми като Dreamweaver е непрепоръчително, заради грешките, които допуска в сорс-кода - аз лично използвах Macromedia Dreamweaver 8 и като си видях кода накрая се хванах за главата...
0

#8 Потребителят е офлайн   kirichev Икона

  • От всичко по малко
  • PipPipPipPipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 1046
  • Регистрация: 20 дек 2004
  • Пол:Мъжки
  • Град:Пазарджик
  • Интереси:http://alexander.kirichev.eu

Публикувано 08 февруари 2007 - 15:42

Цитат

Използването на програми като Dreamweaver е непрепоръчително, заради грешките, които допуска в сорс-кода - аз лично използвах Macromedia Dreamweaver 8 и като си видях кода накрая се хванах за главата...

Е какви грешки в кода ти прави, след като си го пишеш сам? Всичките ми сайтове са правени на Dreamweaver и са със 100% валиден код.
Ако се надяваш на WYSIWYG едитора - ами то няма нито един редактор, дето да прави свястно кода
Публикувано изображение
0

#9 Потребителят е офлайн   LinKin^parK Икона

  • Редовен потребител
  • PipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 336
  • Регистрация: 03 сеп 2005
  • Пол:Мъжки
  • Град:Crystal World

Публикувано 08 февруари 2007 - 17:42

Виж мнениетоbig_gun написа на 8.02.2007г. в 11:04ч. :

За да се направи сайт са нужни познания поне по HTML и CSS. Това са езици за форматиране на текст, които се научават бързо и лесно, най-вече с практика, а не с четене на уроци.
Относно програмите, които трябва да се използват за създаването на един уеб-сайт - напълно достатъчно е да използвате обикновен сорс-редактор като Notepad++. Използването на програми като Dreamweaver е непрепоръчително, заради грешките, които допуска в сорс-кода - аз лично използвах Macromedia Dreamweaver 8 и като си видях кода накрая се хванах за главата...


И как ще практикуваш нещо преди да си го научил??? Трябва първо да разбереш с какво разполага езика и какви са му възможностите и чак тогава да ги прилагаш на практика... А това си става точно с четене.

В Dreamweaver-а и на мен ми се е случвало да виждам кофти код, но не и грешен. На някои места се добавят ненужни тагове и разни други, ама като за програма това е нормално според мен.

Супер, че си направил темите важни stanley56, странно защо Митака не се съгласи още преди време...

Този пост е редактиран от LinKin^parK: 08 февруари 2007 - 17:47

0

#10 Потребителят е офлайн   excelent Икона

  • Новобранец
  • Pip
  • Виж блога
  • Група: Потребители
  • Мнения: 2
  • Регистрация: 11 фев 2007
  • Пол:Мъжки
  • Град:Стара Загора

Иконки  Публикувано 11 февруари 2007 - 12:55

Извинете но програмата Web Page Maker става ли??? :questions:
0

#11 Потребителят е офлайн   Коткаа Икона

  • Новобранец
  • Pip
  • Виж блога
  • Група: Потребители
  • Мнения: 16
  • Регистрация: 16 фев 2007
  • Пол:Женски
  • Град:Навсякъде!
  • Интереси:Нищо!

Публикувано 17 февруари 2007 - 00:06

Може да!
Допълвам все го забравяте това!
Какво е хостинг?
Терминът идва от английската дума host, но с езика на мрежата, това означава абонамент за пространство на даден сървър, който предлага определени услуги за Интернет. Ако искате вашият сайт да е достъпен през цялото време и отвсякъде, е нужно той да бъде инсталиран на специален компютър, който да е непрекъснато включен и постоянно свързан с Мрежата. Този компютър се нарича уеб сървър или Интернет сървър. Една от дейностите на нашата компания е свързана именно с инсталирането и поддържането на такива сървъри.
Какво е домейн?В Интернет домейнът (domain name) е уникално име, което сочи към дадена интернет страница. Названието произхожда от английската дума domain - област, територия, сфера, обсег. В интернет не могат да съществуват 2 напълно еднакви домейна (имена на уеб сайтове).
3.4 Подписът е кратък текст или изображение, съпровождащи всеки потребителски коментар (намират се под него).
а) Текстът в подписа не бива да надвишава осем реда при нормален размер на шрифта, като за него важат точка 2.10, 2.11 и 2.12 от правилата.
б) Забранява се ползването на прекалено голям размер на шрифта при по-дълги текстове. Желателно е по принцип да е под SIZE=7.
в) Забранява се публикуването в подписа на изображения по-големи от 400х100 пиксела и 20 КБ.
г) Линкове и банери са разрешени, като за тях важи точка 2.10 от правилата. Банерът не трябва да е с размер над 400x100 и 20 КБ.
д) Включването (рекламираното) на конкурентни сайтове или форуми в подписите и аватарите на потребителите може да става само след одобрение от страна на екипа на форума. Подписи, които не са одобрени ще бъдат изтривани или редактирани.
0

#12 Потребителят е офлайн   Митака Икона

  • kaldata приятел
  • PipPipPipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 859
  • Регистрация: 24 сеп 2005
  • Пол:Мъжки
  • Град:София

Публикувано 25 февруари 2007 - 15:22

Към програмите за писането на HTML & CSS кодът на уеб страници ще добавя и добрата стара Notepad ++. Притежава проверка на синтаксиса на десетки езици за програмиране или форматиране на съдържанието.
Публикувано изображение
0

#13 Потребителят е офлайн   fix3d Икона

  • Новобранец
  • Pip
  • Виж блога
  • Група: Потребители
  • Мнения: 14
  • Регистрация: 31 яну 2006

Публикувано 10 април 2007 - 22:34

Няма смисъл да се ползва обикновен редактор на текст :) за предпочитане е да има нещо с автоматично дописване :)

мога да препоръчам на хората Dreamweaver, може докато пишете или нареждате да гледате как ще изглежда :)
0

#14 Потребителят е офлайн   K0ceTo Икона

  • Редовен потребител
  • PipPipPip
  • Група: Потребители
  • Мнения: 168
  • Регистрация: 20 юли 2006
  • Пол:Мъжки

Публикувано 11 април 2007 - 14:26

Ам някой може ли да ми каже нещо което дописва РНР?Защото дрийма неще.
0

#15 Потребителят е офлайн   idiabg Икона

  • Редовен потребител
  • PipPipPip
  • Виж блога
  • Група: Потребители
  • Мнения: 230
  • Регистрация: 29 апр 2007
  • Пол:Мъжки
  • Град:Варна

Публикувано 29 април 2007 - 15:26

На мен любим ми е EnginSite Editor for PHP, макар че повечето народ се прхласва по продуктите на Zend и NuSphere...

Промених си мнението за NuSphere. Вече само него използвам...

Този пост е редактиран от idiabg: 05 август 2007 - 16:51

0

Сподели темата:

  • (5 Страници)
  • +
  • 1
  • 2
  • 3
  • Последна »
  • Нямате права да създавате теми
  • Нямате права да пишете в темата



1 Потребител(и) четат тази тема
0 потребители, 1 гости, 0 анонимни