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

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

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

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

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

  • HTML رو یاد بگیر
  • CSS رو یاد بگیر
  • JavaScript رو یاد بگیر
  • برای BackEnd یه زبان سمت سرور مثل PHP یا JAVA یا NET. یا… یادبگیر
  • برای UI سایتت یه نرم افزار گرافیکی مثل Photoshop رو یادبگیر
  • کار با بانک های اطلاعاتی رو یاد بگیر
  • و همینطور فعلا یاد بگیر

و البته اگه راستش رو بخواین کاملا هم درست میگن. چون اگه شما بخوای یه سایت رو صفر تا صد طراحی کن باید حداقل تَکرار میکنم حداقل همه موارد بالا رو بلد باشی. دقت کن نمیگم باهاشون آشنا باشی میگم بلد باشی.

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

نه حالا اینطوریام نیست تازه میخوایم برسیم به اون سریعترین روش که این همه براش تبلیغ کردم.

آ
آ


طراحی سایت مثل ساختن یه خونه است

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

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

امیدوارم با این مثال منظورم رو کامل متوجه شده باشی. اگرم هنوز برات ابهام وجود داره مشکلی نیست تو ادامه بیشتر توضیح میدم

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

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

خب ما یه سری دستورالعمل داریم که باید به ترتیب انجام بشن. اگه هر کدوم از این موارد رو بلدید با خیال راحت به سراغ مرحله بعدی. من ابتدا این مراحل رو نام میبرم و بعد در مورد هر کدومشون براتون توضیح میدم.

  1. با مفاهیم کلی مربوط به اینترنت آشنا بشو.
  2. با مفاهیم مواردی که در ابتدای مقاله اسم بردم آشنا بشو.
  3. با سیستم های مدیریت محتوای رایگان میانبر بزن.
  4. هر چیزی رو که یاد میگیری تجربه کن.
  5. در مورد مفاهیمی که تو بند ۲ یاد گرفتی مطالعه و تمرین کن.
  6. تو همین الان هم یه طراح سایت هستی. سعی طراح سایت حرفه ای بشی.

۱.با مفاهیم کلی مربوط به اینترنت آشنا بشو

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

  • استفاده ابتدایی از کامپیوتر(کپی، پیست، فولدر، پسوند فایل ها و…)
  • سایت
  • دامین
  • آدرس سایت
  • نام سایت
  • آدرس اینترنتی
  • ایمیل
  • وبلاگ (پست، دسته بندی، برچسب گذاری، افزودن عکس و…)
  • هاستینگ
  • کنترل پنل هاست (Cpanel، DirecAdmin)
  • سیستم مدیریت محتوا (CMS)
  • موتور جستجو

خب اگه معنی و مفهوم موارد بالا رو درک میکنی و اینها باهاشون آشنایی بریم سراغ مرحله دوم

۲.با مفاهیم مواردی که در ابتدای مقاله اسم بردم آشنا بشو.

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

خب انتظار میره تو این مرحله حداقل با مفاهیم موارد زیر آشنا بشی.

  • HTML
  • CSS
  • JavaScript
  • BackEnd
  • سرور
  • زبان های برنامه نویسی سمت سرور (PHP یا JAVA یا NET. یا…)
  • بانک اطلاعاتی
  • سیستم مدیریت محتوا
سیستم مدیریت محتوا
سیستم مدیریت محتوا


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

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

۳.با سیستم های مدیریت محتوای رایگان میانبر بزن.

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

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

حالا تو یه سایت داری که مثل همون خونه پیش ساخته بخش های پیش ساخته و آماده ای در اختیارته بدون اینکه نیاز باشه بدونی اینها چجوری ساخته شدن. تو این مرحله میتونی با مفاهیمی مثل پوسته (Theme) ، پلاگین (Plugin)، دسته بندی(Category)، برچسب(Tag)و… آشنا بشی. خیلی از امکانات این سیستم ها بصورت Drag and Drop هست و تو خیلی راحت میتونی باهاشون آشنا بشی.

۴.هر چیزی رو که یاد میگیری تجربه کن.

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


۵.در مورد مفاهیمی که تو بند ۲ یاد گرفتی مطالعه و تمرین کن.

حالا وقتشه کم کم بری سراغ مفاهیمی که تو مورد شماره ۲ یاد گرفتی. اونها رو هر موقعی که تو هر مرحله لازم شد برو سراغشون و موردی یاد بگیر. یادت باشه لازمه که تو این مرحله مفاهیم رو کاملا بلد باشی و هرجا به موضوعی برخوردی که نمیدونستی چیه از موتورهای جستجو کمک بگیر. مثلا فرض کن من میخوام رنگ یه متنی رو در فلان قسمت سایت (خارج از ادیتور CMS)عوض کنم. با توجه به مفاهیمی که یاد گرفتم میدونم که برای تغییر رنگ باید برم سراغ CSS و مثلا خصوصیت Color اون قسمت مورد نظرم رو تغییر بدم.

خب حالا باید تو این حلقه کارت رو ادامه بدی. جستجو کنی، پیدا کنی، تمرین کنی و مشکلات رو حل کنی.

۶.تو همین الان هم یه طراح سایت هستی. سعی کن حرفه ای بشی.

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

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

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

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

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

  • HTML
  • CSS
  • JavaScript
  • SQL
  • Python
  • PHP
  • Bootstrap
  • JQuery
  • Java
  • #C
  • ++C
  • ASP

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

اگه به همچین مطالبی علاقه مندی بهت پیشنهاد میکنم سری به سایت من بزنی.
mrebi.ir

شاد باشین