Како да си направите вебстрана?
- Креатор на темата deXterche
- Време на започнување
deXterche
тадаммм
- Член од
- 12 февруари 2006
- Мислења
- 4.920
- Поени од реакции
- 942
Одиме понатаму:zlo:
ФОРМИ
Што всушност се формите? Формите обезбедуваат интерактивност и комуникација со корисниците и овозможуваат пренос на параметри од корисник до серверот.
<FORM></FORM> - основен таг
Основни атрибути:
NAME – име на форма
METHOD – метода (POST или GET т.е. невидлив и видлив пренос на параметри)
ACTION – акција која ќе се превзема над параметрите
TARGET – рамка или прозорец во кој ќе се изврши акцијата
Типични акции:
-CGI скрипта – веќе застарени скрипти
-ASP скрипта – типична Microsoft скрипта
-PHP скрипта – типична Unix скрипта
-Java – Јава аплет кој се извршива на серверот
-MAILTO акција – праќање на формата на некоја email адреса
-Специјално дефинирана акција
Примери:
<FORM action=”presmetaj.asp”>
<FORM action=”mailto:nekoj@nekade.com”>
<FORM action=”presmetaj.cgi”>
<FORM action=”prevzemi.php”>
<FORM action=”javascript
roveri();”>
Текстуално поле
Еден пример за текстуално поле со име "ime" должина 10 знаци, а максимална должина 20 знаци:
<input type="text" name="ime" maxlength="20" size="10">
Штета што не е уклучена на форум подршка за HTML ќе видевте како изгледа оваа форма. Треба да ви се појави едно поле(правоаголник) со можност за внесување на текст
Текстуално поле со повеќе реда
Текстуално поле со име ime, ширина 30 знаци и 5 реда:
<textarea name="ime" cols="30" rows="5">
Максималната должина е неограничена.
Копче. Три вида:
-Submit – за пренос на параметри кон скрипта
-<input type="submit" name="Submit" value="Префрли">
-Reset – за ресетирање на елементите на формата
-<input type="reset" name="Reset" value="Ресетирај">
-Button – за поставување на специјално дефинирана акција (скрипта)
-<input type="button" name="Button"
value="Пресметај" onClick="javascriptresmetaj();">
Штиклирај
<input type="checkbox" name="ime" value="1">
Опционални атрибути:
checked – ако преддефинираната вредност е означено
disabled – ако не е можно управување со контролата
Радио контрола. Обично повеќе одат во група.
<input name="ime" type="radio" value="1">
Опционални атрибути:
checked – ако преддефинираната вредност е означено
disabled – ако не е можно управување со контролата
Комбо контрола. Паѓачко мени.
<select name="Izbiranje">
<option value="1">Izbor 1</option>
<option value="2">Izbor 2</option>
<option value="3">Izbor 3</option>
</select>
Можно е и преддефинирање на вредност со атрибутот selected.
Контрола за листа. Пример за листа со понудени 5 вредности.
<select name="Izbiranje” size=5>
<option value="1">Izbor 1</option>
<option value="2">Izbor 2</option>
<option value="3">Izbor 3</option>
</select>
Можно е и преддефинирање на вредност со атрибутот selected.
Можност за повеќекратен избор со атрибутот multiple.
Контрола за upload датотека.
<input name="ime" type="file">
Скриен параметар. Контрола која е невидлива но се пренесува во акцијата.
<input name="ime" type=”hidden” value=1>
Со овај туториал завршив со HTML наредниот ќе биде за dreamwaver.
btw, за изработка на туториаливе многу ми помогнаа некои скрипти од на fax, и http://www.w3schools.com/
ФОРМИ
Што всушност се формите? Формите обезбедуваат интерактивност и комуникација со корисниците и овозможуваат пренос на параметри од корисник до серверот.
<FORM></FORM> - основен таг
Основни атрибути:
NAME – име на форма
METHOD – метода (POST или GET т.е. невидлив и видлив пренос на параметри)
ACTION – акција која ќе се превзема над параметрите
TARGET – рамка или прозорец во кој ќе се изврши акцијата
Типични акции:
-CGI скрипта – веќе застарени скрипти
-ASP скрипта – типична Microsoft скрипта
-PHP скрипта – типична Unix скрипта
-Java – Јава аплет кој се извршива на серверот
-MAILTO акција – праќање на формата на некоја email адреса
-Специјално дефинирана акција
Примери:
<FORM action=”presmetaj.asp”>
<FORM action=”mailto:nekoj@nekade.com”>
<FORM action=”presmetaj.cgi”>
<FORM action=”prevzemi.php”>
<FORM action=”javascript
roveri();”>Текстуално поле
Еден пример за текстуално поле со име "ime" должина 10 знаци, а максимална должина 20 знаци:
<input type="text" name="ime" maxlength="20" size="10">
Штета што не е уклучена на форум подршка за HTML ќе видевте како изгледа оваа форма. Треба да ви се појави едно поле(правоаголник) со можност за внесување на текст
Текстуално поле со повеќе реда
Текстуално поле со име ime, ширина 30 знаци и 5 реда:
<textarea name="ime" cols="30" rows="5">
Максималната должина е неограничена.
Копче. Три вида:
-Submit – за пренос на параметри кон скрипта
-<input type="submit" name="Submit" value="Префрли">
-Reset – за ресетирање на елементите на формата
-<input type="reset" name="Reset" value="Ресетирај">
-Button – за поставување на специјално дефинирана акција (скрипта)
-<input type="button" name="Button"
value="Пресметај" onClick="javascript
resmetaj();">Штиклирај
<input type="checkbox" name="ime" value="1">
Опционални атрибути:
checked – ако преддефинираната вредност е означено
disabled – ако не е можно управување со контролата
Радио контрола. Обично повеќе одат во група.
<input name="ime" type="radio" value="1">
Опционални атрибути:
checked – ако преддефинираната вредност е означено
disabled – ако не е можно управување со контролата
Комбо контрола. Паѓачко мени.
<select name="Izbiranje">
<option value="1">Izbor 1</option>
<option value="2">Izbor 2</option>
<option value="3">Izbor 3</option>
</select>
Можно е и преддефинирање на вредност со атрибутот selected.
Контрола за листа. Пример за листа со понудени 5 вредности.
<select name="Izbiranje” size=5>
<option value="1">Izbor 1</option>
<option value="2">Izbor 2</option>
<option value="3">Izbor 3</option>
</select>
Можно е и преддефинирање на вредност со атрибутот selected.
Можност за повеќекратен избор со атрибутот multiple.
Контрола за upload датотека.
<input name="ime" type="file">
Скриен параметар. Контрола која е невидлива но се пренесува во акцијата.
<input name="ime" type=”hidden” value=1>
Со овај туториал завршив со HTML наредниот ќе биде за dreamwaver.
btw, за изработка на туториаливе многу ми помогнаа некои скрипти од на fax, и http://www.w3schools.com/
deXterche
тадаммм
- Член од
- 12 февруари 2006
- Мислења
- 4.920
- Поени од реакции
- 942
Доста ве давев со теорија. Денес ќе ви постирам еден туториал во Dreamweaver, кој го нема превземено до сега нека си го превземе.
Tуториалот е за да направите Rollover/MouseOver ефект на слика. (знаете тоа е она кога ќе помините над сликата и ќе ви излезе друга
) :img:
Врзете ги појасите тргнуваме :zlo:
Најпрво превземете ги овие две слики кои ќе ни послужат за да го создадеме ефектот.
Отворете нова страна во dreamweaver и кликнете на Rollover Image од Common Панелот.
Одкако ќе го сторете тоа ќе ви излезе овој pop up
Поплнетего како што е прикажано на сликата (кај Original Image ставетеја првата слика, кај Rollover Image сликата која ќе се прикаже кога маусот ќе биде врз неа и нормалн кај go to URL внесетего линкот).
И тоа е тоа...
Tуториалот е за да направите Rollover/MouseOver ефект на слика. (знаете тоа е она кога ќе помините над сликата и ќе ви излезе друга
) :img:Врзете ги појасите тргнуваме :zlo:
Најпрво превземете ги овие две слики кои ќе ни послужат за да го создадеме ефектот.
Отворете нова страна во dreamweaver и кликнете на Rollover Image од Common Панелот.
Одкако ќе го сторете тоа ќе ви излезе овој pop up
Поплнетего како што е прикажано на сликата (кај Original Image ставетеја првата слика, кај Rollover Image сликата која ќе се прикаже кога маусот ќе биде врз неа и нормалн кај go to URL внесетего линкот).
И тоа е тоа...
ScarFace
Командант
- Член од
- 11 јануари 2006
- Мислења
- 124
- Поени од реакции
- 2
deXterche
тадаммм
- Член од
- 12 февруари 2006
- Мислења
- 4.920
- Поени од реакции
- 942
Покажете интерес повеќе ќе продолжам...не е проблем. Сепак ја истуркав до некаде темава, основа ќе има секој што ги прочитал туторијалите пажливо. Дајте некоја идеа, бидете креативни, покажете што сте научиле. Знам дека треба малце повеќе труд но некои пари плаќаат за курсеви, овде се е сервирано па прашање е дали некој ги чита до крај туторијаливе. Јас не сум приметил дека некој заинтересиран како што имаше за Photoshop туторијалите. Сепак ете ти си бил не знаев, tnx за подршката
- Член од
- 8 мај 2006
- Мислења
- 358
- Поени од реакции
- 11
Проблемот е што луѓето не ги интересира многу програмирање, па макар тоа бил и „обичен“ HTML. Повеќе сакаат кликни ваму, кликни наму и готово. Во Dreamweaver и не мора да знаиш HTML за да напраиш site, ама кога ќе заглавиш ќе молиш да дојде некој и да ти помогне, или ќе се кудиш зошто не си ја читал темата на deXterche 
.
.
deXterche
тадаммм
- Член од
- 12 февруари 2006
- Мислења
- 4.920
- Поени од реакции
- 942
Мора да ја хостираш некаде сликата за да ја ставиш во HTML документ(нормално ако HTML документот го хостираш после на некој сервер). А ако документот го користиш за на твојот PC (или во локална мрежа) пишија само локацијата негова c:/sliki/jas.htmlScarFace напиша:
<img src="c:/sliki/jas.html">
Jane
Кајганџија
- Член од
- 5 февруари 2006
- Мислења
- 3.394
- Поени од реакции
- 114
Јас утре ќе аплоадирам анимирани туториали за Dreamweaver 8. Од нив ќе ги научите најосновните работи, пишување текст, вметнување слики, клипови, анимации, правење табели, разни подесувања, вметнување хиперврски... И после туториалите ќе можете да направите една солидна web страна.