آموزش تصویری طراحی وب سایت

    21 ارديبهشت 1395

     

    آموزش طراحی وب سایت

     

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

     

    مقدمه

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

    دانشجویان عزیز قبل از مشاهده ویدیوها باید حتما به چند نکته توجه کنید تا دید درست و برنامه ای دقیق داشته باشید یعنی باید بدونید شروع و ختم آموزش کجاست تا به مرور زمان از ادامه آموزش دلسرد نشید! یکی از دلایلی که اکثر دانشجویان اینگونه آموزش هارو(حتی در کلاس های خصوصی) شروع و به اتمام نمی رسانند همین نکته است شاید بسیاری از همین دوستان تفاوت بین طراح وب سایت و توسعه دهنده وب سایت را نمی دانند ولی ما در این آموزش کم نظیر شمارا با تمامی نکات و فوت و فن این حرفه آشنا خواهیم کرد.

    طراحی یک وب سایت از دوقسمت تشکیل می شود(Cient & Server) که بصورت کامل توضیح خواهیم داد.

     

    آموزش تصویری طراحی وب سایت

     

    برنامه نویسی سمت کاربر (طراحی قالب و ظاهر وب سایت)

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

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

     

    آموزش اچ تی ام ال (Html5)

    به کمک این زبان قالب و ظاهر کلی وب سایت را با توجه به طراحی قبلی پیاده سازی می کنید .

     

    آموزش سی اس اس (Css3)

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

     

    آموزش فوتوشاپ (Photoshop Cs6)

    در حد درست کردن عکس از فوتوشاپ استفاده خواهیم کرد.

     

    آموزش جاوا اسکریپت (Java Script)

    در کل از جاوا اسکریپت تنها در قسمت های مورد نیاز باید استفاده شود چراکه برای بهینه سازی وب سایت خیلی مناسب نیست

     

    آموزش نت بینز (NetBeans)

    در نهایت برای اجرا گرفتن از کدهای نوشته شده و مشاهده آن در مرورگر وب به یک اجراکننده نیاز دارید که من به شما نت بینز (NetBeans IDE) را پیشنهاد می کنم. در این آموزش از تمامی مباحث فوق استفاده خواهیم کرد .

     

    برنامه نویسی سمت سرور (دادن قابلیت به وب سایت)

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

    آموزش ای اس پی دات نت (Asp.Net)

    آموزش پی اچ پی (Php)

    ما در این آموزش تصویری طراحی وب سایت از PHP استفاده می کنیم و شمارو با این زبان قدرتمند بخوبی آشنا خواهیم کرد. این زبان بصورت کدباز می باشد و از بانک اطلاعاتی MySql و سرویس Apache بر روی سیستم عامل لینوکس استفاده می کند. این زبان را می توان در ویندوز هم اجرا کرد (توسط نرم افزار زمپ) که دلیلش محبوبیت این زبان است ولی بهترین محیط برای آن سرورهای لینوکس است(هاست و سرورهای لینوکس بسیار ارزانتر از ویندوز هستند). زبان هایی مانند Perl و Ruby نیز کد باز هستند که در آینده و اولین فرصت آموزش هایی از این زبان ها را نیز منتشر خواهیم کرد .

     

    نکته بسیار مهم : شما با مشاهده و تمرین ویدیوها قادر خواهید بود یک وب سایت کامل طراحی کنید و با توجه به نیاز خود از مباحث یاد شده استفاده کنید و در سطحی خواهید رسید که اگر روزی نیاز به یک قابلیت یا ماژول جدید داشتید با یک جستوجوی ساده اینترنتی نیازتون برآورده میشه در ضمن بعد از فراگیری کامل این آموزشها حتما در یک انجمن طراحی و برنامه نویسی وب سایت ثبتنام کنید و به داشته های خودتون اضافه کنید. در ضمن به وب سایت شرکت سهند یوتاب شبکه گاهی سر بزنید و از آموزشهای دیگر ما استفاده کنید به عنوان مثال بعد از دیدن چند ویدیو از این آموزش و فراگیری Html,Css آموزش تصویری بوت استرپ را از همین وب سایت می تونید دنبال کنید و به کمک بوت استرپ قالب های ریسپانسیو(نمایش وب سایت در موبایل و تبلت) بسازید.

     

    video icon جلسه اول قسمت اول

    video icon جلسه اول قسمت دوم (بزودی)

     

     

    زمان کل آموزش بیش از ۳۵ ساعت می باشد

     

    دوستانی که تمایل دارند این مجموعه را بصورت کامل و با کیفیت HD با قیمت مناسب خریداری کنند روی این متن کلیک کنند

     

    telegram 

     

    • رشت، چهارراه میکائیل، خیابان حافظ، ساختمان سهند، واحد۱۳
    • ۰۱۳-۳۳۳۴۴۳۸۴
    • تلگرام : youtobnet_help@

    ورود به سامانه پیامکی

    نماد اعتماد الکترونیکی

     

    ساماندهی پایگاه اینترنتی

    logo-samandehi

    شرکت طراحی وب سایت