ݺߣ

ݺߣShare a Scribd company logo
1/7
‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ November 14, 2019
‫ﺳﺎده‬ ‫زﺑﺎﻧﯽ‬ ‫ﺑﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬
/bombecode.ir/simple-web-site-design-tutorial
‫ﺟﻮﯾﺎی‬ ‫ﮐﻪ‬ ‫اﻓﺮادی‬ ‫ﺑﺮای‬ ‫ﺧﺼﻮص‬ ‫ﺑﻪ‬ ‫اﯾﻨﺘﺮﻧﺘﯽ‬ ‫ﮐﺎرﻫﺎی‬ ‫و‬ ‫ﮐﺴﺐ‬ ‫ﻋﺮﺻﻪ‬ ‫در‬ ‫ﻣﻬﻢ‬ ‫ﻫﺎی‬ ‫ﻣﻘﻮﻟﻪ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬
‫اﻣﺎ‬ ‫دارﻧﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫و‬ ‫وب‬ ‫دﻧﯿﺎی‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﯽ‬ ‫ﻋﻼﻗﻪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﻧﻈﺮ‬ ‫ﻣﺪ‬ ‫ﺑﯿﺸﺘﺮ‬ ‫و‬ ‫رود‬ ‫ﻣﯽ‬ ‫ﺷﻤﺎر‬ ‫ﺑﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺷﻐﻞ‬
.‫اﺳﺖ‬ ‫ﻣﺮاﺣﻠﯽ‬ ‫ﭼﻪ‬ ‫ﺷﺎﻣﻞ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﮐﻪ‬ ‫ﻧﯿﺴﺘﻨﺪ‬ ‫آﮔﺎه‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺷﺨﺎص‬ ‫از‬ ‫ﺧﯿﻠﯽ‬
‫دارﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﯽ‬ ‫ﻋﻼﻗﻪ‬ً‫ﺣﺘﻤﺎ‬ ‫ﭘﺲ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫ﻣﻄﺎﻟﻌﻪ‬ ‫را‬ ‫ﻣﻘﺎﻟﻪ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﯿﺪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫دﺳﺘﻪ‬ ‫آن‬ ‫از‬ ‫اﮔﺮ‬
‫ﯾﮏ‬ ‫اﯾﺠﺎد‬ ‫ﻣﺮاﺣﻞ‬ ‫از‬ ‫اﮔﺮ‬ ‫و‬ ‫اﺳﺖ‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫زﯾﺎدی‬ ‫ﻫﺎی‬ ‫ﻫﺰﯾﻨﻪ‬ ‫ﺑﻪ‬ ‫ﺧﻮب‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﮐﻪ‬ ‫ﺑﺪاﻧﯿﺪ‬ ‫را‬ ‫اﯾﻦ‬ ‫ﺑﺎﯾﺪ‬ ‫ﭼﯿﺰی‬ ‫ﻫﺮ‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫و‬
.‫ﮐﻨﯿﺪ‬ ‫اﻧﺪازی‬ ‫راه‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﻠﯿﻘﻪ‬ ‫ﻃﺒﻖ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫راﺣﺘﯽ‬ ‫ﺑﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫اﻃﻼع‬ ‫ﺳﺎﯾﺖ‬
2/7
‫ﺑﻪ‬ ‫ﻣﺎﯾﻠﻨﺪ‬ ‫ﮐﻪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﺑﺮای‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺳﺎده‬ً ‫ﮐﺎﻣﻼ‬ ‫زﺑﺎﻧﯽ‬ ‫ﺑﺎ‬ ‫و‬ ‫اﺟﻤﺎﻟﯽ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺗﺎ‬ ‫ﺷﺪﯾﻢ‬ ‫آن‬ ‫ﺑﺮ‬ ‫ﻣﺎ‬ ‫ﺑﻨﺎﺑﺮاﯾﻦ‬
‫ﺷﺮوع‬ ‫ﭼﻄﻮر‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫ﮐﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺑﺰﻧﯿﻢ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻓﻨﯽ‬ ‫و‬ ‫ﺗﺨﺼﺼﯽ‬ ‫ﻣﺒﺎﺣﺚ‬ ‫ﺑﻪ‬ ‫ﮔﺮﯾﺰی‬ ‫و‬ ‫ﮐﻨﯿﻢ‬ ‫ﺑﯿﺎن‬ ‫ﺷﻮﻧﺪ‬ ‫وارد‬ ‫ﺣﯿﻄﻪ‬ ‫اﯾﻦ‬
‫ﺑﻪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫و‬ ‫ﮐﻨﯿﺪ‬ ‫ﭘﯿﺪا‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻣﺴﯿﺮ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫دارﯾﻢ‬ ‫اﻣﯿﺪ‬ ‫و‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺧﺘﻢ‬ ‫ﮐﺠﺎ‬ ‫ﺑﻪ‬ ‫و‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬
.‫ﺑﺎﺷﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫اﻧﺪازی‬ ‫راه‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﻧﯿﺎز‬ ‫ﻣﻮرد‬ ‫و‬ ‫ﻻزم‬ ‫ﻫﺎی‬ ‫ﺗﺨﺼﺺ‬ ‫ﯾﺎدﮔﯿﺮی‬
‫ﺷﻮد؟‬ ‫ﻣﯽ‬ ‫ﺷﺮوع‬ ‫ﮐﺠﺎ‬ ‫از‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬
‫ﺑﯿﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫دﻧﯿﺎی‬ ‫ﺑﻪ‬ ‫ورود‬ ‫ﺑﺮای‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻧﯿﺎزﻫﺎﯾﯽ‬ ‫ﭘﯿﺶ‬ ‫ﻣﻬﻤﺘﺮﯾﻦ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺣﺘﻢ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬
‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﻣﯿﻨﻪ‬ ‫در‬ ‫ﻋﺎﻟﯽ‬ ‫و‬ ‫ﻧﻔﯿﺲ‬ ‫ﻣﻨﺎﺑﻊ‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬ ‫ﺑﺎ‬ ‫ﺧﻮﺑﯽ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﮐﺮد‬
‫ﺗﻘﻮﯾﺖ‬ ‫دﻧﺒﺎل‬ ‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫اﺣﺴﻦ‬ ‫ﻧﺤﻮ‬ ‫ﺑﻪ‬ ‫ﻣﻨﺎﺑﻊ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺮ‬ ‫ﻗﺮار‬ ‫اﮔﺮ‬ ‫و‬ ‫اﺳﺖ‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬ ‫ﺑﻪ‬ IT ‫و‬ ‫ﻧﻮﯾﺴﯽ‬
.‫ﺑﺎﺷﯿﺪ‬ ‫ﺧﻮدﺗﺎن‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬
‫ﺑﺎﯾﺪ‬ ‫آن‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫و‬ ‫ﺷﻮﯾﻢ‬ ‫آﺷﻨﺎ‬ ‫ﮐﺎﻣﻞ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﺮاﺣﻞ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ‫و‬ ‫ﺑﺮوﯾﻢ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﻣﺮاﺣﻞ‬ ‫ﺳﺮاغ‬ ‫ﺑﻪ‬ ‫دﻫﯿﺪ‬ ‫اﺟﺎزه‬ ‫اﻣﺎ‬
(Back end) ‫اﻧﺪ‬‫ﺑﮏ‬ ‫و‬ ( Front end) ‫اﻧﺪ‬‫ﻓﺮاﻧﺖ‬ ‫ﻗﺴﻤﺖ‬ ‫دو‬ ‫از‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻓﻌﺎل‬ ‫اﻣﺮوزه‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺳـﺎﯾﺖ‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿـﺪ‬ ‫ﺗﻮﺟﻪ‬ ‫ﻣﻮﺿـﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬
‫ﺑﺨﺶ‬ ‫ﻫﻤﺎن‬ ‫ﻫﻢ‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻣﺸﺎﻫﺪه‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫را‬ ‫آن‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺑﺨﺶ‬ ‫ﻫﻤﺎن‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ .‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫ﺗﺸﮑﯿﻞ‬
.‫ﻫﺴﺘﻨﺪ‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻫﺎی‬ ‫ﭘﺮدازش‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫ﻫﺎی‬
HTML ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ :‫اول‬ ‫ ﻣﺮﺣﻠﻪ‬
‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬
‫اﺳﺖ‬ ‫ﻣﺸﺎﻫﺪه‬ ‫ﻗﺎﺑﻞ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺑﺨﺶ‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ ‫ﮐﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫اﺷﺎره‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻗﺒﻠﯽ‬ ‫ﭘﺎراﮔﺮاف‬ ‫در‬
‫ﻣﺎﻧﻨﺪ‬ ‫ﺑﻪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻧﻮع‬ ‫اﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺳﺎﺧﺘﻪ‬ ‫و‬ ‫اﯾﺠﺎد‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫زﺑﺎن‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻗﺴﻤﺖ‬ ‫اﯾﻦ‬ ‫و‬
.‫اﺳﺖ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺑﺪﻧﻪ‬ ‫و‬ ‫ﭼﻬﺎرﭼﻮب‬ ،‫اﺳﮑﻠﺖ‬
‫زﺑﺎن‬ ‫ﻣﻮرد‬ ‫در‬ ‫ﮐﺎﻣﻞ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﺑﺎﺷﺪ‬ ‫ﭼﻪ‬ ‫ﻫﺮ‬ ‫ﺷﻤﺎ‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫ﮔﻔﺖ‬ ‫اﯾﻨﮕﻮﻧﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺣﻘﯿﻘﺖ‬ ‫در‬
.‫داﺷﺖ‬ ‫ﻧﺨﻮاﻫﺪ‬ ‫ﺧﺎرﺟﯽ‬ ‫وﺟﻮد‬ ‫وب‬ ‫دﻧﯿﺎی‬ ‫در‬ ‫ﺳﺎﯾﺘﯽ‬ ‫وب‬ ‫ﻫﯿﭻ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺑﺪون‬ ‫و‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ال‬ ‫ام‬ ‫ﺗﯽ‬ ‫اچ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬
‫ﻓﺮا‬ ‫را‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ ‫ﻣﺮﺣﻠﻪ‬ ‫اوﻟﯿﻦ‬ ‫و‬ ‫ﻗﺪم‬ ‫اوﻟﯿﻦ‬ ‫ﭘﺲ‬
.‫ﺑﮕﯿﺮﯾﺪ‬
CSS ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫و‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ :‫دوم‬ ‫ ﻣﺮﺣﻠﻪ‬
‫ﻣﻼک‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻧﻤﯽ‬ ‫ﺗﻨﻬﺎﯾﯽ‬ ‫ﺑﻪ‬ HTML ‫زﺑﺎن‬ ‫ﻓﺮاﮔﯿﺮی‬ ‫اﻣﺎ‬ ‫اﺳﺖ‬ ‫ﺑﺮﺧﻮردار‬ ‫زﯾﺎدی‬ ‫اﻫﻤﯿﺖ‬ ‫از‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫از‬ ‫اول‬ ‫ﻣﺮﺣﻠﻪ‬
‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫دوم‬ ‫ﻣﺮﺣﻠﻪ‬ ‫از‬ ‫ﺷﻮﯾﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺠﺒﻮر‬ ‫ﭘﺲ‬ .‫ﺑﺎﺷﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺑﺮای‬ ‫زﯾﺒﺎ‬ ‫ﻇﺎﻫﺮ‬ ‫ﯾﮏ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﺧﻮﺑﯽ‬
‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺻﻔﺤﺎت‬ ‫ﺳﺎزی‬ ‫زﯾﺒﺎ‬ ‫ﺑﻪ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫دارد‬ ‫وﺟﻮد‬ CSS ‫زﺑﺎن‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺗﮑﻨﻮﻟﻮژی‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫و‬ ‫اﺳﺖ‬ CSS ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬
3/7
.‫ﺑﺎﺷﺪ‬ ‫ﭘﺴﻨﺪ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﮔﻮﻧﻪ‬ ‫ﺑﻪ‬ ،‫ﮐﻨﯿﺪ‬ ‫ﮐﻤﮏ‬
(CSS) ‫اس‬ ‫اس‬ ‫ﺳﯽ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ،‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺤﺚ‬ ‫در‬ HTML ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﻪ‬
‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫دﻟﯿﻞ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫و‬ ‫اﺳﺖ‬ ‫آﺳﺎن‬ ‫و‬ ‫ﺳﺎده‬ ‫آن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ذﮐﺮ‬ ‫ﺷﺎﯾﺎن‬ ‫اﻣﺎ‬ ‫اﺳﺖ‬ ‫ﺗﺮ‬ ‫ﭘﯿﭽﯿﺪه‬ ‫و‬ ‫ﺗﺮ‬ ‫ﺳﺨﺖ‬ ‫ﻣﻘﺪار‬ ‫ﯾﮏ‬
‫زﯾﺒﺎﺗﺮ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻧﻮﺷﺘﯿﺪ‬ ‫را‬ ‫ﮐﺪﻫﺎﯾﯽ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﮐﺮد‬ ‫ﺑﯿﺎن‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺳﺎده‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺮای‬ ‫ﺗﻮان‬
‫ﺑﻪ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫اﺷﺘﯿﺎق‬ ‫و‬ ‫ﺷﻮر‬ ‫و‬ ‫ﻋﻼﻗﻪ‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫ﺷﺪ‬ ‫ﺧﻮاﻫﯿﺪ‬ ‫ﻋﻼﻗﻤﻨﺪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫آﻧﻘﺪر‬ ‫ﺣﺘﻢ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﺷﻮد‬ ‫ﻣﻨﺠﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻇﺎﻫﺮ‬ ‫ﺷﺪن‬
‫ﺧﻮاﻫﯿﺪ‬ ‫ﻓﺮا‬ ‫را‬ ‫آن‬ ‫ﮐﺎﻣﻞ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﻫﻔﺘﻪ‬ ‫دو‬ ‫ﯾﮑﯽ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫دارﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺮ‬ ‫ﻗﺪم‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫و‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺳﻤﺖ‬
.‫ﮔﺮﻓﺖ‬
‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻓﺮاﮔﺮﻓﺘﻦ‬ ‫و‬ ‫ﯾﺎدﮔﯿﺮی‬ :‫ﺳﻮم‬ ‫ ﻣﺮﺣﻠﻪ‬
‫و‬ ‫اﺳﺖ‬ (JavaScript) ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫دارﯾﺪ‬ ‫ﻧﯿﺎز‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫دﯾﮕﺮ‬ ‫ﯾﮑﯽ‬
‫و‬ ‫ﺗﺎرﯾﺦ‬ ،‫اﺳﻼﯾﺪر‬ ،‫ﻣﺘﻨﻮع‬ ‫و‬ ‫ﻣﺘﻔﺎوت‬ ‫ﻫﺎی‬ ‫اﻧﯿﻤﯿﺸﻦ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫دارد‬ ‫ﮐﻪ‬ ‫ﺑﯿﺸﻤﺎری‬ ‫اﻣﮑﺎﻧﺎت‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬
.‫ﮐﻨﯿﺪ‬ ‫اﺿﺎﻓﻪ‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﻪ‬ ‫را‬ ‫دﯾﮕﺮ‬ ‫ﻣﻮارد‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫و‬ ‫ﺳﺎﻋﺖ‬
‫ﻧﺸﺎﻧﻪ‬ ‫زﺑﺎن‬ ‫دو‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﻪ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫ﻧﻈﺮ‬ ‫ﻣﺪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﻧﮑﺘﻪ‬ ‫ﯾﮏ‬
.‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﯾﺎد‬ ‫را‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺗﺎ‬ ‫ﺑﮕﺬارﯾﺪ‬ ‫وﻗﺖ‬ ‫ﺑﺎﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫و‬ ‫اﺳﺖ‬ ‫ﺑﺮ‬ ‫زﻣﺎن‬ ‫ﻣﻘﺪار‬ ‫ﯾﮏ‬CSS  ‫و‬  HTML‫ﮔﺬاری‬
‫ﺑﻪ‬ ‫ﯾﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻇﺎﻫﺮی‬ ‫ﺳﺎﺧﺘﺎر‬ ‫اﯾﺠﺎد‬ ‫ﻧﺤﻮه‬ ‫در‬ ‫ﻧﻮﻋﯽ‬ ‫ﺑﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫ﺑﯿﺎن‬ ‫ﮐﻪ‬ ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬
‫اﻣﺎ‬ .‫ﮐﻨﯿﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫را‬ ‫ﻫﺴﺖ‬ ‫ﻧﻈﺮﺗﺎن‬ ‫ﻣﺪ‬ ‫ﮐﻪ‬ ‫ﺳﺎﯾﺘﯽ‬ ‫از‬ ‫ﮐﻠﯽ‬ ‫ﻃﺮح‬ ‫و‬ ‫اﯾﺪه‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻤﮏ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ ‫ﻫﻤﺎن‬ ‫اﺻﻄﻼح‬
‫و‬ ‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻇﺎﻫﺮ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫ﮐﻪ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫ﮐﻤﮏ‬ ‫اﯾﻦ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻫﺎی‬ ‫ﺗﮑﻨﻮﻟﻮژی‬ ‫و‬ ‫اﺑﺰارﻫﺎ‬ ‫ﺑﯿﻦ‬ ‫اﯾﻦ‬ ‫در‬
.‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﻓﺮا‬ ‫را‬ ‫دارد‬ ‫وﺟﻮد‬ ‫ﮐﻪ‬ ‫اﺻﻄﻼﺣﺎﺗﯽ‬ ‫از‬ ‫ﻣﻮرد‬ ‫ﭼﻨﺪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﺎر‬ ‫اﯾﻦ‬ ‫از‬ ‫ﻗﺒﻞ‬
‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ (Framework) ‫ورک‬‫ﻓﺮﯾﻢ‬ ‫ﺑﺎ‬ ‫ آﺷﻨﺎﯾﯽ‬
‫ﻫﺎ‬ ‫ﮐﻼس‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺗﻮاﺑﻊ‬ ،‫ﮐﺪﻫﺎ‬ ‫از‬ ‫ای‬ ‫ﻣﺠﻤﻮﻋﻪ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﻫﻢ‬ ‫ﭼﻬﺎرﭼﻮب‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ (Framework) ‫ورک‬‫ﻓﺮﯾﻢ‬
‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺧﻮدﺷﺎن‬ ‫اﻓﺰاری‬ ‫ﻧﺮم‬ ‫ﻫﺎی‬ ‫ﭘﺮوژه‬ ‫ﺑﺘﻮاﻧﻨﺪ‬ ‫اﺷﺨﺎص‬ ‫اﯾﻦ‬ ‫ﺗﺎ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اراﺋﻪ‬ ‫ﻫﺎ‬ ‫ﻧﻮﯾﺲ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﻪ‬ ‫ﭘﮑﯿﺞ‬ ‫ﯾﮏ‬ ‫ﻗﺎﻟﺐ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬
.‫ﮐﻨﻨﺪ‬
‫ﮐﺪﻫﺎی‬ ‫ﺳﺮی‬ ‫ﯾﮏ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﺑﮕﻮﯾﯿﻢ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻨﯿﻢ‬ ‫ﺻﺤﺒﺖ‬ ‫ﺗﺮ‬ ‫ﺳﺎده‬ ‫ﺑﺨﻮاﻫﯿﻢ‬ ‫اﮔﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬
‫ﻣﯽ‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫و‬ ‫ﻧﻤﺎﯾﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫آن‬ ‫از‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫و‬ ‫آﻣﺎده‬
HTML ‫ﺑﺎ‬ ‫ﻣﻨﺎﺳﺒﯽ‬ ‫ﺳﺎزﮔﺎری‬ ‫ﮐﻪ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﻌﺮوف‬ ‫و‬ ‫ﻣﻬﻤﺘﺮﯾﻦ‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﭘﺮوژه‬ ‫ﻋﻤﻠﮑﺮد‬ ‫ﺑﻬﺒﻮد‬ ‫و‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ ‫ﺑﺎﻋﺚ‬ ‫ﺗﻮاﻧﺪ‬
.‫اﺳﺖ‬ (Bootstrap) ‫اﺳﺘﺮپ‬‫ﺑﻮت‬ ‫دارد‬  CSS  ‫و‬
4/7
‫ﻓﺮﯾﻢ‬ ‫ﻫﻤﯿﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ای‬ ‫ﺣﺮﻓﻪ‬ ‫ﻃﺮاﺣﺎن‬ ‫از‬ ‫ﺧﯿﻠﯽ‬
‫ﺳﺎﯾﺖ‬ ‫ﮐﻠﯽ‬ ‫ﻇﺎﻫﺮ‬ ‫ﺗﻮاﻧﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺳﺎﻋﺖ‬ ‫ﭼﻨﺪ‬ ‫ﻋﺮض‬ ‫در‬ ‫و‬ ‫ﻫﺎ‬ ‫ورک‬
‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫دﻫﻨﺪه‬ ‫ﻧﺸﺎن‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬
‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬
.‫ﮐﻨﺪ‬ ‫ﮐﻤﮏ‬ ‫ﺧﯿﻠﯽ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬
:‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫در‬ ‫ﻣﻬﻢ‬ ‫ﻧﮑﺘﻪ‬ ‫ﯾﮏ‬ ‫اﻣﺎ‬
‫ﺑﻪ‬ ‫ﻧﮑﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫آﻣﺎده‬ ‫ﻫﺎی‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫ﮐﺎر‬ ‫اﺑﺘﺪای‬ ‫ﻫﻤﺎن‬ ‫در‬ ‫اﯾﺪ‬ ‫ﺑﺮداﺷﺘﻪ‬ ‫ﻗﺪم‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﺗﺎزﮔﯽ‬ ‫ﺑﻪ‬ ‫اﮔﺮ‬
‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫اوﻟﯿﻪ‬ ‫و‬ ‫ﮐﻠﯽ‬ ‫اﺻﻮل‬ً‫ﺣﺘﻤﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ .‫ﺷﻮد‬ ‫ﺷﻤﺎ‬ ‫ﺻﺤﯿﺢ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫از‬ ‫ﻣﺎﻧﻊ‬ ‫اﺳﺖ‬ ‫ﻣﻤﮑﻦ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬
‫ﻓﺮﯾﻢ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺳﺮاغ‬ ‫ﺑﻪ‬ ‫ﮐﺮدﯾﺪ‬ ‫ﮐﺴﺐ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫ﺗﻮاﻧﺎﯾﯽ‬ ‫و‬ ‫ﻣﻬﺎرت‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﯾﺎد‬ ‫ﺧﻮﺑﯽ‬ ‫ﺑﻪ‬ ‫را‬ CSS ‫و‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬
.‫ﺑﺮوﯾﺪ‬ ‫ﻫﺎ‬ ‫ورک‬
‫ﺑﻪ‬ ‫ﻣﻨﺤﺼﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﻗﺼﺪﺗﺎن‬ ‫اﮔﺮ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫ﺗﻮﺟﻪ‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻣﻮرد‬
‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫اﻓﺮاد‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺴﺖ‬ ‫ﺷﻤﺎ‬ ‫ﺻﻼح‬ ‫ﺑﻪ‬ً ‫اﺻﻼ‬ ‫آﻣﺎده‬ ‫ﻫﺎی‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻓﺮد‬
‫ﻇﺎﻫﺮی‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻓﻌﺎﻟﯿﺖ‬ ‫ﺑﻪ‬ ‫ﻣﺸﻐﻮل‬ ‫وب‬ ‫ﺳﻄﺢ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺗﺎ‬ ‫ﺷﺪه‬ ‫ﺑﺎﻋﺚ‬ ‫ﻣﻮرد‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬
.‫ﺑﺎﺷﻨﺪ‬ ‫داﺷﺘﻪ‬ ‫ﯾﮑﻨﻮاﺧﺖ‬ ‫و‬ ‫ﺗﮑﺮاری‬
‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺤﺚ‬ ‫در‬ (Library) ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﺑﺎ‬ ‫اﺟﻤﺎﻟﯽ‬ ‫ آﺷﻨﺎﯾﯽ‬
5/7
‫ﭼﻨﺪﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺷﺒﯿﻪ‬ ‫ﻫﻢ‬ ‫ﺣﺪودی‬ ‫ﺗﺎ‬ ‫و‬ ‫ﻧﺪارد‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﺑﺎ‬ ‫ﭼﻨﺪاﻧﯽ‬ ‫ﻓﺮق‬ ‫ﮐﻨﯿﻢ‬ ‫ﺗﻌﺮﯾﻒ‬ ‫را‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﺑﺨﻮاﻫﯿﻢ‬ ‫اﮔﺮ‬
‫ﺷﺪه‬ ‫ﺟﻤﻊ‬ ‫ﭘﮑﯿﺞ‬ ‫ﯾﮏ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫آﻣﺎده‬ ‫ﺗﻮاﺑﻌﯽ‬ ‫و‬ ‫ﻫﺎ‬ ‫ﮐﻼس‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫اﯾﻦ‬ .‫ﺑﺎﺷﺪ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﯾﮏ‬ ‫دﻫﻨﺪه‬ ‫ﺗﺸﮑﯿﻞ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬
‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﻌﺮوف‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﮐﻪ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫آن‬ ‫از‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﺎن‬ ‫و‬ ‫ﻫﺎ‬ ‫ﻧﻮﯾﺲ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫و‬ ‫اﻧﺪ‬
.‫اﺳﺖ‬  jQuery‫ﻧﺎم‬ ‫ﺑﻪ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﯾﮏ‬ ،‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﺑﺮای‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬
‫ﻫﺎ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫از‬ ‫ﮔﻮﻧﺎﮔﻮﻧﯽ‬ ‫و‬ ‫ﻣﺘﻨﻮع‬ ‫ﺗﻮاﺑﻊ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫راﺣﺘﯽ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫اﯾﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬
‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫و‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﮐﻪ‬ ‫ﮔﻔﺖ‬ ‫اﯾﻨﮕﻮﻧﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ .‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﻗﺎﻟﺐ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫آﻧﻬﺎ‬ ‫از‬ ‫و‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫دﺳﺘﺮﺳﯽ‬
‫ﺑﻪ‬ ‫ﻋﻼﻗﻤﻨﺪ‬ ‫ﮐﻪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﺑﺮای‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫را‬ ‫ﮐﺎر‬ ‫ﻓﺮآﯾﻨﺪ‬ ‫ﺑﻬﺒﻮد‬ ‫ﻫﻤﭽﻨﯿﻦ‬ ‫و‬ ‫ﺳﺮﻋﺖ‬ ‫ﺗﺎ‬ ‫اﻧﺪ‬ ‫آﻣﺪه‬ ‫وﺟﻮد‬ ‫ﺑﻪ‬ ‫دﻟﯿﻞ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻫﺎ‬
.‫رود‬ ‫ﻣﯽ‬ ‫ﺷﻤﺎر‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫ﻋﻄﻔﯽ‬ ‫ﻧﻘﻄﻪ‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬
‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﮏ‬ ‫اﻧﺘﺨﺎب‬ :‫ﭼﻬﺎرم‬ ‫ ﻣﺮﺣﻠﻪ‬
‫وب‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫داﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺧﻮﺑﯽ‬ ‫ﺑﻪ‬ ‫و‬ ‫اﯾﺪ‬ ‫ﺷﺪه‬ ‫آﺷﻨﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﻣﺮاﺣﻞ‬ ‫از‬ ‫ﻣﺮﺣﻠﻪ‬ ‫ﺳﻪ‬ ‫ﺑﺎ‬ ‫ﺣﺎل‬ ‫ﺑﻪ‬ ‫ﺗﺎ‬
‫را‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﮏ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫وﻗﺖ‬ ‫اﻻن‬ ‫و‬ ‫ﮐﺮد‬ ‫ﻃﯽ‬ ‫ﺑﺎﯾﺪ‬ ‫را‬ ‫ﻣﺮاﺣﻠﯽ‬ ‫ﭼﻪ‬ ‫ﺳﺎﯾﺖ‬
‫ﺳﺎﯾﺖ‬ ‫ﻫﻤﺎن‬ ‫ﯾﺎ‬ ‫داﯾﻨﺎﻣﯿﮏ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺻﻔﺤﺎت‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫آن‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫زﺑﺎﻧﯽ‬ ‫اﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫و‬ ‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬
.‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ،‫ﮐﻨﯿﺪ‬ ‫روزرﺳﺎﻧﯽ‬ ‫ﺑﻪ‬ ‫ﻣﺪاوم‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫آن‬ ‫ﺻﻔﺤﺎت‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬
‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﺤﺒﻮب‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫اﻣﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫زﯾﺎدی‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫ﻣﺴﯿﺮ‬ ‫اﯾﻦ‬ ‫در‬ ً‫ﻗﻄﻌﺎ‬
‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻫﻢ‬ ‫ﻓﯿﺴﺒﻮک‬ ‫ﺣﺘﯽ‬ ‫و‬ ‫ﭘﺪﯾﺎ‬ ‫وﯾﮑﯽ‬ ‫ﻣﺎﻧﻨﺪ‬ ‫دﻧﯿﺎ‬ ‫ﺑﺰرگ‬ ‫ﻫﺎی‬ ‫ﺳﺎﯾﺖ‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ PHP ،‫ﮐﺎرﺑﺮان‬ ‫ﻧﻈﺮ‬ ‫از‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻧﻮﯾﺴﯽ‬
.‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﭘﯽ‬ ‫اچ‬ ‫ﭘﯽ‬ ‫زﺑﺎن‬
6/7
‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺗﺼﻤﯿﻢ‬ ‫اﮔﺮ‬ ‫و‬ ‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫اﯾﺠﺎد‬ ‫زﺑﺎن‬ ‫ﻫﻤﯿﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫زﯾﺎدی‬ ‫ﺧﯿﻠﯽ‬ ‫ﻫﺎی‬ ‫ﺳﺎﯾﺖ‬ ‫ﻫﻢ‬ ‫اﯾﺮان‬ ‫ﻫﻤﯿﻦ‬ ‫در‬ ‫اﻟﺒﺘﻪ‬
‫آن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺎ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫دﻫﯿﺪ‬ ‫ﻗﺮار‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫اوﻟﻮﯾﺖ‬ ‫در‬ ‫را‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ً‫ﺣﺘﻤﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ ‫ﮔﺮﻓﺘﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬
.‫ﺑﯿﺎورﯾﺪ‬ ‫دﺳﺖ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫زﯾﺎدی‬ ‫ﺷﻐﻠﯽ‬ ‫ﻫﺎی‬ ‫ﻣﻮﻗﻌﯿﺖ‬
‫ای‬ ،‫ﭘﺎﯾﺘﻮن‬ ،‫ﺟﺎوا‬ ‫ﺟﻤﻠﻪ‬ ‫از‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫ﻗﺴﻤﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﺮای‬ ‫آﻧﻬﺎ‬ ‫از‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﻣﺎ‬
‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫را‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ .‫دﯾﮕﺮ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫و‬ (ASP، ASP.NET، Node JS) ‫ﭘﯽ‬ ‫اس‬
‫آﯾﻨﺪه‬ ‫در‬ ‫ﺑﺘﻮاﻧﯿﻢ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ذﺧﯿﺮه‬ ‫ﻣﮑﺎن‬ ‫ﯾﮏ‬ ‫در‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﺷﺪه‬ ‫اﯾﺠﺎد‬ ‫اﻃﻼﻋﺎت‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫زﻣﺎن‬ ‫ﮐﺮدﯾﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺳﺎﯾﺖ‬
‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ (Database) ‫دﯾﺘﺎﺑﯿﺲ‬ ‫اﺻﻄﻼح‬ ‫ﺑﻪ‬ ‫ﯾﺎ‬ ‫داده‬ ‫ﭘﺎﯾﮕﺎه‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫دﻫﯿﻢ‬ ‫اﻧﺠﺎم‬ ‫آن‬ ‫روی‬ ‫را‬ ‫ﻻزم‬ ‫ﺗﻐﯿﯿﺮات‬ ‫و‬ ‫داﺷﺘﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫آن‬ ‫ﺑﻪ‬
.‫داد‬ ‫ﺧﻮاﻫﯿﻢ‬ ‫ﺗﻮﺿﯿﺢ‬ ‫را‬ ‫آن‬ ‫ﺑﻌﺪی‬ ‫ﻣﺮﺣﻠﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬
‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺑﺮای‬ ‫ﻣﻨﺎﺳﺐ‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫ﯾﮏ‬ ‫اﻧﺘﺨﺎب‬ :‫ﭘﻨﺠﻢ‬ ‫ ﻣﺮﺣﻠﻪ‬
‫ﯾﺎ‬ ‫ﻣﮑﺎن‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﻧﯿﺎز‬ ‫ﻣﻮرد‬ ‫اﻃﻼﻋﺎت‬ ‫ﮐﺮدن‬ ‫ذﺧﯿﺮه‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫اﺷﺎره‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻗﺒﻠﯽ‬ ‫ﭘﺎراﮔﺮف‬ ‫در‬
‫از‬ PHP ‫زﺑﺎن‬ ‫ﺑﺎ‬ ‫ﺧﻮﺑﯽ‬ ‫ﻫﻤﺎﻫﻨﮕﯽ‬ ‫و‬ ‫ﺳﺎزﮔﺎری‬ ‫ﮐﻪ‬ ‫ﻫﺎ‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﺤﺒﻮب‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﻫﻢ‬ ‫ﺣﺎﺿﺮ‬ ‫ﺣﺎل‬ ‫در‬ ‫و‬ ‫دارﯾﻢ‬ ‫ﻧﯿﺎز‬ ‫دﯾﺘﺎﺑﯿﺲ‬
‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﻫﻢ‬ ‫ﻣﺎ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ ‫و‬ ‫اﺳﺖ‬ ‫آن‬ ‫ﺑﻮدن‬ ‫راﯾﮕﺎن‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻣﺤﺒﻮﺑﯿﺖ‬ ‫دﻟﯿﻞ‬ ‫و‬ ‫اﺳﺖ‬ MySQL ‫دﻫﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫ﺧﻮدش‬
.‫ﻧﻤﺎﯾﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫راﯾﮕﺎن‬ ‫دﯾﺘﺎﺑﯿﺲ‬
‫و‬ ‫اﺟﺰاء‬ ‫ﮐﻪ‬ ‫دادﯾﻢ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺑﻮد‬ ‫ﻣﻮاردی‬ ‫ﻫﻤﯿﻦ‬ ‫داﻧﺴﺘﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺎﯾﺴﺘﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﮐﻠﯿﺎﺗﯽ‬
‫ﺑﻪ‬ ‫زﯾﺮ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺟﺮا‬ ‫ﺑﺎﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺖ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻣﻮارد‬ ‫اﻣﺎ‬ .‫دﻫﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺷﺎﻟﻮده‬
.‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫اﺷﺎره‬ ‫آﻧﻬﺎ‬
‫ﺳﺎﯾﺖ‬ ‫ﺳﺎزی‬ ‫ﺑﻬﯿﻨﻪ‬ ‫و‬ ‫ﺳﺌﻮ‬
‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﺟﺴﺘﺠﻮ‬ ‫ﻣﻮﺗﻮرﻫﺎی‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺷﻨﺎﺳﺎﻧﺪن‬ ‫روی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻌﺪ‬ ‫ﻗﺪم‬ ‫ﺑﺎﺷﯿﺪ‬ ‫ﮔﺮﻓﺘﻪ‬ ‫ﻓﺮا‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫اﮔﺮ‬
‫ﻣﻮﺗﻮرﻫﺎی‬ ‫در‬ ‫را‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺧﺎص‬ ‫ﮐﻠﯿﺪی‬ ‫ﮐﻠﻤﻪ‬ ‫ﯾﮏ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﮐﺎر‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﺳﺌﻮ‬ ‫آن‬ ‫ﺑﻪ‬ ‫اﺻﻄﻼح‬
‫آﻣﻮزش‬ ‫در‬ ‫اﺳﺎﺳﯽ‬ ‫و‬ ‫اﺻﻠﯽ‬ ‫ﻫﺎی‬ ‫ﻗﺪم‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﮐﻨﻨﺪ.اﻣﺎ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺗﺎن‬ ‫ﺧﺪﻣﺎت‬ ‫از‬ ‫و‬ ‫ﮐﺮده‬ ‫ﺷﻨﺎﺳﺎﯾﯽ‬ ‫ﺑﯿﻨﮓ‬ ‫ﯾﺎ‬ ‫ﮔﻮﮔﻞ‬ ‫ﺟﺴﺘﺠﻮی‬
‫ﺑﺒﺮﯾﺪ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫را‬ ‫ﻣﻮارد‬ ‫ﺳﺎﯾﺮ‬ ‫و‬ (HTML) ‫ال‬ ‫ام‬ ‫ﺗﯽ‬ ‫اچ‬ ‫ﻫﺎی‬ ‫ﺗﮓ‬ ‫ای‬ ‫ﮔﻮﻧﻪ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬
.‫ﺑﺎﺷﺪ‬ ‫ﻓﻬﻢ‬ ‫و‬ ‫درک‬ ‫ﻗﺎﺑﻞ‬ ‫ﺟﺴﺘﺠﻮ‬ ‫ﻣﻮﺗﻮرﻫﺎی‬ ‫ﺑﺮای‬ ‫ﺳﺎﯾﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺗﻮﺳﻂ‬ ‫ﺷﺪه‬ ‫ﺗﻮﻟﯿﺪ‬ ‫ﻣﺤﺘﻮاﻫﺎی‬ ‫ﮐﻪ‬
‫دارﯾﺪ‬ ‫ﻧﯿﺎز‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﻫﺎﺳﺖ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ :‫ﺷﺸﻢ‬ ‫ﻣﺮﺣﻠﻪ‬
7/7
‫ﻧﻘﺎط‬ ‫ﺗﻤﺎﻣﯽ‬ ‫در‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﻫﺎﺳﺖ‬ ‫ﯾﮏ‬ ‫روی‬ ‫را‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮔﺮﻓﺘﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺗﺼﻤﯿﻢ‬ ‫اﮔﺮ‬
‫ﺳﺎل‬ ‫ﯾﮏ‬ ‫ﻣﺜﺎل‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﻣﻌﻠﻮم‬ ‫ﻣﺪت‬ ‫ﯾﮏ‬ ‫ﺑﺮای‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫در‬ ‫ﺷﻤﺎ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﻓﻀﺎﯾﯽ‬ ‫ﻫﺎﺳﺖ‬ .‫ﺑﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫دﺳﺘﺮس‬ ‫در‬ ‫دﻧﯿﺎ‬
.‫ﮐﻨﯿﺪ‬ ‫ﺗﻤﺪﯾﺪ‬ً‫ﻣﺠﺪدا‬ ‫ﺑﺎﯾﺪ‬ ‫ﻫﻢ‬ ‫آن‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫ﻧﻤﺎﯾﯿﺪ‬ ‫آﭘﻠﻮد‬ ‫آن‬ ‫روی‬ ‫را‬ ‫ﺧﻮدﺗﺎن‬ ‫ﻫﺎی‬ ‫ﻓﺎﯾﻞ‬ ‫و‬ ‫اﻃﻼﻋﺎت‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺧﺮﯾﺪاری‬
‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﺷﻨﺎﺳﺎﯾﯽ‬ ‫ﻧﺎم‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺷﻤﺎ‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫دﯾﮕﺮ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﺳﻤﯽ‬ ‫ﯾﺎ‬ ‫ﻧﺎم‬ ‫اﺻﻞ‬ ‫در‬ ‫ﻫﻢ‬ ‫داﻣﻨﻪ‬
‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﻫﻮﯾﺖ‬ ‫و‬ ‫ﺗﺠﺎری‬ ‫ﻧﺸﺎن‬ ‫ﺣﻘﯿﻘﺖ‬ ‫در‬ ‫داﻣﻨﻪ‬ ‫اﯾﻦ‬ ‫و‬ ‫آﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺎﻻ‬ ‫ﺳﺎﯾﺖ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺎﯾﭗ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫را‬ ‫داﻣﻨﻪ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻫﺮﮔﺎه‬
.‫ﺑﻮدﯾﺪ‬ ‫ﻣﺎ‬ ‫ﻫﻤﺮاه‬ ‫ﮐﺪ‬ ‫ﺑﻤﺐ‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫اﯾﻦ‬ ‫از‬ ‫آﯾﺪ.ﻣﻤﻨﻮن‬ ‫ﻣﯽ‬ ‫ﺣﺴﺎب‬
‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ ‫درﺑﺎره‬
‫ﻫﺎ‬ ‫دوره‬ ‫اﮐﺜﺮ‬ ‫در‬ ‫و‬ ‫ﮐﻨﻢ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫رﺷﺘﻪ‬ ‫ﺷﺪ‬ ‫ﺑﺎﻋﺚ‬ ‫ﻣﺎرﮐﺘﯿﻨﮓ‬ ‫دﯾﺠﯿﺘﺎل‬ ‫ﺑﻪ‬ ‫زﯾﺎدم‬ ‫ﻋﻼﻗﻪ‬
‫ﻫﺴﺖ‬ ‫ﻗﺮار‬ ‫ﮐﺪ‬ ‫ﺑﻤﺐ‬ ‫،در‬ ‫ﮐﻨﻢ‬ ‫ﮐﺴﺐ‬ ‫را‬ ‫ﻣﺎرﮐﺘﯿﻨﮓ‬ ‫دﯾﺠﯿﺘﺎل‬ ‫ﮔﻮاﻫﯽ‬ ‫ﺷﺮﯾﻒ‬ ‫ﺻﻨﻌﺘﯽ‬ ‫داﻧﺸﮕﺎه‬ ‫ﻣﺨﺼﻮﺻﺎ‬
.‫ﺷﻮﯾﻢ‬ ‫ﺟﺪﯾﺪی‬ ‫دﻧﯿﺎﯾﯽ‬ ‫وارد‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺣﻮزه‬ ‫در‬
‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫ﻫﺎی‬ ‫ﻧﻮﺷﺘﻪ‬
‫ﺑﺨﻮاﻧﯿﺪ‬ ‫ﺣﺘﻤﺎ‬ ‫را‬ ‫زﯾﺮ‬ ‫ﻣﻄﺎﻟﺐ‬

More Related Content

طراحی وب سایت

  • 1. 1/7 ‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ November 14, 2019 ‫ﺳﺎده‬ ‫زﺑﺎﻧﯽ‬ ‫ﺑﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ /bombecode.ir/simple-web-site-design-tutorial ‫ﺟﻮﯾﺎی‬ ‫ﮐﻪ‬ ‫اﻓﺮادی‬ ‫ﺑﺮای‬ ‫ﺧﺼﻮص‬ ‫ﺑﻪ‬ ‫اﯾﻨﺘﺮﻧﺘﯽ‬ ‫ﮐﺎرﻫﺎی‬ ‫و‬ ‫ﮐﺴﺐ‬ ‫ﻋﺮﺻﻪ‬ ‫در‬ ‫ﻣﻬﻢ‬ ‫ﻫﺎی‬ ‫ﻣﻘﻮﻟﻪ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫اﻣﺎ‬ ‫دارﻧﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫و‬ ‫وب‬ ‫دﻧﯿﺎی‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﯽ‬ ‫ﻋﻼﻗﻪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﻧﻈﺮ‬ ‫ﻣﺪ‬ ‫ﺑﯿﺸﺘﺮ‬ ‫و‬ ‫رود‬ ‫ﻣﯽ‬ ‫ﺷﻤﺎر‬ ‫ﺑﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺷﻐﻞ‬ .‫اﺳﺖ‬ ‫ﻣﺮاﺣﻠﯽ‬ ‫ﭼﻪ‬ ‫ﺷﺎﻣﻞ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﮐﻪ‬ ‫ﻧﯿﺴﺘﻨﺪ‬ ‫آﮔﺎه‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺷﺨﺎص‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫دارﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﯽ‬ ‫ﻋﻼﻗﻪ‬ً‫ﺣﺘﻤﺎ‬ ‫ﭘﺲ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫ﻣﻄﺎﻟﻌﻪ‬ ‫را‬ ‫ﻣﻘﺎﻟﻪ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﯿﺪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫دﺳﺘﻪ‬ ‫آن‬ ‫از‬ ‫اﮔﺮ‬ ‫ﯾﮏ‬ ‫اﯾﺠﺎد‬ ‫ﻣﺮاﺣﻞ‬ ‫از‬ ‫اﮔﺮ‬ ‫و‬ ‫اﺳﺖ‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫زﯾﺎدی‬ ‫ﻫﺎی‬ ‫ﻫﺰﯾﻨﻪ‬ ‫ﺑﻪ‬ ‫ﺧﻮب‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﮐﻪ‬ ‫ﺑﺪاﻧﯿﺪ‬ ‫را‬ ‫اﯾﻦ‬ ‫ﺑﺎﯾﺪ‬ ‫ﭼﯿﺰی‬ ‫ﻫﺮ‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫و‬ .‫ﮐﻨﯿﺪ‬ ‫اﻧﺪازی‬ ‫راه‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﻠﯿﻘﻪ‬ ‫ﻃﺒﻖ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫راﺣﺘﯽ‬ ‫ﺑﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫اﻃﻼع‬ ‫ﺳﺎﯾﺖ‬
  • 2. 2/7 ‫ﺑﻪ‬ ‫ﻣﺎﯾﻠﻨﺪ‬ ‫ﮐﻪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﺑﺮای‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺳﺎده‬ً ‫ﮐﺎﻣﻼ‬ ‫زﺑﺎﻧﯽ‬ ‫ﺑﺎ‬ ‫و‬ ‫اﺟﻤﺎﻟﯽ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺗﺎ‬ ‫ﺷﺪﯾﻢ‬ ‫آن‬ ‫ﺑﺮ‬ ‫ﻣﺎ‬ ‫ﺑﻨﺎﺑﺮاﯾﻦ‬ ‫ﺷﺮوع‬ ‫ﭼﻄﻮر‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫ﮐﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺑﺰﻧﯿﻢ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻓﻨﯽ‬ ‫و‬ ‫ﺗﺨﺼﺼﯽ‬ ‫ﻣﺒﺎﺣﺚ‬ ‫ﺑﻪ‬ ‫ﮔﺮﯾﺰی‬ ‫و‬ ‫ﮐﻨﯿﻢ‬ ‫ﺑﯿﺎن‬ ‫ﺷﻮﻧﺪ‬ ‫وارد‬ ‫ﺣﯿﻄﻪ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫و‬ ‫ﮐﻨﯿﺪ‬ ‫ﭘﯿﺪا‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻣﺴﯿﺮ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫دارﯾﻢ‬ ‫اﻣﯿﺪ‬ ‫و‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺧﺘﻢ‬ ‫ﮐﺠﺎ‬ ‫ﺑﻪ‬ ‫و‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ .‫ﺑﺎﺷﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫اﻧﺪازی‬ ‫راه‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﻧﯿﺎز‬ ‫ﻣﻮرد‬ ‫و‬ ‫ﻻزم‬ ‫ﻫﺎی‬ ‫ﺗﺨﺼﺺ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺷﻮد؟‬ ‫ﻣﯽ‬ ‫ﺷﺮوع‬ ‫ﮐﺠﺎ‬ ‫از‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﯿﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫دﻧﯿﺎی‬ ‫ﺑﻪ‬ ‫ورود‬ ‫ﺑﺮای‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻧﯿﺎزﻫﺎﯾﯽ‬ ‫ﭘﯿﺶ‬ ‫ﻣﻬﻤﺘﺮﯾﻦ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺣﺘﻢ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﻣﯿﻨﻪ‬ ‫در‬ ‫ﻋﺎﻟﯽ‬ ‫و‬ ‫ﻧﻔﯿﺲ‬ ‫ﻣﻨﺎﺑﻊ‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬ ‫ﺑﺎ‬ ‫ﺧﻮﺑﯽ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﮐﺮد‬ ‫ﺗﻘﻮﯾﺖ‬ ‫دﻧﺒﺎل‬ ‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫اﺣﺴﻦ‬ ‫ﻧﺤﻮ‬ ‫ﺑﻪ‬ ‫ﻣﻨﺎﺑﻊ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺮ‬ ‫ﻗﺮار‬ ‫اﮔﺮ‬ ‫و‬ ‫اﺳﺖ‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬ ‫ﺑﻪ‬ IT ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ .‫ﺑﺎﺷﯿﺪ‬ ‫ﺧﻮدﺗﺎن‬ ‫اﻧﮕﻠﯿﺴﯽ‬ ‫زﺑﺎن‬ ‫ﺑﺎﯾﺪ‬ ‫آن‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫و‬ ‫ﺷﻮﯾﻢ‬ ‫آﺷﻨﺎ‬ ‫ﮐﺎﻣﻞ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﺮاﺣﻞ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ‫و‬ ‫ﺑﺮوﯾﻢ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﻣﺮاﺣﻞ‬ ‫ﺳﺮاغ‬ ‫ﺑﻪ‬ ‫دﻫﯿﺪ‬ ‫اﺟﺎزه‬ ‫اﻣﺎ‬ (Back end) ‫اﻧﺪ‬‫ﺑﮏ‬ ‫و‬ ( Front end) ‫اﻧﺪ‬‫ﻓﺮاﻧﺖ‬ ‫ﻗﺴﻤﺖ‬ ‫دو‬ ‫از‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻓﻌﺎل‬ ‫اﻣﺮوزه‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺳـﺎﯾﺖ‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿـﺪ‬ ‫ﺗﻮﺟﻪ‬ ‫ﻣﻮﺿـﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﺑﺨﺶ‬ ‫ﻫﻤﺎن‬ ‫ﻫﻢ‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻣﺸﺎﻫﺪه‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫را‬ ‫آن‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺑﺨﺶ‬ ‫ﻫﻤﺎن‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ .‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫ﺗﺸﮑﯿﻞ‬ .‫ﻫﺴﺘﻨﺪ‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻫﺎی‬ ‫ﭘﺮدازش‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫ﻫﺎی‬ HTML ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ :‫اول‬ ‫ ﻣﺮﺣﻠﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫اﺳﺖ‬ ‫ﻣﺸﺎﻫﺪه‬ ‫ﻗﺎﺑﻞ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺑﺨﺶ‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ ‫ﮐﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫اﺷﺎره‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻗﺒﻠﯽ‬ ‫ﭘﺎراﮔﺮاف‬ ‫در‬ ‫ﻣﺎﻧﻨﺪ‬ ‫ﺑﻪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻧﻮع‬ ‫اﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺳﺎﺧﺘﻪ‬ ‫و‬ ‫اﯾﺠﺎد‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫زﺑﺎن‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻗﺴﻤﺖ‬ ‫اﯾﻦ‬ ‫و‬ .‫اﺳﺖ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺑﺪﻧﻪ‬ ‫و‬ ‫ﭼﻬﺎرﭼﻮب‬ ،‫اﺳﮑﻠﺖ‬ ‫زﺑﺎن‬ ‫ﻣﻮرد‬ ‫در‬ ‫ﮐﺎﻣﻞ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﺑﺎﺷﺪ‬ ‫ﭼﻪ‬ ‫ﻫﺮ‬ ‫ﺷﻤﺎ‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫ﮔﻔﺖ‬ ‫اﯾﻨﮕﻮﻧﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺣﻘﯿﻘﺖ‬ ‫در‬ .‫داﺷﺖ‬ ‫ﻧﺨﻮاﻫﺪ‬ ‫ﺧﺎرﺟﯽ‬ ‫وﺟﻮد‬ ‫وب‬ ‫دﻧﯿﺎی‬ ‫در‬ ‫ﺳﺎﯾﺘﯽ‬ ‫وب‬ ‫ﻫﯿﭻ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺑﺪون‬ ‫و‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ال‬ ‫ام‬ ‫ﺗﯽ‬ ‫اچ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻓﺮا‬ ‫را‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ ‫ﻣﺮﺣﻠﻪ‬ ‫اوﻟﯿﻦ‬ ‫و‬ ‫ﻗﺪم‬ ‫اوﻟﯿﻦ‬ ‫ﭘﺲ‬ .‫ﺑﮕﯿﺮﯾﺪ‬ CSS ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫و‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ :‫دوم‬ ‫ ﻣﺮﺣﻠﻪ‬ ‫ﻣﻼک‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻧﻤﯽ‬ ‫ﺗﻨﻬﺎﯾﯽ‬ ‫ﺑﻪ‬ HTML ‫زﺑﺎن‬ ‫ﻓﺮاﮔﯿﺮی‬ ‫اﻣﺎ‬ ‫اﺳﺖ‬ ‫ﺑﺮﺧﻮردار‬ ‫زﯾﺎدی‬ ‫اﻫﻤﯿﺖ‬ ‫از‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫از‬ ‫اول‬ ‫ﻣﺮﺣﻠﻪ‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫آﻣﻮزش‬ ‫اﯾﻦ‬ ‫دوم‬ ‫ﻣﺮﺣﻠﻪ‬ ‫از‬ ‫ﺷﻮﯾﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺠﺒﻮر‬ ‫ﭘﺲ‬ .‫ﺑﺎﺷﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺑﺮای‬ ‫زﯾﺒﺎ‬ ‫ﻇﺎﻫﺮ‬ ‫ﯾﮏ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﺧﻮﺑﯽ‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺻﻔﺤﺎت‬ ‫ﺳﺎزی‬ ‫زﯾﺒﺎ‬ ‫ﺑﻪ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫دارد‬ ‫وﺟﻮد‬ CSS ‫زﺑﺎن‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺗﮑﻨﻮﻟﻮژی‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫و‬ ‫اﺳﺖ‬ CSS ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬
  • 3. 3/7 .‫ﺑﺎﺷﺪ‬ ‫ﭘﺴﻨﺪ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﮔﻮﻧﻪ‬ ‫ﺑﻪ‬ ،‫ﮐﻨﯿﺪ‬ ‫ﮐﻤﮏ‬ (CSS) ‫اس‬ ‫اس‬ ‫ﺳﯽ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ،‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺤﺚ‬ ‫در‬ HTML ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﻪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫دﻟﯿﻞ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫و‬ ‫اﺳﺖ‬ ‫آﺳﺎن‬ ‫و‬ ‫ﺳﺎده‬ ‫آن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ذﮐﺮ‬ ‫ﺷﺎﯾﺎن‬ ‫اﻣﺎ‬ ‫اﺳﺖ‬ ‫ﺗﺮ‬ ‫ﭘﯿﭽﯿﺪه‬ ‫و‬ ‫ﺗﺮ‬ ‫ﺳﺨﺖ‬ ‫ﻣﻘﺪار‬ ‫ﯾﮏ‬ ‫زﯾﺒﺎﺗﺮ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻧﻮﺷﺘﯿﺪ‬ ‫را‬ ‫ﮐﺪﻫﺎﯾﯽ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﮐﺮد‬ ‫ﺑﯿﺎن‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺳﺎده‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺮای‬ ‫ﺗﻮان‬ ‫ﺑﻪ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫اﺷﺘﯿﺎق‬ ‫و‬ ‫ﺷﻮر‬ ‫و‬ ‫ﻋﻼﻗﻪ‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫ﺷﺪ‬ ‫ﺧﻮاﻫﯿﺪ‬ ‫ﻋﻼﻗﻤﻨﺪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫آﻧﻘﺪر‬ ‫ﺣﺘﻢ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﺷﻮد‬ ‫ﻣﻨﺠﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻇﺎﻫﺮ‬ ‫ﺷﺪن‬ ‫ﺧﻮاﻫﯿﺪ‬ ‫ﻓﺮا‬ ‫را‬ ‫آن‬ ‫ﮐﺎﻣﻞ‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﻫﻔﺘﻪ‬ ‫دو‬ ‫ﯾﮑﯽ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫دارﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺮ‬ ‫ﻗﺪم‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫و‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺳﻤﺖ‬ .‫ﮔﺮﻓﺖ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﻓﺮاﮔﺮﻓﺘﻦ‬ ‫و‬ ‫ﯾﺎدﮔﯿﺮی‬ :‫ﺳﻮم‬ ‫ ﻣﺮﺣﻠﻪ‬ ‫و‬ ‫اﺳﺖ‬ (JavaScript) ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫دارﯾﺪ‬ ‫ﻧﯿﺎز‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫دﯾﮕﺮ‬ ‫ﯾﮑﯽ‬ ‫و‬ ‫ﺗﺎرﯾﺦ‬ ،‫اﺳﻼﯾﺪر‬ ،‫ﻣﺘﻨﻮع‬ ‫و‬ ‫ﻣﺘﻔﺎوت‬ ‫ﻫﺎی‬ ‫اﻧﯿﻤﯿﺸﻦ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫دارد‬ ‫ﮐﻪ‬ ‫ﺑﯿﺸﻤﺎری‬ ‫اﻣﮑﺎﻧﺎت‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ .‫ﮐﻨﯿﺪ‬ ‫اﺿﺎﻓﻪ‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﻪ‬ ‫را‬ ‫دﯾﮕﺮ‬ ‫ﻣﻮارد‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫و‬ ‫ﺳﺎﻋﺖ‬ ‫ﻧﺸﺎﻧﻪ‬ ‫زﺑﺎن‬ ‫دو‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﻪ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫ﻧﻈﺮ‬ ‫ﻣﺪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﻧﮑﺘﻪ‬ ‫ﯾﮏ‬ .‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﯾﺎد‬ ‫را‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺗﺎ‬ ‫ﺑﮕﺬارﯾﺪ‬ ‫وﻗﺖ‬ ‫ﺑﺎﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫و‬ ‫اﺳﺖ‬ ‫ﺑﺮ‬ ‫زﻣﺎن‬ ‫ﻣﻘﺪار‬ ‫ﯾﮏ‬CSS  ‫و‬  HTML‫ﮔﺬاری‬ ‫ﺑﻪ‬ ‫ﯾﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻇﺎﻫﺮی‬ ‫ﺳﺎﺧﺘﺎر‬ ‫اﯾﺠﺎد‬ ‫ﻧﺤﻮه‬ ‫در‬ ‫ﻧﻮﻋﯽ‬ ‫ﺑﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫ﺑﯿﺎن‬ ‫ﮐﻪ‬ ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫اﻣﺎ‬ .‫ﮐﻨﯿﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫را‬ ‫ﻫﺴﺖ‬ ‫ﻧﻈﺮﺗﺎن‬ ‫ﻣﺪ‬ ‫ﮐﻪ‬ ‫ﺳﺎﯾﺘﯽ‬ ‫از‬ ‫ﮐﻠﯽ‬ ‫ﻃﺮح‬ ‫و‬ ‫اﯾﺪه‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻤﮏ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫اﻧﺪ‬ ‫ﻓﺮاﻧﺖ‬ ‫ﻫﻤﺎن‬ ‫اﺻﻄﻼح‬ ‫و‬ ‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻇﺎﻫﺮ‬ ‫ﺑﺘﻮاﻧﯿﺪ‬ ‫ﮐﻪ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫ﮐﻤﮏ‬ ‫اﯾﻦ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻫﺎی‬ ‫ﺗﮑﻨﻮﻟﻮژی‬ ‫و‬ ‫اﺑﺰارﻫﺎ‬ ‫ﺑﯿﻦ‬ ‫اﯾﻦ‬ ‫در‬ .‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﻓﺮا‬ ‫را‬ ‫دارد‬ ‫وﺟﻮد‬ ‫ﮐﻪ‬ ‫اﺻﻄﻼﺣﺎﺗﯽ‬ ‫از‬ ‫ﻣﻮرد‬ ‫ﭼﻨﺪ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﺎر‬ ‫اﯾﻦ‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ (Framework) ‫ورک‬‫ﻓﺮﯾﻢ‬ ‫ﺑﺎ‬ ‫ آﺷﻨﺎﯾﯽ‬ ‫ﻫﺎ‬ ‫ﮐﻼس‬ ‫و‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺗﻮاﺑﻊ‬ ،‫ﮐﺪﻫﺎ‬ ‫از‬ ‫ای‬ ‫ﻣﺠﻤﻮﻋﻪ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﻫﻢ‬ ‫ﭼﻬﺎرﭼﻮب‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ (Framework) ‫ورک‬‫ﻓﺮﯾﻢ‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﺧﻮدﺷﺎن‬ ‫اﻓﺰاری‬ ‫ﻧﺮم‬ ‫ﻫﺎی‬ ‫ﭘﺮوژه‬ ‫ﺑﺘﻮاﻧﻨﺪ‬ ‫اﺷﺨﺎص‬ ‫اﯾﻦ‬ ‫ﺗﺎ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اراﺋﻪ‬ ‫ﻫﺎ‬ ‫ﻧﻮﯾﺲ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﻪ‬ ‫ﭘﮑﯿﺞ‬ ‫ﯾﮏ‬ ‫ﻗﺎﻟﺐ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ .‫ﮐﻨﻨﺪ‬ ‫ﮐﺪﻫﺎی‬ ‫ﺳﺮی‬ ‫ﯾﮏ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﺑﮕﻮﯾﯿﻢ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻨﯿﻢ‬ ‫ﺻﺤﺒﺖ‬ ‫ﺗﺮ‬ ‫ﺳﺎده‬ ‫ﺑﺨﻮاﻫﯿﻢ‬ ‫اﮔﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ ‫ﻣﯽ‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫و‬ ‫ﻧﻤﺎﯾﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫آن‬ ‫از‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫و‬ ‫آﻣﺎده‬ HTML ‫ﺑﺎ‬ ‫ﻣﻨﺎﺳﺒﯽ‬ ‫ﺳﺎزﮔﺎری‬ ‫ﮐﻪ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﻌﺮوف‬ ‫و‬ ‫ﻣﻬﻤﺘﺮﯾﻦ‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﭘﺮوژه‬ ‫ﻋﻤﻠﮑﺮد‬ ‫ﺑﻬﺒﻮد‬ ‫و‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ ‫ﺑﺎﻋﺚ‬ ‫ﺗﻮاﻧﺪ‬ .‫اﺳﺖ‬ (Bootstrap) ‫اﺳﺘﺮپ‬‫ﺑﻮت‬ ‫دارد‬  CSS  ‫و‬
  • 4. 4/7 ‫ﻓﺮﯾﻢ‬ ‫ﻫﻤﯿﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ای‬ ‫ﺣﺮﻓﻪ‬ ‫ﻃﺮاﺣﺎن‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫ﮐﻠﯽ‬ ‫ﻇﺎﻫﺮ‬ ‫ﺗﻮاﻧﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺳﺎﻋﺖ‬ ‫ﭼﻨﺪ‬ ‫ﻋﺮض‬ ‫در‬ ‫و‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫دﻫﻨﺪه‬ ‫ﻧﺸﺎن‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫و‬ ‫ﻃﺮاﺣﯽ‬ ‫را‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ .‫ﮐﻨﺪ‬ ‫ﮐﻤﮏ‬ ‫ﺧﯿﻠﯽ‬ ‫ﺷﻤﺎ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ :‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫در‬ ‫ﻣﻬﻢ‬ ‫ﻧﮑﺘﻪ‬ ‫ﯾﮏ‬ ‫اﻣﺎ‬ ‫ﺑﻪ‬ ‫ﻧﮑﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫آﻣﺎده‬ ‫ﻫﺎی‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫ﮐﺎر‬ ‫اﺑﺘﺪای‬ ‫ﻫﻤﺎن‬ ‫در‬ ‫اﯾﺪ‬ ‫ﺑﺮداﺷﺘﻪ‬ ‫ﻗﺪم‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﺗﺎزﮔﯽ‬ ‫ﺑﻪ‬ ‫اﮔﺮ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫اوﻟﯿﻪ‬ ‫و‬ ‫ﮐﻠﯽ‬ ‫اﺻﻮل‬ً‫ﺣﺘﻤﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ .‫ﺷﻮد‬ ‫ﺷﻤﺎ‬ ‫ﺻﺤﯿﺢ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫از‬ ‫ﻣﺎﻧﻊ‬ ‫اﺳﺖ‬ ‫ﻣﻤﮑﻦ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﻓﺮﯾﻢ‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺳﺮاغ‬ ‫ﺑﻪ‬ ‫ﮐﺮدﯾﺪ‬ ‫ﮐﺴﺐ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫ﺗﻮاﻧﺎﯾﯽ‬ ‫و‬ ‫ﻣﻬﺎرت‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫ﺑﮕﯿﺮﯾﺪ‬ ‫ﯾﺎد‬ ‫ﺧﻮﺑﯽ‬ ‫ﺑﻪ‬ ‫را‬ CSS ‫و‬ HTML ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ .‫ﺑﺮوﯾﺪ‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﺑﻪ‬ ‫ﻣﻨﺤﺼﺮ‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﻗﺼﺪﺗﺎن‬ ‫اﮔﺮ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫ﺗﻮﺟﻪ‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻣﻮرد‬ ‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫اﻓﺮاد‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺴﺖ‬ ‫ﺷﻤﺎ‬ ‫ﺻﻼح‬ ‫ﺑﻪ‬ً ‫اﺻﻼ‬ ‫آﻣﺎده‬ ‫ﻫﺎی‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻓﺮد‬ ‫ﻇﺎﻫﺮی‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻓﻌﺎﻟﯿﺖ‬ ‫ﺑﻪ‬ ‫ﻣﺸﻐﻮل‬ ‫وب‬ ‫ﺳﻄﺢ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺗﺎ‬ ‫ﺷﺪه‬ ‫ﺑﺎﻋﺚ‬ ‫ﻣﻮرد‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ .‫ﺑﺎﺷﻨﺪ‬ ‫داﺷﺘﻪ‬ ‫ﯾﮑﻨﻮاﺧﺖ‬ ‫و‬ ‫ﺗﮑﺮاری‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺤﺚ‬ ‫در‬ (Library) ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﺑﺎ‬ ‫اﺟﻤﺎﻟﯽ‬ ‫ آﺷﻨﺎﯾﯽ‬
  • 5. 5/7 ‫ﭼﻨﺪﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﺷﺒﯿﻪ‬ ‫ﻫﻢ‬ ‫ﺣﺪودی‬ ‫ﺗﺎ‬ ‫و‬ ‫ﻧﺪارد‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﺑﺎ‬ ‫ﭼﻨﺪاﻧﯽ‬ ‫ﻓﺮق‬ ‫ﮐﻨﯿﻢ‬ ‫ﺗﻌﺮﯾﻒ‬ ‫را‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﺑﺨﻮاﻫﯿﻢ‬ ‫اﮔﺮ‬ ‫ﺷﺪه‬ ‫ﺟﻤﻊ‬ ‫ﭘﮑﯿﺞ‬ ‫ﯾﮏ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫آﻣﺎده‬ ‫ﺗﻮاﺑﻌﯽ‬ ‫و‬ ‫ﻫﺎ‬ ‫ﮐﻼس‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫اﯾﻦ‬ .‫ﺑﺎﺷﺪ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫ﯾﮏ‬ ‫دﻫﻨﺪه‬ ‫ﺗﺸﮑﯿﻞ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﻌﺮوف‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﮐﻪ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫آن‬ ‫از‬ ‫ﻫﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﺎن‬ ‫و‬ ‫ﻫﺎ‬ ‫ﻧﻮﯾﺲ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫و‬ ‫اﻧﺪ‬ .‫اﺳﺖ‬  jQuery‫ﻧﺎم‬ ‫ﺑﻪ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﯾﮏ‬ ،‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫ﺑﺮای‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﻫﺎ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ ‫از‬ ‫ﮔﻮﻧﺎﮔﻮﻧﯽ‬ ‫و‬ ‫ﻣﺘﻨﻮع‬ ‫ﺗﻮاﺑﻊ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫راﺣﺘﯽ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫اﯾﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ورک‬ ‫ﻓﺮﯾﻢ‬ ‫و‬ ‫ﻫﺎ‬ ‫ﮐﺘﺎﺑﺨﺎﻧﻪ‬ ‫ﮐﻪ‬ ‫ﮔﻔﺖ‬ ‫اﯾﻨﮕﻮﻧﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ .‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﻗﺎﻟﺐ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫آﻧﻬﺎ‬ ‫از‬ ‫و‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﻪ‬ ‫ﻋﻼﻗﻤﻨﺪ‬ ‫ﮐﻪ‬ ‫اﺷﺨﺎﺻﯽ‬ ‫ﺑﺮای‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫را‬ ‫ﮐﺎر‬ ‫ﻓﺮآﯾﻨﺪ‬ ‫ﺑﻬﺒﻮد‬ ‫ﻫﻤﭽﻨﯿﻦ‬ ‫و‬ ‫ﺳﺮﻋﺖ‬ ‫ﺗﺎ‬ ‫اﻧﺪ‬ ‫آﻣﺪه‬ ‫وﺟﻮد‬ ‫ﺑﻪ‬ ‫دﻟﯿﻞ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻫﺎ‬ .‫رود‬ ‫ﻣﯽ‬ ‫ﺷﻤﺎر‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫در‬ ‫ﻋﻄﻔﯽ‬ ‫ﻧﻘﻄﻪ‬ ‫اﯾﻦ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻗﺒﻞ‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﮏ‬ ‫اﻧﺘﺨﺎب‬ :‫ﭼﻬﺎرم‬ ‫ ﻣﺮﺣﻠﻪ‬ ‫وب‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫داﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺧﻮﺑﯽ‬ ‫ﺑﻪ‬ ‫و‬ ‫اﯾﺪ‬ ‫ﺷﺪه‬ ‫آﺷﻨﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﻣﺮاﺣﻞ‬ ‫از‬ ‫ﻣﺮﺣﻠﻪ‬ ‫ﺳﻪ‬ ‫ﺑﺎ‬ ‫ﺣﺎل‬ ‫ﺑﻪ‬ ‫ﺗﺎ‬ ‫را‬ ‫ﺳﺮور‬ ‫ﺳﻤﺖ‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫ﯾﮏ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫وﻗﺖ‬ ‫اﻻن‬ ‫و‬ ‫ﮐﺮد‬ ‫ﻃﯽ‬ ‫ﺑﺎﯾﺪ‬ ‫را‬ ‫ﻣﺮاﺣﻠﯽ‬ ‫ﭼﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻫﻤﺎن‬ ‫ﯾﺎ‬ ‫داﯾﻨﺎﻣﯿﮏ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺻﻔﺤﺎت‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫آن‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫زﺑﺎﻧﯽ‬ ‫اﯾﻦ‬ ‫اﺻﻞ‬ ‫در‬ ‫و‬ ‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ .‫ﮐﻨﯿﺪ‬ ‫ﻃﺮاﺣﯽ‬ ،‫ﮐﻨﯿﺪ‬ ‫روزرﺳﺎﻧﯽ‬ ‫ﺑﻪ‬ ‫ﻣﺪاوم‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫آن‬ ‫ﺻﻔﺤﺎت‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺎﯾﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﺤﺒﻮب‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫اﻣﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫زﯾﺎدی‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫ﻣﺴﯿﺮ‬ ‫اﯾﻦ‬ ‫در‬ ً‫ﻗﻄﻌﺎ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻫﻢ‬ ‫ﻓﯿﺴﺒﻮک‬ ‫ﺣﺘﯽ‬ ‫و‬ ‫ﭘﺪﯾﺎ‬ ‫وﯾﮑﯽ‬ ‫ﻣﺎﻧﻨﺪ‬ ‫دﻧﯿﺎ‬ ‫ﺑﺰرگ‬ ‫ﻫﺎی‬ ‫ﺳﺎﯾﺖ‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ PHP ،‫ﮐﺎرﺑﺮان‬ ‫ﻧﻈﺮ‬ ‫از‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻧﻮﯾﺴﯽ‬ .‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﭘﯽ‬ ‫اچ‬ ‫ﭘﯽ‬ ‫زﺑﺎن‬
  • 6. 6/7 ‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺗﺼﻤﯿﻢ‬ ‫اﮔﺮ‬ ‫و‬ ‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫اﯾﺠﺎد‬ ‫زﺑﺎن‬ ‫ﻫﻤﯿﻦ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫زﯾﺎدی‬ ‫ﺧﯿﻠﯽ‬ ‫ﻫﺎی‬ ‫ﺳﺎﯾﺖ‬ ‫ﻫﻢ‬ ‫اﯾﺮان‬ ‫ﻫﻤﯿﻦ‬ ‫در‬ ‫اﻟﺒﺘﻪ‬ ‫آن‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫ﺑﺎ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺧﺎﻃﺮ‬ ‫ﺑﻪ‬ ‫دﻫﯿﺪ‬ ‫ﻗﺮار‬ ‫ﯾﺎدﮔﯿﺮی‬ ‫اوﻟﻮﯾﺖ‬ ‫در‬ ‫را‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ً‫ﺣﺘﻤﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ ‫ﮔﺮﻓﺘﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ .‫ﺑﯿﺎورﯾﺪ‬ ‫دﺳﺖ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫را‬ ‫زﯾﺎدی‬ ‫ﺷﻐﻠﯽ‬ ‫ﻫﺎی‬ ‫ﻣﻮﻗﻌﯿﺖ‬ ‫ای‬ ،‫ﭘﺎﯾﺘﻮن‬ ،‫ﺟﺎوا‬ ‫ﺟﻤﻠﻪ‬ ‫از‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫اﻧﺪ‬ ‫ﺑﮏ‬ ‫ﻗﺴﻤﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﺮای‬ ‫آﻧﻬﺎ‬ ‫از‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺘﻨﺪ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫اﻣﺎ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫را‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﺑﺎن‬ ‫اﯾﻨﮑﻪ‬ ‫از‬ ‫ﺑﻌﺪ‬ .‫دﯾﮕﺮ‬ ‫ﻫﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫ﺧﯿﻠﯽ‬ ‫و‬ (ASP، ASP.NET، Node JS) ‫ﭘﯽ‬ ‫اس‬ ‫آﯾﻨﺪه‬ ‫در‬ ‫ﺑﺘﻮاﻧﯿﻢ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﻢ‬ ‫ذﺧﯿﺮه‬ ‫ﻣﮑﺎن‬ ‫ﯾﮏ‬ ‫در‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﺷﺪه‬ ‫اﯾﺠﺎد‬ ‫اﻃﻼﻋﺎت‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫زﻣﺎن‬ ‫ﮐﺮدﯾﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺳﺎﯾﺖ‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ (Database) ‫دﯾﺘﺎﺑﯿﺲ‬ ‫اﺻﻄﻼح‬ ‫ﺑﻪ‬ ‫ﯾﺎ‬ ‫داده‬ ‫ﭘﺎﯾﮕﺎه‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫دﻫﯿﻢ‬ ‫اﻧﺠﺎم‬ ‫آن‬ ‫روی‬ ‫را‬ ‫ﻻزم‬ ‫ﺗﻐﯿﯿﺮات‬ ‫و‬ ‫داﺷﺘﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫آن‬ ‫ﺑﻪ‬ .‫داد‬ ‫ﺧﻮاﻫﯿﻢ‬ ‫ﺗﻮﺿﯿﺢ‬ ‫را‬ ‫آن‬ ‫ﺑﻌﺪی‬ ‫ﻣﺮﺣﻠﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﺑﺮای‬ ‫ﻣﻨﺎﺳﺐ‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫ﯾﮏ‬ ‫اﻧﺘﺨﺎب‬ :‫ﭘﻨﺠﻢ‬ ‫ ﻣﺮﺣﻠﻪ‬ ‫ﯾﺎ‬ ‫ﻣﮑﺎن‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺮای‬ ‫ﻧﯿﺎز‬ ‫ﻣﻮرد‬ ‫اﻃﻼﻋﺎت‬ ‫ﮐﺮدن‬ ‫ذﺧﯿﺮه‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﮐﺮدﯾﻢ‬ ‫اﺷﺎره‬ ‫ﻣﻮﺿﻮع‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻗﺒﻠﯽ‬ ‫ﭘﺎراﮔﺮف‬ ‫در‬ ‫از‬ PHP ‫زﺑﺎن‬ ‫ﺑﺎ‬ ‫ﺧﻮﺑﯽ‬ ‫ﻫﻤﺎﻫﻨﮕﯽ‬ ‫و‬ ‫ﺳﺎزﮔﺎری‬ ‫ﮐﻪ‬ ‫ﻫﺎ‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫اﯾﻦ‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﺤﺒﻮب‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﻫﻢ‬ ‫ﺣﺎﺿﺮ‬ ‫ﺣﺎل‬ ‫در‬ ‫و‬ ‫دارﯾﻢ‬ ‫ﻧﯿﺎز‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﻫﻢ‬ ‫ﻣﺎ‬ ‫ﭘﯿﺸﻨﻬﺎد‬ ‫و‬ ‫اﺳﺖ‬ ‫آن‬ ‫ﺑﻮدن‬ ‫راﯾﮕﺎن‬ ‫ﻫﻢ‬ ‫آن‬ ‫ﻣﺤﺒﻮﺑﯿﺖ‬ ‫دﻟﯿﻞ‬ ‫و‬ ‫اﺳﺖ‬ MySQL ‫دﻫﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫ﺧﻮدش‬ .‫ﻧﻤﺎﯾﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺧﻮدﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫راﯾﮕﺎن‬ ‫دﯾﺘﺎﺑﯿﺲ‬ ‫و‬ ‫اﺟﺰاء‬ ‫ﮐﻪ‬ ‫دادﯾﻢ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺑﻮد‬ ‫ﻣﻮاردی‬ ‫ﻫﻤﯿﻦ‬ ‫داﻧﺴﺘﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺎﯾﺴﺘﯽ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﮐﻠﯿﺎﺗﯽ‬ ‫ﺑﻪ‬ ‫زﯾﺮ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺟﺮا‬ ‫ﺑﺎﯾﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻃﺮاﺣﯽ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫ﮐﻪ‬ ‫ﻫﺴﺖ‬ ‫ﻫﻢ‬ ‫دﯾﮕﺮی‬ ‫ﻣﻮارد‬ ‫اﻣﺎ‬ .‫دﻫﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺷﺎﻟﻮده‬ .‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫اﺷﺎره‬ ‫آﻧﻬﺎ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺳﺎزی‬ ‫ﺑﻬﯿﻨﻪ‬ ‫و‬ ‫ﺳﺌﻮ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﺟﺴﺘﺠﻮ‬ ‫ﻣﻮﺗﻮرﻫﺎی‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﺷﻨﺎﺳﺎﻧﺪن‬ ‫روی‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻌﺪ‬ ‫ﻗﺪم‬ ‫ﺑﺎﺷﯿﺪ‬ ‫ﮔﺮﻓﺘﻪ‬ ‫ﻓﺮا‬ ‫را‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫اﮔﺮ‬ ‫ﻣﻮﺗﻮرﻫﺎی‬ ‫در‬ ‫را‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺧﺎص‬ ‫ﮐﻠﯿﺪی‬ ‫ﮐﻠﻤﻪ‬ ‫ﯾﮏ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﮐﺎر‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﺳﺌﻮ‬ ‫آن‬ ‫ﺑﻪ‬ ‫اﺻﻄﻼح‬ ‫آﻣﻮزش‬ ‫در‬ ‫اﺳﺎﺳﯽ‬ ‫و‬ ‫اﺻﻠﯽ‬ ‫ﻫﺎی‬ ‫ﻗﺪم‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﮐﻨﻨﺪ.اﻣﺎ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺗﺎن‬ ‫ﺧﺪﻣﺎت‬ ‫از‬ ‫و‬ ‫ﮐﺮده‬ ‫ﺷﻨﺎﺳﺎﯾﯽ‬ ‫ﺑﯿﻨﮓ‬ ‫ﯾﺎ‬ ‫ﮔﻮﮔﻞ‬ ‫ﺟﺴﺘﺠﻮی‬ ‫ﺑﺒﺮﯾﺪ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫را‬ ‫ﻣﻮارد‬ ‫ﺳﺎﯾﺮ‬ ‫و‬ (HTML) ‫ال‬ ‫ام‬ ‫ﺗﯽ‬ ‫اچ‬ ‫ﻫﺎی‬ ‫ﺗﮓ‬ ‫ای‬ ‫ﮔﻮﻧﻪ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ .‫ﺑﺎﺷﺪ‬ ‫ﻓﻬﻢ‬ ‫و‬ ‫درک‬ ‫ﻗﺎﺑﻞ‬ ‫ﺟﺴﺘﺠﻮ‬ ‫ﻣﻮﺗﻮرﻫﺎی‬ ‫ﺑﺮای‬ ‫ﺳﺎﯾﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺗﻮﺳﻂ‬ ‫ﺷﺪه‬ ‫ﺗﻮﻟﯿﺪ‬ ‫ﻣﺤﺘﻮاﻫﺎی‬ ‫ﮐﻪ‬ ‫دارﯾﺪ‬ ‫ﻧﯿﺎز‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﻫﺎﺳﺖ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫در‬ :‫ﺷﺸﻢ‬ ‫ﻣﺮﺣﻠﻪ‬
  • 7. 7/7 ‫ﻧﻘﺎط‬ ‫ﺗﻤﺎﻣﯽ‬ ‫در‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﺳﺎزی‬ ‫ﭘﯿﺎده‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﻫﺎﺳﺖ‬ ‫ﯾﮏ‬ ‫روی‬ ‫را‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮔﺮﻓﺘﯿﺪ‬ ‫ﺳﺎﯾﺖ‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫آﻣﻮزش‬ ‫ﺑﻪ‬ ‫ﺗﺼﻤﯿﻢ‬ ‫اﮔﺮ‬ ‫ﺳﺎل‬ ‫ﯾﮏ‬ ‫ﻣﺜﺎل‬ ‫ﻃﻮر‬ ‫ﺑﻪ‬ ‫ﻣﻌﻠﻮم‬ ‫ﻣﺪت‬ ‫ﯾﮏ‬ ‫ﺑﺮای‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫در‬ ‫ﺷﻤﺎ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﻓﻀﺎﯾﯽ‬ ‫ﻫﺎﺳﺖ‬ .‫ﺑﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫دﺳﺘﺮس‬ ‫در‬ ‫دﻧﯿﺎ‬ .‫ﮐﻨﯿﺪ‬ ‫ﺗﻤﺪﯾﺪ‬ً‫ﻣﺠﺪدا‬ ‫ﺑﺎﯾﺪ‬ ‫ﻫﻢ‬ ‫آن‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫ﻧﻤﺎﯾﯿﺪ‬ ‫آﭘﻠﻮد‬ ‫آن‬ ‫روی‬ ‫را‬ ‫ﺧﻮدﺗﺎن‬ ‫ﻫﺎی‬ ‫ﻓﺎﯾﻞ‬ ‫و‬ ‫اﻃﻼﻋﺎت‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫ﺧﺮﯾﺪاری‬ ‫و‬ ‫ﮐﻨﻨﺪ‬ ‫ﺷﻨﺎﺳﺎﯾﯽ‬ ‫ﻧﺎم‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺷﻤﺎ‬ ‫ﻣﺨﺎﻃﺒﯿﻦ‬ ‫دﯾﮕﺮ‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬ ‫اﻧﺘﺨﺎب‬ ‫ﺗﺎن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﺳﻤﯽ‬ ‫ﯾﺎ‬ ‫ﻧﺎم‬ ‫اﺻﻞ‬ ‫در‬ ‫ﻫﻢ‬ ‫داﻣﻨﻪ‬ ‫ﺑﻪ‬ ‫ﺳﺎﯾﺖ‬ ‫ﯾﮏ‬ ‫ﻫﻮﯾﺖ‬ ‫و‬ ‫ﺗﺠﺎری‬ ‫ﻧﺸﺎن‬ ‫ﺣﻘﯿﻘﺖ‬ ‫در‬ ‫داﻣﻨﻪ‬ ‫اﯾﻦ‬ ‫و‬ ‫آﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺑﺎﻻ‬ ‫ﺳﺎﯾﺖ‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺎﯾﭗ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫را‬ ‫داﻣﻨﻪ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻫﺮﮔﺎه‬ .‫ﺑﻮدﯾﺪ‬ ‫ﻣﺎ‬ ‫ﻫﻤﺮاه‬ ‫ﮐﺪ‬ ‫ﺑﻤﺐ‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫اﯾﻦ‬ ‫از‬ ‫آﯾﺪ.ﻣﻤﻨﻮن‬ ‫ﻣﯽ‬ ‫ﺣﺴﺎب‬ ‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ ‫درﺑﺎره‬ ‫ﻫﺎ‬ ‫دوره‬ ‫اﮐﺜﺮ‬ ‫در‬ ‫و‬ ‫ﮐﻨﻢ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫رﺷﺘﻪ‬ ‫ﺷﺪ‬ ‫ﺑﺎﻋﺚ‬ ‫ﻣﺎرﮐﺘﯿﻨﮓ‬ ‫دﯾﺠﯿﺘﺎل‬ ‫ﺑﻪ‬ ‫زﯾﺎدم‬ ‫ﻋﻼﻗﻪ‬ ‫ﻫﺴﺖ‬ ‫ﻗﺮار‬ ‫ﮐﺪ‬ ‫ﺑﻤﺐ‬ ‫،در‬ ‫ﮐﻨﻢ‬ ‫ﮐﺴﺐ‬ ‫را‬ ‫ﻣﺎرﮐﺘﯿﻨﮓ‬ ‫دﯾﺠﯿﺘﺎل‬ ‫ﮔﻮاﻫﯽ‬ ‫ﺷﺮﯾﻒ‬ ‫ﺻﻨﻌﺘﯽ‬ ‫داﻧﺸﮕﺎه‬ ‫ﻣﺨﺼﻮﺻﺎ‬ .‫ﺷﻮﯾﻢ‬ ‫ﺟﺪﯾﺪی‬ ‫دﻧﯿﺎﯾﯽ‬ ‫وارد‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺣﻮزه‬ ‫در‬ ‫ﻋﺎدل‬ ‫ﺑﻬﻨﺎم‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫ﻫﺎی‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﺑﺨﻮاﻧﯿﺪ‬ ‫ﺣﺘﻤﺎ‬ ‫را‬ ‫زﯾﺮ‬ ‫ﻣﻄﺎﻟﺐ‬