میخواهم طراح وب شوم ، از کجا شروع کنم؟
نگاشته شده در جمعه ۲۸ خرداد ۱۳۸۹ at ۴:۳۳ ق.ظ | کلیدواژه ها: طراحی وب
چگونه طراح وب شویم
همیشه اولین سوالی که در ذهن افراد علاقه مند به طراحی وب پیش میاد همینه. اینکه چطوری باید شروع کنم؟ باید چه چیزهائی یاد بگیرم؟ آیا باید برنامه نویسی یاد بگیرم؟ چطور میشه طراح وب شد؟ چطوری یک وب سایت طراحی میشه؟ … و سوالاتی از این قبیل. خوب میخوام برای دوستان ِ علاقه مند ، کمی در همین خصوص بنویسم.
اوایل ، صفحات وب رو با زبان HTML طراحی میکردیم. این زبان ، یک زبان کاملا ایستا بوده و هست و هرچیزی که ما طراحی میکردیم ، دقیقا همون برای کاربرانمون نمایش داده میشد. وب سایت هایی که با این زبان طراحی میشدند ، در صورتی که به کوچکترین بروزرسانیای نیاز داشتند ، افراد ، حالا یا با استفاده از برنامه هایی مثل فرات پیج و یا حرفه ای ها با کدنویسی ، نسبت به تغییر محتوای اون صفحات اقدام میکردند و فایل جدید رو با فایلی که روی سرور بود ، جایگزین میکردند تا تغییرات برای کاربران به نمایش در بیاد. خب این خیلی وحشتناک بود! همین موضوع باعث شد بشر دست به خلاقیت بزنه و زبانها و استانداردهایی رو تولید کنه که بتونه صفحات وب رو از این حالت ایستا خارج کنه و یک پویائی در اون بوجود بیاره.
روز به روز تکنولوژی ها ، استانداردها و زبانهای جدیدی بوجود آمدند و در حال حاضر ، شاهد وب سایتها کاملا پویا هستیم. بنابراین امروزه کلیه صفحات وبی که میبینیم ، با استفاده از یک یا چند زبان مختلف تهیه شده اند. در واقع میتونیم خیلی راحت بگیم که صفحات وب ، مثل اشیاء چند لایه هستند.
صفحه های وب چند لایه ای هستند
زبان و تکنولوژیهایی که در طراحی وب مورد استفاده قرار میگیرند رو میتونیم در اولین نگاه به دو دسته کلی تقسیم کنیم.
- سمت سرور ( Server Side )
- سمت کاربر ( 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 ( اصلا پیشنهاد نمیکنم! )
البته آخرای این ، نظره شخصیه من و میلیون ها طراح وب دیگه هست. یعنی نمیشه بگیم اکثریت طراحان و برنامه نویسان وب ، از این روش استفاده میکنند یا نمیکنند.
خوب این همه حرف زدم تا برسم به همین چهار پنجتا کلمه! به امید خدا ، آروم آروم تک تک همین زبانهایی که گفتم رو در اینجا آموزش میدم. البته در حدی که خودم بلدم.
لهن نوشتارم چطور بود؟
شما بیشتر دوست دارید مطالبم رو به صورت متن بنویسم یا به صورت پادکست ( آموزش صوتی ) گوش میکنید؟
ممنون میشم این سوالات رو توی نظرات پاسخ بدید.
موفق و پایدار باشید.
مباحثه
ببینید دیگران چه نظری دارند...
سلام به همکار عزیزم،
خسته نباشید آقا خیلی خوب بود. البه این درس برا من تکراری بود چون تو کلاس خصوصی (دفتر) اینارو بهم گفته بودی.
نوع نوشتن هم خیلی خوبه چون ساده و روان و قابل فهمه فقط یه نکته اونم اینکه از جمله های کوچکتر استفاده کنی بهتره یعنی فعل های بیشتری استفاده کن. اینطوری فهم جمله ها راحت تر میشه.
محمد رشیدی پاسخ در تاريخ خرداد ۳۰م, ۱۳۸۹ ۰۱:۴۹:
جدی نمیدون چرا جملاتی که توی ذهنم ساخته میشن ، اینقدر بزرگن!
تازه یه نامه نوشتم دادم به یه اداره دولتی ، تماس گرفتن دعوتم کردن برم اونجا. بعد که رفتم دیدم نتونستن نامه رو بفهمن ، خواستن که من خودم برم و توضیح بدم
)
سلام
از نظر توضیحی و تسلط روی چیزی که میخواید مطرح کنید – در این سطح که آموزش نبود- خیلی خوبه
در مورد تدریس نمی دونم چطوری است، اما به نظر خوب میاد
برای امتحان یه پادکست بذارید و همون رو جدا از پادکست تایپ کنید که مقایسه کنه یادگیرنده
در ضمن به نظرم باید یه دلیل خیلی محکم برا خودتون مشخص کنید که تا اخر کار انگیزش داشته باشه براتون ، چون به نظر قلم تون خوب به نظر میاد و می تونید اموزش های خخوبی بذارید
سلام
من همش منتظر ادامه این مبحث شیرین و جاب هستم ولی خبری از ادامش نیستش:(
واقعا دستتون درد نکنه ، ممنون.
محمد رشیدی پاسخ در تاريخ تیر ۲۹م, ۱۳۸۹ ۰۴:۳۶:
سلام.
متأسفانه کمی گرفتار شدم. انشاالله به زودی بلاگ رو زود به زود بروزرسانی میکنم.
ممنونم که وقت گذاشتید.
ممنون که وقت گذاشتید و جواب دادید و نیز ممنون که این کار سخت را با پشتکار خوب و دلسوزانه بر عهده گرفتید.
سلام
من یه هاست لینوکس خریدم ولی هیچی بلد نیستم
در این حد که بعد از خرید اصلا نفهمیدم چی شد چی خریدم
من فقط می خوام وبلاگم رو با این هاست آپلود کنم و رسمیش کنم و یک انجمن ساده هم داشته باشم
ممنون میشم راهنماییمون بفرمایید
محمد رشیدی پاسخ در تاريخ شهریور ۲۸م, ۱۳۸۹ ۲۰:۰۶:
برای راه اندازی یک وبلاگ ، میتونید از سیستم متن باز و رایگان وردپرس استفاده کنید.
همینطور از سیستمهایی مثل جوملا و …
برای انجمن هم از سیستم مای بی بی یا پی اچ پی بی بی و .. استفاده کنید.
لینکهای مناسب:
http://www.wp-persian.com
http://www.joomla.org
http://www.joomfa.org
http://www.mybb.com
http://www.phpbb.com
http://www.vbulletin.com
نصب این سیستمها بسیار ساده و سریع هست.
خیلی راحت میشه این سیستمها رو شخصی سازی کرد. اما اگر نیازتون فراتر از توانتون هست ، میتونید از متخصصین کمک بگیرید که متحمل هزینه اندکی خواهید شد.
آره پادکست . اگه می شه هر وقت یه پادکست درست کردی خبر بده لطفا.
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
محمد رشیدی پاسخ در تاريخ فروردین ۲۲م, ۱۳۹۱ ۰۹:۲۸:
سلام.
خوشحال میشدیم اگر با حروف فارسی مینوشتید.
موافقم با شما. ولی خب، نه کامل. بحث اینه که ما باید یه سری پیشنیازها رو بدونیم تا قادر به درک موضوعات جدید باشیم. حالا قرار نیست شما بشینید تمام پیشنیازها رو به طور کامل درک کنید و عمری رو روش وقت بذارید. بلکه میتونید در حد نیازتون ازش برداشت کنید.