ضعیفبد نیستمتوسطخوبعالی (2 votes, average: 3٫00 out of 5)
Loading...

آموزش طراحی وب – بزودی

به نام خداوند بخشنده مهربان

با عرض سلام و تبریک مجدد سال نو خدمت کاربران عزیز میهن لرن

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

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

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

قبل از اینکه روش آموزشی را مطرح کنیم به این موضوع می پردازیم که در طول این آموزش چه خواهیم آموخت؟

یکی از مهمترین ویژگی های این آموزش، بروز بودن آن خواهد بود چراکه ما با جدیدترین و قویترین زبان های برنامه نویسی وب کارخواهیم کرد، زبان هایی که واقعا می توانیم لقب “دوست داشتنی های وب” را به آنها بدهیم و امروزه در بازار کار کاربرد فراوانی را برای شما خواهند داشت و شما را از دیگر طراحان قدم ها جلوتر خواهند برد.

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

PhotoShop – Create PSD : پیش از اینکه به سراغ کد نویسی صفحات وب برویم، خواهیم آموخت که چگونه توسط فتوشاپ صفحه وب خود را طراحی کنیم.

Web Design with Photoshop
Web Design with Photoshop

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

HTML5 : اچ تی ام ال 5 مخفف HyperText Markup Language5 می باشد. بدون شک هر فردی که بخواهد به دنیای بزرگ و زیبای طراحی قدم گذارد باید ابتدا HTML را بخوبی بیاموزد و تسلط کاملی بر آن داشته باشد، چونکه ساختار و نقشه اصلی یک صفحه وب با این زبان پیاده سازی می شود.

HTML5
HTML5

همچنین اگر بخواهیم از تاریخچه این زبان اندکی برایتان بگوییم، زبان اچ تی ام ال در سال 1990 ایجاد شد و تاکنون 5 نخسه از آن منتشر شده که جدیدترین آن یعنی اچ تی ام ال 5 در اکتبر 2014 توسط W3C استاندارد سازی شد. در پنجمین نخسه HTML این زبان ساختاری مفهومی پیدا کرد بطوری که برای موتور های جستجو نیز صفحات وب را قابل درک تر کرد. همچنین با API های جدید و تگ های جدید که به این نخسه افزوده شده دست ما را در طراحی و زیباسازی صفحات وب بسیار باز کرده است. انشالله در طول آموزش بیشتر با این زبان آشنا خواهیم شد.

CSS3 : سی اس اس یا شیوه نامه آبشاری مخفف Cascading Style Sheets می باشد که همراه با اچ تی ام ال دو فناوری اصلی و هسته طراحی صفحات وب هستند. توسط این زبان شما تسلط کاملی بر قالب بندی و زیباسازی صفحات وب خواهید داشت. بخصوص با نخسه جدید CSS یعنی ورژن 3 آن می توانید رنگ و رویی دیگر به صفحات وب بدهید.

CSS3
CSS3

شما به 3 روش قادر خواهید بود از سی اس اس در طراحی صفحات وب استفاده کنید:

1. شیوه نامه خارجی : در این روش ما کلیه کلاس ها و استایل های خود را در فایلی جداگانه نوشته و با پسوند CSS. ذخیره میکنم، سپس آنرا در صفحه html خود فراخونی میکنیم و به این ترتیب به تمام کلاس ها در سند اچ تی ام ال دسترسی خواهیم داشت.

2. شیوه نامه داخلی : در این روش می توانیم کلاس های خود را درون تگ <style> در Head بنویسم.

3. شیوه نامه درون خطی : می توانیم درون هر تگی که هستیم برای آن با خصوصیت style یک استایل تعریف کنیم.

جلوتر در این آموزش بصورت پروژه محور با CSS3 کار خواهیم کرد هرچند که پیشتر آموزش کاملی از CSS3 در میهن لرن منتشر شده که با کلیک بر اینجا می توانید آنرا دانلود کنید.

BootStrap : پس از اینکه بخوبی شما را با پایه و اساس طراحی وب یعنی HTML و CSS آشنا کردیم، میرویم تا با بوت استرپ صفحات خود را زیباتر کنیم و رنگ و رویی دیگر به آنها بدهیم. البته یادمان باشد که بوت استرپ با ساختار شبکه ای خود در طراحی می تواند سرعت ما را چند برابر افزایش دهد.

BootStrap - بوت استرپ
BootStrap – بوت استرپ

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

Python : قبلا در میهن لرن زبان شیرین و دوست داشتنی پایتون را به شما معرفی کردیم، اما بد نیست در هم اکنون کمی بیشتر درباره پایتون بدانیم. بنظر من اگر شما این زبان را فرا بگیرید واقعا برد کرده اید! چرا که پایتون همانند زبان های مایکروسافتی ناز ندارد که فقط روی ویندوز و با NET. کار کند، پایتون با همه می سازد، بهتر است بگویم با همه ساز می رقصد! با ویندوز، با لینوکس، در وب .. آیا این زبان دوست داشتنی نیست؟

پایتون | Python
پایتون | Python

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

Tornado : قبلا در پستی تورنادو(ترنادو) را به شما معرفی کردیم و گفتیم که تورنادو یکی از کتاب خانه های قدرتمند پایتون می باشد همانند فریم ورک جنگو.

فریم ورک تورنادو | tornado
فریم ورک تورنادو | tornado

تورنادو میزبان سایت شما که با پایتون کد نویسی شده در اینترنت خواهد بود. اگر بخواهیم یک تشبیه بکار ببریم کار تورنادو همانند آپاچی می باشد. و شما با خیال راحت می توانید با Tornado Web Server سایت زیبای خود را میزبانی کنید. منابع فارسی برای آموزش تورنادو بسیار کمیاب است ولی در این آموزش با تورنادو نیز دوست خواهید شد.

GitHub : کمی از طراحی وب فراتر خواهیم رفت و مباحث مهندسی نرم افزار را نیز دنبال خواهیم کرد و اگر یادتان باشد چندی پیش دسته جدیدی بنام “مهندسی نرم افزار” ایجاد کردیم که هر چند گاهی کمی در خصوص مهندسی نرم افزار برای دانشجویان و مهندسین کامپیوتر صحبت کنیم.

GitHub | گیت هاب
GitHub | گیت هاب

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

SEOSearch engine optimization : اگر بعنوان یک طراح وب کار میکنید یا اینکه مدیر یک سایت هستید باید با مباحث و شیوه های بهینه کردن سایت برای موتور های جستجو آشنا باشید، اگر غیر این باشد نه شما یک طراح هستید و نه سایتتان یک سایت می شود چراکه ریالی ارزش نخواهد داشت!

SEO | بهینه سازی سایت برای موتور های جستجو
SEO | بهینه سازی سایت برای موتور های جستجو

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

کمی بیشتر : در پی فرصتی خواهیم بود که کمی با بانک اطلاعاتی MySQL که دوست طراحان وب است ور برویم، شاید هم به جی کوئری(JQuery) سری بزنیم و کمی میهمانش باشیم.

و اما شیوه آموزش ما به چه شکل خواهد بود؟ در ابتدا ما یک یا دو قسمت با هر کدام از زبان هایی که در بالا معرفی کردیم کار خواهیم کرد و آشنایی را با کدهای آنها بدست خواهیم آورد سپس بصورت پروژه محور یک سایت واقعی و حرفه ای را طراحی خواهیم کرد. سایتی داینامیک و پویا همانند یک CMS که کاربر بتواند بر روی آن مطلب ارسال، حذف و یا ویرایش کند.

پس از پایان آموزش توانایی کابر توانایی خواهد داشت : یک سایت ریسپانسیو و سازگار با همه دیوایس ها از جمله لپ تاپ، تبلت، موبایل را بصورت داینامیک طراحی کند و از جمله طراحان وب به اصطلاح آپدیت باشد!

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

منتظر این آموزش بی نظیر باشید ..

همچنین ببینید

آموزش فارسی فریم ورک لاراول

آموزش فریم ورک لاراول – قسمت نهم

به نام خالق زیبایی ها با نهمین قسمت از مجموعه پر طرفدار “آموزش فریم ورک …

8 دیدگاه

  1. سلام
    عااالیه
    منتظر هستیم

  2. سلام
    این که این بالا نوشتید سرکایه
    از 5 فروردین اینو اینجا گذاشتید ولی هنوز معلوم نیست که کی این فرداهه که در پست بالا ازش دم زدید کی می رسه

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

  3. ممنون از توجه شما

    امیدوارم موفق باشید

  4. سلام
    منتظر این مجموعه هستم. لطفا به زودی رو خیلی زود به واقعیت تبدیل کنید تا امثال من بتونیم نهایت استفاده رو ببریم.

    اگه امکانش هست به افراد ایمیل بزنید تا از همون روز اول پی گیر باشیم

    باتشکر

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *