‫ﻋﻨﻮان درس‪ :‬ﮐﺎرﮔﺎه ﮐﺎﻣﭙﯿﻮﺗﺮ )‪(40108‬‬
‫ﺗﻌﺪاد واﺣﺪ‪ 1 :‬واﺣﺪ‬
‫داﻧﺸﮑﺪه ﻣﻬﻨﺪﺳﯽ ﮐﺎﻣﭙﯿﻮﺗﺮ‬
‫ﺗﻤﺮﯾﻦ ﺟﻠﺴﻪ ﺷﺸﻢ و ﻫﻔﺘﻢ‬
‫در ﺗﻤﺮﯾﻦ ﺳﺮي ‪ 6‬و ‪ ، 7‬ﺷﻤﺎ ﺑﺎﯾﺪ ﺑﺎ اﺳﺘﻔﺎده از ‪ HTML, CSS, Javascript‬و ‪ php‬وبﺳﺎﯾﺘﯽ ﺑﺎ ﺗﻮﺿﯿﺤﺎت زﯾﺮ ﻃﺮاﺣﯽ ﮐﺮده و‬
‫ﮐﺪﻫﺎي ﻣﺮﺑﻮﻃﻪ را در ﻗﺎﻟﺐ ﻓﺎﯾﻞ ‪ ،zip‬ﺑﺎ ﻧﺎم ‪ HW67-CW-StudentID‬ﺑﻪ آدرس اﯾﻤﯿﻞ ﻣﺪرس ﮔﺮوه ﺧﻮد ارﺳﺎل ﮐﻨﯿﺪ‪.‬‬
‫وبﺳﺎﯾﺘﯽ ﺑﺎ ﻣﺤﺘﻮاي رزوﻣﻪ ﺷﺎﻣﻞ ﺳﻮاﺑﻖ ﺗﺤﺼﯿﻠﯽ‪ ،‬ﻣﻬﺎرت ﻫﺎ و ﻣﻌﺮﻓﯽ ﺧﻮد ﻃﺮاﺣﯽ ﮐﻨﯿﺪ ﮐﻪ دو ﺻﻔﺤﻪ ﺑﻪ ﻫﻢ ﻟﯿﻨﮏ داده ﺷﺪه‬
‫ﺑﺎﺷﻨﺪ‪ .‬در ﺻﻔﺤﻪ اﺻﻠﯽ ﮐﻪ آن را ﺻﻔﺤﻪ ‪ Home‬ﻣﯽﻧﺎﻣﯿﻢ اﻃﻼﻋﺎﺗﯽ در ﻣﻮرد ﺧﻮد اراﺋﻪ ﮐﻨﯿﺪ‪ .‬در ﺻﻔﺤﻪ دوم ﺑﺎ ﻧﺎم ‪ Contact‬ﻓﺮم‬
‫ﺗﻤﺎس ﻃﺮاﺣﯽ ﮐﻨﯿﺪ‪.‬‬
‫ﺳﺎﺧﺘﺎر ﮐﻠﯽ وبﺳﺎﯾﺖ ﻃﺮاﺣﯽ ﺷﺪه‪ ،‬اﻧﺘﻈﺎر ﻣﯽرود ﮐﻪ ﺣﺪاﻗﻞ ﺑﻪ ﺷﮑﻞ زﯾﺮ ﺑﺎﺷﺪ‪:‬‬
‫ﻣﺮاﺣﻞ اﻧﺠﺎم ﺗﻤﺮﯾﻦ ﺑﻪ ﺷﮑﻞ زﯾﺮ ﻣﯽﺑﺎﺷﺪ‪:.‬‬
‫‪ .1‬اﺑﺘﺪا ﻓﺎﯾﻠﻬﺎي ‪ HTML‬ﻣﺮﺑﻮط ﺑﻪ ﻫﺮ دو ﺻﻔﺤﻪ را ﻃﺮاﺣﯽ ﮐﻨﯿﺪ‪.‬‬
‫‪ .2‬در اداﻣﻪ‪ ،‬ﻓﺎﯾﻞ ‪ CSS‬ﺑﺮاي اﻋﻤﺎل اﺳﺘﺎﯾﻞ ﺑﻪ ﺻﻔﺤﺎت ‪ HTML‬را اﯾﺠﺎد ﮐﻨﯿﺪ‪.‬‬
‫ﻧﮑﺘﻪ ‪ :‬در ﻃﺮاﺣﯽ اﺳﺘﺎﯾﻞ ﻫﺎ ﻣﯽ ﺗﻮاﻧﯿﺪ از رﻧﮓ ﺑﻨﺪي و ﯾﺎ ﮐﺎدر ﺑﻨﺪي ﻣﻮرد ﭘﺴﻨﺪ ﺧﻮد را اﻋﻤﺎل ﮐﻨﯿﺪ ﺑﻪ ﺷﺮﻃﯽ ﮐﻪ ﺣﺪاﻗﻞ‬
‫ﻣﻮارد و ﻧﮑﺎت ﻗﺎﻟﺐ ﺑﻨﺪي ﻣﻮﺟﻮد در ﺗﺼﺎوﯾﺮ ﺑﺎﻻ‪ ،‬در ﻃﺮاﺣﯽ دﻟﺨﻮاه ﺷﻤﺎ اﻋﻤﺎل ﺷﺪه ﺑﺎﺷﻨﺪ‪.‬‬
‫‪ .3‬ﭘﺲ از ﻃﺮاﺣﯽ وب ﺳﺎﯾﺖ و اﯾﺠﺎد ﻓﺎﯾﻠﻬﺎي ‪ HTML‬و ‪ ، CSS‬ﺑﻪ ﻓﺎﯾﻞ ‪ HTML‬ﺧﻮد‪ ،‬ﮐﺪ ﺟﺎوا اﺳﮑﺮﯾﭙﯽ اﺿﺎﻓﻪ ﮐﻨﯿﺪ‬
‫ﮐﻪ ﻣﻮﻗﻊ ﻧﻤﺎﯾﺶ ﺻﻔﺤﺎت‪ ،‬ﺗﺎرﯾﺦ و ﺳﺎﻋﺖ ﺳﯿﺴﺘﻢ ﮐﺎرﺑﺮ را در ﺑﺨﺸﯽ از ﺻﻔﺤﻪ ﻧﻤﺎﯾﺶ دﻫﺪ‬
‫‪ .4‬در ﺻﻔﺤﻪ ‪ contact‬ﻓﺮﻣﯽ ﻣﻄﺎﺑﻖ ﺑﺎ آﻧﭽﻪ ﮐﻪ در ﺷﮑﻞ ﻧﺸﺎن داده ﺷﺪه اﺳﺖ‪ ،‬ﻃﺮاﺣﯽ ﮐﻨﯿﺪ و ﺑﺮاي ﺑﺨﺶ ‪ action‬اﯾﻦ‬
‫ﻓﺮم‪ ،‬ﻓﺎﯾﻞ ‪ php‬ﻃﺮاﺣﯽ ﮐﻨﯿﺪ ﮐﻪ ﭘﯿﺎم ﺑﺎزدﯾﺪ ﮐﻨﻨﺪه را ﺑﻪ آدرس اﯾﻤﯿﻞ ﺷﻤﺎ ارﺳﺎل ﮐﻨﺪ ‪ .‬ﺑﺮاي اﯾﻨﮑﺎر از ﺗﻮاﺑﻊ ‪ php‬ﯾﺎ‬
‫ﮐﻼس ‪ phpmailer‬ﻣﯽ ﺗﻮاﻧﯿﺪ اﺳﺘﻔﺎده ﻧﻤﺎﯾﯿﺪ‪.‬‬
‫‪ – 5‬ﭘﺲ از اﻧﺠﺎم ﺗﻤﺮﯾﻦ‪ ،‬ﻓﺎﯾﻞ ﻫﺎ را در ﻓﻀﺎي ﺷﺨﺼﯽ ﺧﻮد در ﺳﺮور ‪ ce‬ﺑﻪ وﺳﯿﻠﻪ ي ‪ ftp‬ﯾﺎ ‪ sftp‬آﭘﻠﻮد ﻧﻤﺎﯾﯿﺪ و ﺻﺤﺖ‬
‫ﻋﻤﻠﮑﺮد ﺑﺨﺶ ﻫﺎي ﻣﺨﺘﻠﻒ از ﺟﻤﻠﻪ ارﺳﺎل ﭘﯿﺎم در ﺑﺨﺶ ‪ contact‬را ﺑﺮرﺳﯽ و در ﺻﻮرت ﻧﯿﺎز اﺻﻼح ﻧﻤﺎﯾﯿﺪ‪.‬‬
‫در اﯾﻤﯿﻞ ارﺳﺎﻟﯽ ﺑﺮاي ﺗﺤﻮﯾﻞ ﺗﻤﺮﯾﻦ‪ ،‬آدرس ﺻﻔﺤﻪ ي ﺷﺨﺼﯽ ‪ ce‬ﺧﻮد را ارﺳﺎل ﻧﻤﺎﯾﯿﺪ‪.‬‬
‫ﻧﮑﺘﻪ‪):‬ﺑﺮاي اﻧﺠﺎم اﯾﻦ ﺗﻤﺮﯾﻦ‪ ،‬ﻣﺜﺎلﻫﺎ و ﮐﺪﻫﺎي ﻧﻮﺷﺘﻪ ﺷﺪه ﺳﺮ ﮐﻼس را ﻣﺮور ﮐﻨﯿﺪ‪ .‬در ﻣﻮرد ﺗﮓ ‪ form‬ﮐﻪ در ﺻﻔﺤﻪ‬
‫‪ contact‬ﺧﻮد ﻗﺮار اﺳﺖ از آن اﺳﺘﻔﺎده ﮐﻨﯿﺪ‪ ،‬ﺗﻮﺿﯿﺤﺎت ﮐﺎﻣﻞ در ﺟﺰوه ﺟﻠﺴﻪ ‪ php‬داده ﺷﺪه اﺳﺖ‪(.‬‬