۱. آموزش طراحی گرافیک قدم اول برای ساخت وب سایت ماهر برای این که به یک طراح وب سایت ماهر تبدیل بشید باید اولیه بتونید گرافیک شغل ماهر بشید. بیشتر از ۵۰ درصد کار طراحی وب سایت گرافیک از طراحی لوگو گرفته تا طراحی اسلایدر و طراحی بنر و طراحی سایت اختصاصی رنگبندی و … همگی عمل طراح گرافیکه. آموزش فتوشاپ برای همین فتوشاپ رو به صورت کامل یادگرفتم و یک سری تا کتاب خوندم و فیلم آموزشی دیدم. بعداز اینکه فتوشاپ رو خیال گرفتم برای اینکه بتونم خیلی راحت تر با طراحی وب سایت کنار بیام رفتم سراغ زیربنای یادگرفتن طراحی یعنی یادگیری HTML / CSS و JS و این موارد رو به صورت خودآموز با نگاه کردن فیلم های آموزشی و کار با سایت W3schools.com یاد گرفتم. ۲. قدم دوم فراگیری اپلیکیشن نویسی ابتدایی طراحی وب سایت فراگیری نرم افزار هایی مثل html, css و JS خیلی لذت بخش بود. نخستین از همه باید HTML رو خیال بگیرید چون سنگ بنا و اسکلت ساختمان طراحی سایت شما محسوب میشه. html من خود آموز این کار رو کردم وبرای آموزش کلی وقت گذاشتم ولی توصیه میکنم که شما مسلما به معلم مراجعه‌کنید که زمان زیادی ازتون گرفته نشه. در‌صورتی‌که میخواید به صورت خودآموز و خودمحور یاد بگیرید وارد وب سایت W3schools.com بشید اونجا کلی اطلاعات به صورت صفر تا صد برای آموزش html قرار داره. تنها موردی که وجود داره سایت به صورت انگلیسی است که اگه ارتباط بر قرار نمیکنید میتونید خیلی شل با گوگل ترنسلیت ترجمه کنید.البته گویش انگلیسیش به حدی سرازیر میباشد که خیلی وا رفته میتونید متوجه بشید که چی گفته. css برای یادگیری CSS و JS یا همون جاوا اسکریپت هم میتونید از همین سایت استفاده کنید و در صورتی‌که حرفه ای کار نمایید پیمان میدم این تارنما نیازهای حرفه ای کار رو براتون براورده کنه. ۳. یادگرفتن قالب های و یا قاب ورک های بوت استرپ بوت استرپ یک قالب یا کادر ورک برای کسایی که میخوان عمل رو سریع جلو ببرن البته قبلش باید شما بی نقص با html, css و js آشنایی داشته باشید. این فریمورک مشتمل بر کلاس ها و آیدی های html , css و js است که از قبلی نرم افزار نویسی شده و شما باید کلاس ها و آیدی ها و قالب کلی رو یاد بگیرید. درواقع این قالب شغل ریسپانسیو بودن وب سایت رو شل میکنه (ریسپانسیو بودن یعنی وبسایت شما برای موبایل هم سازگار باشه) البته یادگیری بوت استرپ بیشتر برای اون افرادی میباشد که میخوان طراحی وب سایت رو به صورت کد نویسی از صفر تا صد خاطر بگیرن و عده ای که دنبال یادگیری طراحی وب سایت با وردپرس و بدون کد نویسی هستن نمیخوان این مرحله رو یادبگیرن. برای بوت استرپ هم به صورت ماهر میتونید از وب سایت w3schools امداد بگیرید. تا اینجا هرچیری که گفته شد مربوط به ساخت سایت در قسمت فرانت اند بود (فرانت اند یعنی طراحی وب در نصیب بصری و جایی که شما میتونید با اون ارتباط بر قرار نمایید و وب سایت رو به صورت آخری مشاهده کنید) تارنما ها به دودسته تقسیم میشن : سایت های استاتیک وب سایت های دینامیک وبسایت های استاتیک اون تیم از وبسایت ها می باشند که شما فقط با آموزش تمامی مواردی که در صدر گفتم میتونید یک وب سایت رو به صورت کامل طراحی کنید و به بک اند و دیتابیس که پیرو میخوام توصیح بدم احتیاج نداره. تارنما های دینامیک وب سایت هایی میباشند که علاوه بر بخش فرانت اند بخش بک اند و دیتابیس هم دارا هستند که البته بک اند و دیتابیس یکی از هستن. کدنویسی این وبسایت ها زمانبرتر و سخت تره.
۱. آموزش طراحی گرافیک قدم اول برای ساخت وب سایت ماهر برای این که به یک طراح وب سایت ماهر تبدیل بشید باید اولیه بتونید گرافیک شغل ماهر بشید. بیشتر از ۵۰ درصد کار طراحی وب سایت گرافیک از طراحی لوگو گرفته تا طراحی اسلایدر و طراحی بنر و طراحی سایت اختصاصی رنگبندی و … همگی عمل طراح گرافیکه. آموزش فتوشاپ برای همین فتوشاپ رو به صورت کامل یادگرفتم و یک سری تا کتاب خوندم و فیلم آموزشی دیدم. بعداز اینکه فتوشاپ رو خیال گرفتم برای اینکه بتونم خیلی راحت تر با طراحی وب سایت کنار بیام رفتم سراغ زیربنای یادگرفتن طراحی یعنی یادگیری HTML / CSS و JS و این موارد رو به صورت خودآموز با نگاه کردن فیلم های آموزشی و کار با سایت W3schools.com یاد گرفتم. ۲. قدم دوم فراگیری اپلیکیشن نویسی ابتدایی طراحی وب سایت فراگیری نرم افزار هایی مثل html, css و JS خیلی لذت بخش بود. نخستین از همه باید HTML رو خیال بگیرید چون سنگ بنا و اسکلت ساختمان طراحی سایت شما محسوب میشه. html من خود آموز این کار رو کردم وبرای آموزش کلی وقت گذاشتم ولی توصیه میکنم که شما مسلما به معلم مراجعه‌کنید که زمان زیادی ازتون گرفته نشه. در‌صورتی‌که میخواید به صورت خودآموز و خودمحور یاد بگیرید وارد وب سایت W3schools.com بشید اونجا کلی اطلاعات به صورت صفر تا صد برای آموزش html قرار داره. تنها موردی که وجود داره سایت به صورت انگلیسی است که اگه ارتباط بر قرار نمیکنید میتونید خیلی شل با گوگل ترنسلیت ترجمه کنید.البته گویش انگلیسیش به حدی سرازیر میباشد که خیلی وا رفته میتونید متوجه بشید که چی گفته. css برای یادگیری CSS و JS یا همون جاوا اسکریپت هم میتونید از همین سایت استفاده کنید و در صورتی‌که حرفه ای کار نمایید پیمان میدم این تارنما نیازهای حرفه ای کار رو براتون براورده کنه. ۳. یادگرفتن قالب های و یا قاب ورک های بوت استرپ بوت استرپ یک قالب یا کادر ورک برای کسایی که میخوان عمل رو سریع جلو ببرن البته قبلش باید شما بی نقص با html, css و js آشنایی داشته باشید. این فریمورک مشتمل بر کلاس ها و آیدی های html , css و js است که از قبلی نرم افزار نویسی شده و شما باید کلاس ها و آیدی ها و قالب کلی رو یاد بگیرید. درواقع این قالب شغل ریسپانسیو بودن وب سایت رو شل میکنه (ریسپانسیو بودن یعنی وبسایت شما برای موبایل هم سازگار باشه) البته یادگیری بوت استرپ بیشتر برای اون افرادی میباشد که میخوان طراحی وب سایت رو به صورت کد نویسی از صفر تا صد خاطر بگیرن و عده ای که دنبال یادگیری طراحی وب سایت با وردپرس و بدون کد نویسی هستن نمیخوان این مرحله رو یادبگیرن. برای بوت استرپ هم به صورت ماهر میتونید از وب سایت w3schools امداد بگیرید. تا اینجا هرچیری که گفته شد مربوط به ساخت سایت در قسمت فرانت اند بود (فرانت اند یعنی طراحی وب در نصیب بصری و جایی که شما میتونید با اون ارتباط بر قرار نمایید و وب سایت رو به صورت آخری مشاهده کنید) تارنما ها به دودسته تقسیم میشن : سایت های استاتیک وب سایت های دینامیک وبسایت های استاتیک اون تیم از وبسایت ها می باشند که شما فقط با آموزش تمامی مواردی که در صدر گفتم میتونید یک وب سایت رو به صورت کامل طراحی کنید و به بک اند و دیتابیس که پیرو میخوام توصیح بدم احتیاج نداره. تارنما های دینامیک وب سایت هایی میباشند که علاوه بر بخش فرانت اند بخش بک اند و دیتابیس هم دارا هستند که البته بک اند و دیتابیس یکی از هستن. کدنویسی این وبسایت ها زمانبرتر و سخت تره.
چگونه طراحی سایت یاد بگیریم؟