میخواهم طراح وب شوم ، از کجا شروع کنم؟

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

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

صفحه های وب چند لایه ای هستند

صفحه های وب چند لایه ای هستند

زبان و تکنولوژی‌‎هایی که در طراحی وب مورد استفاده قرار میگیرند رو میتونیم در اولین نگاه به دو دسته کلی تقسیم کنیم.

  1. سمت سرور ( Server Side )
  2. سمت کاربر ( Client Side )

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

سمت سرور ( Server Side )

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

به زبانهای سمت سرور ، زبانهای پویا میگیم. زبانهایی مثل PHP یا ASP یا JSP و … ، زبانهای پویا گفته میشه که این زبان ها ، باید توسط سرور پردازش بشن و نتیجشون ، به عنوان خروجی ، برای کاربر ارسال بشه تا ببینه.

سمت کاربر ( Client Side )

همونطور که گفتم ، اطلاعاتی که روی سرور پردازش میشه ، برای کاربر ارسال میشه. خوب این اطلاعات میتونه در قالب های متفاوتی باشه. از جمله ( حالا خیلی وارد جزئیات نمیشیم ) XHTML , HTML , JavaScript , JSON , XML , … یا از این قبیل زبانها!

اطلاعاتی که برای کاربر ارسال میشه ، توسط موتوری که در مرورگرش هست ، بررسی و نمایش داده میشه. ( هر مرورگری یک موتور مفسر داره که کدهای HTML و .. که دریافت میکنه رو تفسیر و سپس به نمایش در میاره. ) زبانهایی که سمت کاربر رو تشکیل میدند ، زبانهایی هستند که در مرورگر کاربر ، قابلیت اجرائی شدن رو دارند. مثلا جاوا اسکریپت ، اچ تی ام ال ( HTML ) یا اکس اچ تی ام ال ( XHTML ) ، سی اس اس ( CSS ) و ….

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

  • HTML
  • XHTML
  • CSS ( 1.0 , 2.0 , 3.0 )
  • JS ( JavaScript )

مسلما وقتی تونستید ، یک صفحه وب حرفه ایِ ایستا بسازید ، میتونید قدم به سوی زبانهای برنامه نویسی تحت وب بردارید. خوب پیشنهاد من برای زبانهای سمت سرور اینهاست :

  • PHP
  • JSP
  • Perl
  • ASP ( اصلا پیشنهاد نمیکنم! )

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

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

لهن نوشتارم چطور بود؟

شما بیشتر دوست دارید مطالبم رو به صورت متن بنویسم یا به صورت پادکست ( آموزش صوتی ) گوش میکنید؟

ممنون میشم این سوالات رو توی نظرات پاسخ بدید.

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

تمرکز موضوع: نوشته شده در: ۲۸ خرداد ۱۳۸۹

درباره محمد رشیدی

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

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

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

  4. mamno0n vali fekr nemikonid kheili Zzaman bar bashe aZz avale aval shoro0 konim??
    eine in mimo0ne begi 100 sal dg k ye alame Zzaban haye barname nevisi dg miad taraf bayad 50 sale avale omresho betartib yad begire o0naro bad tarahi kardano shoro0 kone k moteasefane 2 sal bad mimire chon motevasete omre ensan ro0 be kaheshe:D

    • سلام.
      خوشحال میشدیم اگر با حروف فارسی مینوشتید.

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

  5. شما بیشتر دوست دارید مطالبم رو به صورت متن بنویسم یا به صورت پادکست ( آموزش صوتی ) گوش میکنید؟
    سلام
    من دوست دارم به همین صورتی که نوشتید ادامه بدید و آموزش صوتی دوست ندارم! ممنون

پاسخ دهید

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


*