دوره آموزش طراحی سایت اصفهان

توضیحات

سر فصل های دوره آموزش طراحی سایت در اصفهان تیم وب یار

با سلام خدمت شما کاربران عزیز، تیم طراحی سایت وب یار در نظر دارد با دوره کاملی از مراحل آموزش طراحی سایت، شما را تا تسلط کافی بر اصول طراحی سایت یاری کند. در این مطلب سرفصل های آموزش طراحی سایت ارائه شده است. شما با ثبت نام در این دوره می توانید به راحتی به اصول طراحی سایت مسلط شوید و یا با شرکت در کلاس آموزش طراحی سایت اصفهان به کسب تجربه های ارزشمند بپردازید.

امروزه طراحی سایت به حرفه ای پر درآمد تبدیل شده که از بازار کار خوبی برخوردار می باشد. اگر شما همراهان گرامی علاقه مند به طراحی سایت و کار در این زمینه هستید اولین قدم آموزش و کسب تجربه است. با ثبت نام دوره طراحی سایت اولین قدم را در مسیر حرفه ای خود بردارید.

 

 

 

الف: معرفی و آموزش مفاهیم پایه ای اینترنت و وب سایت ها و اصول و قواعد استاندارد آن ها

• 1. اینترنت چیست؟ (what is Internet)
• 2. سرور چیست؟ (what is Server)
• 3. هاست چیست؟ (what is Host)
• 4. دامین چیست؟ (what is Domain)
• 5. زون چیست؟ (what is Zone)
• 6. لینک چیست؟ (what is Link)
• 7. آی پی چیست؟ (what is IP)
• 8. مرورگر چیست؟ (what is Browser)
• 9. ایمیل چیست؟ (what is eMail)
• 10. برنامه نویسی استاتیک (Static Programming)
• 11. برنامه نویسی داینامیک (Dynamic Programming)
• 12. زبان HTML و CSS چیست؟ (what are HTML and CSS)
• 13. مقایسه ویندوز یا لینوکس (Comparision Windows with Linux)
• 14. زبان پی اچ پی و زبان ای اس پی کدام است؟ (what are PHP and ASP)
• 15. معرفی پروتکل Apache و IIS
• 16. معرفی ساختار و اجزای وب سایت؟
• 16. معرفی و آموزش اجزای ثابت در وب سایت از قبیل هدر و فوتر و ساید بار و منو
• 17. معرفی وایرفریم؟ (Wireframe)
• 18. تمرین وایر فریم؟
• 19. آموزش وایر فریم آنلاین؟
• 20. فایل های style – page – single – index
• 21. رسم وایر فریم سایت آموزشی در کلاس

 

ب: آموزش نصب و کار با محیط فتوشاپ و ابزارهای آن

• 1. طراحی وایر فریم در محیط فتوشاپ
• 2. آموزش سایزها و استاندارد سایز
• 3. معرفی رنگ ها و استاندارد رنگ در مبحث روانشناسی رنگ ها
• 4. فونت ها و استاندارد فونت  در طراحی وب
• 5. فونت های وب
• 6. اجزای سایت . آیکن ها . فونت ها . تصاویر متون . تیترها . ریبون ها . منو ها . فیلدها
• 7. آشنایی کامل با ابزارها در فتوشاپ برای طراحی سایت
• 8. اموزش افکت ها در فتوشاپ
• 9. اموزش اف ایکس ها در فتوشاپ
• 10. کد رنگ ، استاندارد های رنگ مادر- فرزند
• 11. آموزش پالت رنگ ها و انتخاب از میان آنها
• 12. رسم تمام اجزای سایت اجزای هدر . فوتر . سایدبار . کانتنت . پست پیج در فتوشاپ
• 13. اسلایس بخش های مختلف و شروع به تبدیل سایت
• 14. آموزش ذخیره سازی تصاویر با پسوند jpg . png . gif . svg  و تفاوت میان آن ها در طراحی وب سایت

 

پ: آموزش برنامه نویسی استاتیک

1. معرفی ساختار اصلی صفحه وب با HTML با ارایه مثال قابل درک در دنیای خانم ها و آقایان (آقایان، فونداسیون وب باارموتور و خانم ها طبقات کیک با اسفنج)

2. معرفی CSS جهت زیبا سازی وب یایت با ارایه مثال قابل درک در دنیای خانم ها و آقایان (نازک کاری و زیبا سازی با گچکاری، خانم ها زیبا سازی کیک خامه)

3. تفاوت اچ تی ام ال 4 و اچ تی ام ال 5

4. چگونگی اتصال سی اس اس به اچ تی ام ال

5. آشنایی با جی کوئری و افکت های آن

 

ت: معرفی ساختار کلی اچ تی ام ال

Head .1

Link rellype .2

Meta .3

Keywords – description – auther .4

5. رفرش هر 30 ثانیه < “30” = meta http-equiv’  = refresh ‘ content>

Title .6

Body .7

Div id .8

Div class .9

10. < ! – help — >

11. / * help * /

Style .12

H1- H6 .13

P .14

Per .15

16. < a id=” tips “ > matn amozesh</a>

17. <a heref=” #tips”>didan amozesh</a>

18. < a heref = “ http : // www. Webyar.net/html links.htm#tips”>didan amozesh</a>

Img .19

Br .20

Hr .21

Strong .22

Span .23

Li & ul .24

Form .25

26. <“input type = “ text “ name = “ male >

27.<input type = “ checkbox” name= “vehic “ value = “ bike “ >I have a bike <br>

28. <“in put type = “ submit “ value = “ submit >

29. <table border=”l “ > < tr> <td>row l ,cell l < /td><td>rowl , cell2< /td></tr><tr><td>row2,cell<td>

30. <td>row2, cell2</td></td></tr></table>

 

 ث: معرفی attribute های مختلف css

Style .css .1

2. انتخاب گرها کلاس ای دی ، تگ های توددر تو

Tags .3

P , a , img , #id , .class, b#strong .4

Address .5

Blockqute .6نقل از دیگران

Width .7

Height .8

Float .9

Background .10

Font .11

Margin .12

Padding .13

List .14

Display .15

Clear .16

Border .17

Background .18

Font .19

Marging .20

Padding .21

List .22

Display .23

Clear .24

Border .25

Text – align .26

27. :hover

Text – decoration .28

z- index .29

position .30

css- reset .31

css- sprite .32

direction .33

p:first-line .34

first- child: .35

36. فاصله میان حروف( letter – spacing )

37. فاصله میان لغات ( word – spachin )

38. ظاهر متن ( text – spaching )

39. تراز عمودی ( vertical – align )

40. ارتفاع خط ( ine – heign  )

P:: first-letter .41.

42. :: before

43. :: after

 

ج: مرحله تبدیل سایت استاتیک به داینامیک

1. معرفی host

2. معرفی localhostو آموزش کار در این محیط

3. آموزش- نصب xampp

4. معرفی cms  ها

5.  نصب ورد پرس (wordpress install)

6. آموزش کار با قسمت های مختلف wordpress panel

 

چ: تفکیک برگه های وب سایت

Index.php .1

Style.css .2

Screenshot.png .3

Header.php .4

Side-bar.php .5

Footer.php .6

Single.php .7

Functions.php .8

Comment.php .9

Seo .10

Secure .11

Contact us .12

forms .13

14. 404.php

15.category

16.archive

17.tag

18.author

دیگر تگ ها، توابع ، دستورات

 

جهت کسب  اطلاعات بیشتر در رابطه با ثبت نام این دوره آموزشی می توانید با شماره های درج شده در سایت تماس بگیرید تا از مشاوره رایگان متخصصان وب یار بهره مند شوید.

 

پس از ثبت نام در دوره آموزشی تیم پشتیبانی وب یار جهت هماهنگی ساعت برگزاری کلاس ها با شما تماس می گیرد

 

توضیحات تکمیلی

آموزش قدم به قدم بدون نیاز به دانش قبلی در رابطه با برنامه نویسی	دارد
15 جلسه آنلاین یک ساعته	دارد
5 ساعت پشتیبانی جهت بررسی و رفع خطاها بعد از پایان دوره	دارد
4 ساعت مشاوره در خصوص اجرا و پیاده سازی پس از پایان دوره	دارد
آموزش همراه با مثال و پروژه محور	دارد
پشتیبانی و پاسخ به سوالات از طریق تیکت و تلفن	دارد
آموزش همراه با فایل های راهنما	دارد
گارانتی بازگشت وجه در صورت عدم رضایت مشتری از آموزش	دارد