frinds coool ÇÕÏÞÇÁ ßææææá
åá ÊÑíÏ ÇáÊÝÇÚá ãÚ åÐå ÇáãÓÇåãÉ¿ ßá ãÇ Úáíß åæ ÅäÔÇÁ ÍÓÇÈ ÌÏíÏ ÈÈÖÚ ÎØæÇÊ Ãæ ÊÓÌíá ÇáÏÎæá ááãÊÇÈÚÉ.
frinds coool ÇÕÏÞÇÁ ßææææá

ãäÊÏì ÔÇãá ãäæÚ
 
ÇáÑÆíÓíÉÇáÈæÇÈÉÃÍÏË ÇáÕæÑÇáÊÓÌíáÏÎæá

 

 ÏæÑÉ Web Developer (ÇáÏæÑÉ)

ÇÐåÈ Çáì ÇáÃÓÝá 
ßÇÊÈ ÇáãæÖæÚÑÓÇáÉ
mahmoud hamza
ãÏíÑ ÇáãäÊÏì
ãÏíÑ ÇáãäÊÏì
mahmoud hamza


ÚÏÏ ÇáÑÓÇÆá : 187
ÇáÚãÑ : 44
ÇáãæÞÚ : www.hamza.yoo7.com
ÊÇÑíÎ ÇáÊÓÌíá : 14/11/2007

ÏæÑÉ Web Developer (ÇáÏæÑÉ) Empty
ãõÓÇåãÉãæÖæÚ: ÏæÑÉ Web Developer (ÇáÏæÑÉ)   ÏæÑÉ Web Developer (ÇáÏæÑÉ) EmptyÇáÅËäíä ÏíÓãÈÑ 03, 2007 12:53 pm

íÇ ÌãÇÚÉ ÇäÇ ÈÏÇÊ ÇÎÏ ÏæÑÉ web developer ßÇãáÉ self study áßä ÚÔÇä ÇáæÇÍÏ ÈíÍÓ ÈÇáãáá áãÇ ÈíÐÇßÑ áæÍÏå Çááì íÍÈ íÔÇÑßäì Ýì ÇÎÐ ÇáÏæÑÉ íÞæá æäÏÑÓ ÇáÏæÑÉ ßÇãáÉ ãÚ ÈÚÖ Úáì ÕÝÍÇÊ ÇáãäÊÏì æ Çá material ßáå ÌÇåÒÉ ÚäÏì ÈÇáßæÑÓ æ ÇáÇãÊÍÇäÇÊ æ Ýì ãÔÑæÚ Ýì ÇÎÑ ÇáÏæÑÉ ßãÇä
Çááì íÍÈ íÎÔ ÇáÏæÑÉ ãÚÇíÇ íßÊÈ ÇÓãå æ ÞÏÇãå ßáãÉ web developer Course
æ Çä ÔÇÁ Çááå áæ Ýì äÇÓ ãÚÇíÇ ÍäÈÏÇ ÇáÏæÑÉ Çæá ÇáÇÓÈæÚ ÇáÌÇì ÈÓ íÇÑíÊ íÈÞì Ýì ÇáÊÒÇã ãä ÇáãÔÊÑßíä Ýì ÇáÏæÑÉ

íáÇ ãÇ ÝíÔ æÞÊ äÈÏÇ ÇáÏæÑÉ ÏáæÞÊì
ÇáÝÕá ÇáÇæá
Chapter 1
ÏæÑÉ ÊÕãíã ÕÝÍÇÊ ÇáÇäÊÑäÊ ÈáÛÉ
ÇáÃÓÈæÚ ÇáÃæá
ÇáÏÑÓ ÇáÃæá Ü ãÞÏãÉ Úä ÃåãíÉ ÇááÛÉ æÊØæÑåÇ



HTML ãÚäì
HTMLÊØæÑ áÛÉ
HTMLÃåãíÉ ÊÚáã áÛÉ




--------------------------------------------------------------------------------



html ãÚäì ãÕØáÍ

Ü Ãì áÛÉ ÊÑãíÒ ÇáäÕ ÇáÝÇÆÞ hyper text mark up langauge íÚäì html ãÕØáÍ
:-ÍíË
Hyper text :

ÊÚäì äÕ ÝÇÆÞ Ãæ ãÊãíÒ Ýì ÞÏÑÇÊå ãä ÍíË ÇáÕæÑ æ ÇáÃÔßÇá æÅÊÕÇáå ÈÛíÑå ãä ÇáäÕæÕ æ ÇáæÓÇÆØ ÇáãÊÚÏÏÉ


Mark up :

ÊÚäì ÊÑãíÒ Ãæ ÅÚÏÇÏ ÇáäÕ ÈãÌãæÚÉ ãä ÇáÑãæÒ Çæ ÇáÅÔÇÑÇÊ ÇáÊí ÊÍÏÏ áÈÑäÇãÌ ÇáÊÕÝÍ ßíÝíÉÚÑÖ åÐÇ ÇáäÕ
ÝÃì ÌÒÁ ãä ÇáÕÝÍÉ íãËá ÇáÚäæÇä ¿ - æ ÃíåÇ íãËá ÇáÕæÑÉ æåßÐÇ

Language :

(BASIC , COBOL , C , .........)ÊÚäì áÛÉ ãËá áÛÇÊ ÇáßãÈíæÊÑ ÇáÃÎÑì






ÈÏÇíÉ ÇáÕÝÍÉ


html ÊØæÑ áÛÉ
Ýì ãÚãá ÝíÒíÇÁ ÓæíÓÑì Ýì ÈÏÇíÉ ÇáÊÓÚíäÇÊ æåì ÊäÊãí Çáì ÚÇÆáÉ áÛÇÊ áÅÚÏÇÏ ÇáÕÝÍÇÊ html ÙåÑÊ ÝßÑÉ áÛÉ
æ åì ÃßËÑåÇ ÔíæÚÇ ÍíË ÈÏÃÊ Ýì ÇáÅäÊÔÇÑ æ äÌÍÊ ÂäÐÇß ÍíË ßÇä äØÇÞ ÔÈßÉ ÇáãÚáæãÇÊ ÖíÞ ÌÏÇ sgml ÊÓãì


Ýì ÚÇã 1993

æ ÇÊÕÝÊ ÈÇáÓåæáÉ æ ÇáãÑæäÉ æ ÇáÔãæá æ ÓÇåãÊ Ýì ÊÍÞíÞ ÇáÇäÊÔÇÑ ÇáÖÎã áÔÈßÉ ÇáÇäÊÑäÊ html2 ÙåÑÊ
html3 æ ÑÛã ÃäåÇ áã ÊÓÊÎÏã ÈÕæÑÉ ÑÓãíÉ ÇáÇ ÇäåÇ ãåÏÊ ÈÃÝßÇÑåÇ áÅÕÏÇÑ

Ýì ÚÇã 1994

ßÊØæÑ áÓÇÈÞÊåÇ æ ßÇäÊ ÈãËÇÈÉ ÊÛíÑÖÎã æ ãÝÇÌÆ ÈÇáäÓÈÉ áãÓÊÎÏãí ÇáÔÈßÉ æ áã ÊÊÝÞ ãÚ ÈÑÇãÌ html3 ÙåÑÊ
ÇáÊÕÝÍ ÇáÔÇÆÚÉ ÂäÐÇß æ ÈÇáÊÇáí áã ÊáÞì ÇáÞÈæá

Ýì ÚÇã 1995
ááÊÛáÈ Úáì äæÇÍì ÞÕæÑ ÓÇÈÞÊåÇ æ ÊÒíÏ ãä ÞÏÑÉ ÊÕãíã ÇáÌÏÇæá æ ÇáÊäÇÓÞ ãÚ ÈÑÇãÌ ÇáÊÕÝÍ html3.2ÙåÑÊ
æ ÏÚãÊ ÇÓÊÎÏÇã ÇáÅØÇÑÇÊ æ ÇáÃÔßÇá æ ÇáÃæÓÇØ ÇáãÊÚÏÏÉ

Ýì ÔåÑ ãÇÑÓ 1997

æ åì ÇÍÏË äÓÎÉ ãä ÇááÛÉ æ ÇáÊì äÍä ÈÕÏÏ ÔÑÍåÇ æ ÌÚáÊ ÇáÕÝÍÇÊ ÇßËÑ ÏíäÇãíßíÉ html4 ÙåÑÊ
æÊÝÇÚáÊ ãÚ áÛÇÊ æÊØÈíÞÇÊ ÃÎÑì ÚÏíÏÉ


htmlÃåãíÉ æ ãÒÇíÇ ÊÚáã áÛÉ

html ááÅÌÇÈÉ Úáì ÇáÓÄÇá ÇáÎÇÕ ÈÃåãíÉ áÛÉ
¿¿¿íÌÏÑ ÈäÇ ÇáÅÌÇÈÉ Úáì ÓÄÇá ÂÎÑ æ åæ Ü ãÇ åì ØÈíÚÉ ÕÝÍÉ ÔÈßÉ ÇáÅäÊÑäÊ
åì ÇáÃÓÇÓ æÇáÅäÊÑäÊ åì ÇáÈäÇÁhtmlÜ Ãì Ãä áÛÉ htmlÇáÅÌÇÈÉ Ü ÇäåÇ ÚÈÇÑÉ Úä ãáÝ ãßÊæÈ ÈáÛÉ
: åÐÇ ÈÇáÅÖÇÝÉ Åáì
Ýì ÈÑäÇãÌ ÚÇÏì áÊÍÑíÑ ÇáäÕæÕhtml Ü ÚÏã ÇÚÊãÇÏåÇ Úáì äæÚ ãÚíä ãä ÇáÈÑÇãÌ áÊÍÑíÑåÇ ÝÈÅãßÇäß ßÊÇÈÉ ãáÝ

Ü ÇáãÑæäÉ Ýì ÅÕáÇÍ æ ÊÚÏíá Çì ÌÒÁ ãä ÇáÕÝÍÉ ÍíË ÊÊãíÒ ÃæÇãÑåÇ ÈÇáÈÓÇØÉ æ ÇáÌÇÐÈíÉ

Ü ÅÓÊÚÇÈåÇ ááÝÃÑÉ æ ÊØÈíÞÇÊ ÃÎÑì ÊÒíÏ ãä ÝÚÇáíÊåÇ Ýì ÇáÊÕãíã

htmlÜ íÑÌÚ ÇáÝÕá Ýì ÇäÊÔÇÑ æ ÔÚÈíÉ ÇáÅäÊÑäÊ Çáì ÓåæáÉ æ ÝÚÇáíÉ ÊÚáã



<DOCTYPE>
<HTML>
<HEAD>
<TITLE>
<BODY> :ÇáÃæÇãÜÜÜÜÜÜÜÜÑ









--------------------------------------------------------------------------------



ÃãÑ ÊæËíÞì áÈíÇä Ãì ÅÕÏÇÑ ááÛÉ ÅÓÊÎÏã Ýì ÈäÇÁ ÇáæËíÞÉ html
æÇáÕíÛÉ ÇáÚÇãÉ
<DOCTYPE HTML PUBLIC"_ //W3C//DTD HTML4.0//EN"> <DOCTYPE>








--------------------------------------------------------------------------------




ÇáÃãÑ ÇáÃÓÇÓì áÈäÇÁ ÇáÕÝÍÉ æßá ãÍÊæíÇÊ
ÇáÕÝÍÉ íÌÈ Ãä ÊäÍÕÑ Èíä ÈÏÇíÊå æäåÇíÊå
<HTML></HTML>: æÇáÕíÛÉ ÇáÚÇãÉ <HTML>








ÎæÇÕ ÇáÃãÑ


LANG

áÊÍÏíÏ ØÈíÚÉ áÛÉ ÇáãÚáæãÇÊ ÇáÊì LANG íãßä ÅÓÊÎÏÇã ÎÇÕíÉ
íÊÖãäåÇ ÇáãÓÊäÏ ããÇ íÓåá ãä ÇáÈÍË Úäå Èíä ÕÝÍÇÊ ÇáÔÈßÉ

ãËÇá




<HTML LANG=EN>
"EN"Ãì Ãä ãÚáæãÇÊ ÇáãÓÊäÏ ãßÊæÈÉ ÈáÛÉ ÇäÌáíÒíÉ



--------------------------------------------------------------------------------



íÓÊÎÏã áÊæËíÞ ÇáÕÝÍÉ ÍíË íãßä ÅÑÝÇÞ ÈÚÖ ÇáÃæÇãÑ ÇáÃÎÑì ÇáÎÇÕÉ ÈÚäæäÉ ÇáÕÝÍÉ æãæÇÕÝÇÊåÇ ææÖÚ ÇáÊÚáíÞÇÊ ÍæáåÇ Ü Èíä ÈÏÇíÊå æäåÇíÊå
<HEAD></HEAD>:ÇáÕíÛÉ ÇáÚÇãÉ <HEAD>










--------------------------------------------------------------------------------


íÓÊÎÏã áÊÓãíÉ ÇáÕÝÍÉ ÍÊì íãßä
ÇáÊÚÑÝ ÚáíåÇ æ ÅÓÊÏÚÇÆåÇ ÝíãÇ
ÈÚÏ ÜÜ ÇáÕíÛÉ ÇáÚÇãÉ
<TITLE> ÇÓã ááÕÝÍÉ </TITLE>:
íãßä ÊÌÑÈÉ åÐÇ ÇáÇãÑ æãáÇÍÙÉ ÙåæÑ
ÅÓã ÇáÕÝÍÉ ÇáÌÏíÏ ÇÚáì íÓÇÑ ÕÝÍÉ
ÈÑäÇãÌ ÊÕÝÍ ÇáÇäÊÑäÊ ÇáÐì ÃãÇãß <TITLE>










--------------------------------------------------------------------------------
ßá ãÇ íßÊÈ Èíä ÈÏÇíÉ åÐÇ ÇáÇãÑ æäåÇíÊå
åæ ãÇ íÙåÑ ÈÇáÝÚá Ýì ÕÝÍÉ ÇáÚÑÖ
" ãÊä ÇáÕÝÍÉ " <BODY>





ÎæÇÕ ÇáÃãÑ



BGCOLOR

BACKGROUND
TEXT

ALINK

VLINK



áÊÛííÑ áæä ÇÑÖíÉ ÇáÕÝÍÉ BGCOLORÊÓÊÎÏã ÎÇÕíÉ
ãËÇá



<BODY BGCOLOR="RED">
Ãæ
<BODY BGCOLOR="#FF0000">
æßáÇ ÇáÇãÑíä íÄÏì áÊÛííÑ áæä ÎáÝíÉ ÇáÕÝÍÉ
åæ FF0000 ááæä ÇáÇÍãÑ ÍíË Ãä ÇáßæÏ
html Ýì áÛÉ RED ÇáãßÇÝìÁ Çááæäì ááæä


áÊÍÏíÏ ÕæÑÉ ßÎáÝíÉ ááÕÝÍÉ BACKGROUND ÊÓÊÎÏã ÎÇÕíÉ
ãËÇá


ÃßÊÈ ÈíÏíß ÇáÇãÑ ÇáÊÇáì æáÇÍÙ ÇáäÊíÌÉ
<BODY BACKGROUND="graphics/uni.jpg">
ÍíË Ãä ÇáãÓÇÑ ÇáÊÇáì áÚáÇãÉ= íÊÛíÑÍÓÈ ãæÞÚ ÇáÕæÑÉÚáì ÇáÌåÇÒ

áÊÍÏíÏ Çááæä ÇáÚÇã ááäÕ ÇáãßÊæÈTEXTÊÓÊÎÏã ÎÇÕíÉ

áÊÍÏíÏ áæä ßáãÇÊ ÇáÑÈØ ÇáäÔØÉ ALINKÊÓÊÎÏã ÎÇÕíÉ

áÊÍÏíÏ áæä ßáãÇÊ ÇáÑÈØ ÛíÑ ÇáäÔØÉVLINK:ÊÓÊÎÏã ÎÇÕíÉ

ÈÇáÔßá ÇáÂÊì HTML æÈÐáß ÊÊÍÏÏ ÇáÈäíÉ ÇáÚÇãÉ áÕÝÍÉ

<DOCTYPE HTML PUBLIC"_//W3C//DTD HTML4.0//EN">
<HTML>

<HEAD>
<TITLE> <TITLE>
<HEAD>

<BODY>

æÕÝ áßá ÇáÚäÇÕÑ ÇáãÑÇÏ ÚÑÖåÇ Úáì ÕÝÍÉ ÇáæíÈ ãä äÕæÕ Çæ ÕæÑ Çæ ÎáÇÝå
</BODY>

<HTML>



ÇáãæÖÍ Ýì ÇáÔßá ÇáÓÇÈÞ HTML ÊãÑíä ÜÜ Þã ÈßÊÇÈÉ ßæÏ "GRAY"ÈíÏíß æÛíÑ áæä ÎáÝíÉ ÇáÕÝÍÉ Çáì Çááæä ÇáÑãÇÏì
ÇáÑÌæÚ Çáì ÃÚáì ÇáÕÝÍÉ ÇÐåÈ Çáì ÇáÃÓÝá
https://hamza.mam9.com
 
ÏæÑÉ Web Developer (ÇáÏæÑÉ)
ÇáÑÌæÚ Çáì ÃÚáì ÇáÕÝÍÉ 
ÕÝÍÉ 1 ãä ÇÕá 1

ÕáÇÍíÇÊ åÐÇ ÇáãäÊÏì:áÇÊÓÊØíÚ ÇáÑÏ Úáì ÇáãæÇÖíÚ Ýí åÐÇ ÇáãäÊÏì
frinds coool ÇÕÏÞÇÁ ßææææá :: ÇáãäÊÏíÇÊ ÇáÑÆíÓíÉ :: ãäÊÏì ÊßäæáæÌíÇ ÇáãÚáæãÇÊ :: ãäÊÏì ÎÇÕ ÈÇáÈÑãÌå-
ÇäÊÞá Çáì: