Breaking News

Latest Post

Wednesday, 7 September 2011

Adob Dreamweaver Lecture (making website with Dreamweaver)

Sub se pehle ap Dream Weaver ka k0i b Versi0n install kren, mere pas 6.0 he waisy ab tak 7.0,8.0 phir uske bd CS1 se CS5 tak aa chukain hai


Ab Dream Weaver open krain, file me jaen, wahan se new page (ctrl+n) len, ap k pas ik dialogue box ajae ga, wahan se kuch or b opti0n hon ge, ap wahan se basic phir baraber wali Wind0w se HTML per click kre
phir CREATE button per click krain, Ap k pas ik new Page ajae ga.

Ab MODIFY per click kren, wahan pehla Opti0n PAGE PROPERTIES ka hoga, PAGE PROPERTIES per click kren, ap k samne ek dialogue box ajae ga, wahan se ap PAGE ka Name, Background Color/Image, Font Color, Link Color etc apni merzi ka set kre, ap k samne apka banaya hua ik Page
Aajae ga.



Ab sub work Insert k Button se hoga, Insert me pehla opti0n TAG ka hota hai, yahan ap apni merzi ka koi b HTML TAG select kr k Insert kr skte hai.


Insert k button me 2nd Opti0n Image ka hota he, Jis se ap apni Image de skte hai, Image dene k baad ap RIGHT CLICK kren or PROPERTIES per click kren, wahan ap ko IMAGE ki properties mil jae gy js se ap height widht etc de skte hai.

Agla Opti0n INTERACTIVE IMAGE ka he, Jis mein
* Rolover Image
* Flash Button
* Flash Text
Hote hai.

ROLOVER IMAGE se Ap do mukhtalf pics dal skte hai, Maslan Ap ne akser daikha hoga k ap kisi Web k button per Mouse le kr jate hai tho uska color change hojata hai, Ye rolover Image se hota hai, Image 1 me browse kr k pehly Image ka Link den phir Image 2 me 2nd image ka.

FLASH BUTTON se Ap dream weaver mein bane banae Buttons de sakty hai, Unka name change kr sakty hai or un per Link b laga sakty hai.
FLASH TEXT se Ap Flash Text dy sakty hai.

Next Opti0n LAYER ka hai, Layer ik z-axis Table ki tarah ka hota hai, Ap Layer ko Page mein kahi b leja sakty hai, Layer k ander Images, Text, Video etc Insert kr k Page me kahi b le ja sakte hai.

Us k baad TABLE ka Option Aata hai, Table per click krny se ik dialogue Box Open ho jata hai, Jis mein ap apni merzi se Rows or Columns Set kr k Table bana sakty hai, Table ko Select kar k uski Properties mein se colors b change kr sakty hai, Table ka sab se eham kam eligment Setting karna b hota hai, Agar Aap Pics Gallery bana rahy hai tho apni Tamam Pics ko Table me rakhen is tarhan se Aap ki Tamam
Pics ik Sequence me Aaen gy.

INSERT k Button me Next Opti0n FORM ka hota he, FORM k Option se Aap Form Create kr sakte hai.

Next Opti0n FORM OBJECTS ka hota hai, Form Objects ka use tab hy karte hai Jab Aap FORM Insert kr chuke hote hen, FORM OBJECTS me kuch Sub Buttons hote hai,
* Text Field
* Text Area
* Button
* Check Box
* Radio Button
* List Menu

Form Object mein 1st per TEXT FIELD hai, Text field se Aap Text Box Insert karwa sakty hai, Form mein jo First name or Last name k baraber mein jo Box hota he us ko Text Field kehte hai, Text field Insert krny k baad Right Click kren, Phir Properties mein is k Name etc change kr sakty hai, Warna by default rehny dain.


TEXT AREA se Aap c0mnents ka box dy sakty hai, Right Click kar k Properties mein jaen wahan se Size widht etc Apni marzi ka rakhen.


BUTTON se Aap Button dy sakty hai, Button Insert kar k Properties me Jaen wahan Button ka Name, Size or Button ki Performance yani  Submit Button ho tho Submit per Click kare, Reset Button ho to Reset pe,
Warna None per Click kren.

Check Box se Aap Check Box dy sakte hai.
Radio Button se Ap Radio Button de sakty hai, Radio Button ap ik waqt mein ik hi select kr sakty hai browser me.
List Menu se ap Drop Down List dy sakty hai,

Next Opti0n Email Link ka ata hai, is se ap apni email per Link laga skte hai.

Next Opti0n HyperLink ka hai, Is se Aap apne Text or Pic etc me Link laga sakte hai

Next Opti0n Head Tag ka hota hai, Ismein kuch Sub Opti0nz b hai.
* Meta
* Keyword
* Descripti0n

Keywords se ap apni Web ka keywords likh skte hen, Jis ki madad se ap
ki Web ko Go0gle Search kare ga.

Descripti0n se ap Apni Web ka descripti0n dy sakty hai, Jaise Apni Web k bare me 2,4 line ki Summary likh do.

Baqi k opti0nz advance lavel k hen jo PHP, ASP.NET, C# etc se related he.

Insert k Button me ik Opti0n FRAME ka hota hai, Frame k mazid kuch Opti0ns hoty hai, Like BOTTOM, TOP, LEFT, RIGHT etc Ap in Sub ko ik ik bar Insert kr k dkhen, Agar hum TOP Insert karty hai tho wo hamari Dream Weaver ki Wind0w ko 2 hisso me Taqseem kr deti hai, or 2 alag alag Pages bnati hai, is wajah se ye data ziada krta hai, Log is k muqable me ziadah ter TABLE or LAYER use krte hai.

Ab me ap ko btao ga k FORM kese banate hai or form me Java Script kaise Insert karte hai.

Sb se pehly ek New Page len, phir INSERT Butt0n se FORM per Click karain, ik Form insert ho jae ga.

Form Insert karny k baad Aap INSERT se TABLE per Click karain, ik dialogue Box Aae ga, wahan ROWS ko 6 or COULUMN ko 2 rakhen or ok karain
Ab ap TABLE k 1st Row k 1st Column mein ye likhen

FULL NAME

Ab 1st row k 2nd Column mein Insert k Butt0n se FORM OBJECTS me TEXT FIELD select karain

Is k baad 2nd row k 1st column me
ADDRESS
Likhen.
2nd row k 2nd column me again text Field dain. Iski Properties me Size 20 kr lena



Ab 3rd row k 1st column mein
EMAIL
Likhen.

Phir 3rd Row k 2nd column mein
TEXT FEILD
Den.

Ab 4th Row k 1st c0lumn mein
CELL NUMBER
Likhen.

4th Row k 2nd c0lumn me
TEXT FIELD
Den.

5th Row k 1st c0lumn me
GENDER
Likhen.

5th row k 2nd c0lumn me
Insert >form object > Radio Butt0n
Den.
Phir space de kar
MALE
Likhen.
Isi terhan se braber mein ek or Radio Butt0n den or space de kr FEMALE likhen.

6th Row k 1st c0lumn me Insert>Form Objects>Butt0n per click kren. Ap k pas ek button ajae ga, ap butt0n per right click kren or Properties se wahan 3 Opti0n honge.
SUBMIT
RESET
NONE ka.
Ap Submit per click kren.

Bilkul is tarah 6th Row k 2nd c0lumn mein b krna hai. Bus Submit k bajae Reset karna hai Properties pe.

Save as
Form.html

Form banane k baad ab bari ati hai Form ko validate krne ki, Aagr ap ko Java script ati he tho ap Validate Java se hi kren, Warna kam chalane k lye dream weaver me b Opti0n hai, Lekin dream weaver me Ap apni marzi k malik nhi hote,

Form ko Validate krne k lye Step by Step follow kren.

Wind0ws> Behavi0rs

Behavi0r per Click krne se Right hand Side per ek Panel khul jae ga, Js per Behaviors per Click hua mile ga.

Us Panel me 2 Opti0n hn ge,
Pehla "+" hoga or 2nd "-" hoga.

Ap ko "+" per Click kr k Validate Form ko Select krna hai,

Validate Form per Click karne k baad ap k pas ek Dialogue box Open ho Jae ga, Us Dialogue Box me kuch Opti0n hon ge,

Sb se pehle Line 1 per Click kare (ye Name ka Text Box hai) Ab Required per Check box lagaen, phir Any Charactor per Click kren,

Isi Tarah 2nd Line per Click kren (ye Address ka hai) Required per Check lagaen or any Charactor per lagaen.

Ab 3rd Line Select karein, Ye Email ka he, Reqired per Check lagaen or phir Email k Radio Butt0n per Click karen.

Ab 4th Line per Click kary, Ye CELL NUMBER ka hai, Required per check lagaen, Phir Number k Radio Butt0n per click kren, or Number 0 to 9 likhna hai.

Is Page ko b Save kr k Browser me dkhen.

Ab main dream weaver me Template bnana sikhao ga, Mein ye Template Table ki madad se Create karon ga, Ap is ko Layer ya Frame ki madad se b bana sakte hai, ye ap ki marzi per depend krta hai.


Sb se Pehle Ap ik New Page len, phir Insert > Table per Jaen, Wahan Rows 4 or Column 5 rakhen, or Ok kren.

Ab 1st Row k 5cho coulum ko m0use drag kr k select kren or right click kr k Table>Merge Table me click kren, is se ap k 1st row ka ek table ban jae ga. Ab ap is Table me ek Image Banner Insert>Image me Ja kr dal dy.

Ab 2nd Row k 1st column me HOME likhen.

2nd Row k 2nd column me SOFTWARE likhen.

2nd Row k 3rd Column me GAMES likhen.

2nd Row k 4th column me PROGRAMING liken.

2nd Row k 5th column me FEEDBACK likhen.

N0te:
Jitne ziadah Link banane ho utny he column len.


Ab 3rd Row k 1st or 5th column ko chor kr beech k 3n0 column ko select kr k Merge karen.

Ab 3rd Row k 1st column me Cursor ko Blink karwa ker 10 times Enter karen, is se Apka Navigati0n Bar ban jae ga.

Is  Navigati0n me ap HOME, SOFTWARE, GAME etc ka Link laga den.

3rd Row k 5th column mein b ek ban gaya hai, wahan ap Google Adsense ka Link laga den or Earn karen.

4th Row k Tamam column ko Select kr k Merge kr len. Or Isme Footer yani C0py Right by SaadAkbar likh den.

Ab Jo 2n0 Navigati0n bar k bech me jo jagah khali hai us me Editable Regi0n dalen. Edit Regi0n dalne k lye,

Insert>Template Objects>Editable Regi0n

Editable ka koi Name den or enter kr den.

Ap k pas ek chota sa Editable Regi0n ka Box Ajae ga, ap is k ander Cursor le Ja kr itni martaba Enter kren k Editable Regi0n Header or Footer se Touch kr jae.

Is ko Save as Template kr k Save kr den.

Ap ka Ik Simple Template tyar ho gya.

Editable Reji0n dalne ka faida ye hai k Ap k Tamam Content Same rahe ge magr Jahan ap ne Editable Regi0n dala hai Wahan ap Edit kr sakte hai, hamain ab HOME ka Page banana hah, Ap Template ko Open kren, Wahan Editable Regi0n pe H0me ki detail likh kr Save as Index.html krdo.

Isi Terah se Game.html, Software.html etc ka Page bana kr sub ko Link karwa do, Lo G Ap ki Static Web tayar..

----END----

No comments :

Post a Comment

Designed By Published.. Blogger Templates