Loading

Article

صبح ایرانی ، مجله نشاط و سرگرمی

طراحی سایت را از کجا شروع کنم؟

طراحی سایت را از کجا شروع کنم؟

همیشه اولین سوالی که در ذهن افراد علاقه مند به طراحی وب پیش میاد اینه که چطوری باید شروع کنم؟ باید چه چیزهائی یاد بگیرم؟ آیا باید برنامه نویسی یاد بگیرم؟ چطور میشه طراح وب شد؟ چطوری یک وب سایت طراحی میشه؟ اوایل ، صفحات وب رو با زبان HTMLطراحی میکردیم. این زبان ، یک زبان کاملا ایستا بوده و هست و هرچیزی که ما طراحی میکردیم ، دقیقا همون برای کاربرانمون نمایش داده میشد. وب سایت هایی که با این زبان طراحی میشدند ، در صورتی که به کوچکترین بروز رسانی‌ ای نیاز داشتند با استفاده از برنامه هایی مثل فرانت پیج و حرفه ای ها با کدنویسی ، نسبت به تغییر محتوای اون صفحات اقدام میکردند و فایل جدید رو با فایلی که روی سرور بود ، جایگزین میکردند تا تغییرات برای کاربران به نمایش در بیاد. خب این خیلی وحشتناک بود! همین موضوع باعث شد بشر دست به خلاقیت بزنه و زبانها و استانداردهایی رو تولید کنه که بتونه صفحات وب رو از این حالت ایستا خارج کنه و یک پویائی در اون بوجود بیاره.
روز به روز تکنولوژی ها ، استانداردها و زبانهای جدیدی بوجود آمدند و در حال حاضر ، شاهد وب سایتهایی کاملا پویا هستیم. بنابراین امروزه اکثر صفحات وبی که میبینیم ، با استفاده از یک یا چند زبان مختلف تهیه شده اند. در واقع میتونیم خیلی راحت بگیم که صفحات وب ، مثل اشیاء چند لایه هستند.
خوب بهتره زودتر شروع کنیم . در یک پاراگراف مسیر کلی حرکت شما به سمت یادگیری طراحی وب  رو مطرح میکنم . برای این منظور اول از همه باید زبان htmlرو فرار بگیرید ، htmlبرای طراحی شالوده و ساختار اصلی صفحه ی وب استفاده میشه . بعد از اون باید زبان CSSرو یاد بگیرید تا بتونید جزئیات شیوه ی نمایش صفحات وبتون رو تعیین کنید . پس از اون در صورت تمایل بد نیست که به سراغ جاوااسکریپت برید تا بتونید به صفحات وبتون پویایی و امکانات ویژه تری اضافه کنید . بعد از اون هم اگه قصد دارید حرفه ای تر کار کنید باید به سراغ یک زبان برنامه نویسی سمت سرور (server-side) مثل phpیا asp.netبرید تا بتونید اسکریپت ها و برنامه های اختصاصی تحت وب برای خودتون بنویسید . بعد از یادگیری این موارد هم باید بشینید و حسابی به صورت عملی و تجربی کار کنید تا دستتون راه بیافته و تجربتون افزایش پیدا کنه .
:: برای طراح وب  شدن به ترتیب باید گام های زیر رو پیش برید :

:: گام اول : یادگیری زبان HTML
برای شروع کار و آغاز طراح وب شدن ، لازم و ضروریه که اول از همه زبان htmlرو یاد بگیرید . زبان htmlبرای ایجاد بدنه و ساختار اصلی صفحات وب به کار میره . شما از هر زبان برنامه نویسی (مثل php) که استفاده کنید نهایتا باید خروجی رو به صورت کدهای htmlبسازید .
برای یادگیری این زبان کتاب های زیادی در کتاب فروشی ها موجوده . ولی پیشنهاد من اینه که همزمان با مطالعه حتما کد بزنید و به صورت عملی و تجربی کار کنید تا نتیجه مناسب رو بگیرید .
:: اگر زبانتون بد نیست پیشنهاد من اینه که بخش آموزش html سایت w3schools.com  رو هم حتما برای شروع کار مطالعه کنید . در اونجا مثال های زیادی زده شده و این مزیت هم وجود داره که همزمان میتونید کدها رو خودتون تست کنید و نتیجه اش رو در خروجی ببینید .

:: گام دوم : آموختن و فراگیری زبان CSS
با htmlساختار و پیکربندی کلی یک صفحه وب رو میسازیم . ولی برای اینکه ظاهر صفحه وب رو آراسته کنید باید از CSSاستفاده کنید . با CSSمیتونید برای هر کدوم از تگ های htmlخصوصیاتی چون رنگ ، فونت ، سایز ، پس زمینه و ... رو تعیین کنید . CSSرو به این منظور ایجاد کردند که ساخت پیکربندی صفحه وب رو از شیوه ی نمایش اون جدا کنند (seperation of concepts).
:: برای شروع یادگیری CSSهم برای شروع به بخش آموزش CSSسایت w3schools  مراجعه کنید .

:: گام سوم : یادگیری زبان جاوااسکریپت
وقتی که htmlو CSSرو خوب یاد گرفتید ، می تونید صفحات وب استاتیک رو طراحی کنید . مثلا میتونید قالب های وبلاگ سرویس های مختلفی مثل بلاگفا ، میهن بلاگ ، پرشین بلاگ و بلاگ اسکای رو طراحی و ویرایش کنید . اما اگر میخواید حرفه ای تر کار کنید باید بعد از htmlو CSSسراغ javascriptبرید . با جاوا اسکریپت میتونید پویایی و طراوت خاصی به صفحات وبتون بدید . می تونید اسکریپت های بدرد بخور و لازم برای خودتون بنویسید و صفحات وبتون رو جذاب تر کنید . جاوااسکریپت برخلاف htmlو CSSیک زبان برنامه نویسی هست ، در صورتی که htmlو CSSزبان های نمادگذاری هستند . پس به منظور یادگیری javascriptباید وقت بیشتری بزارید تا با مفاهیم برنامه نویسی هم در کنار یادگیری این زبون آشنا بشید . تازه لذت کار با جاوااسکریپت رو زمانی که از libraryهایی مثل jQuery  استفاده می کنید خیلی ملموستر و بیشتر لمس خواهید کرد .
:: سایت  w3schools.com قسمتی هم برای آموزش جاوا اسکریپت  داره که بد نیست دنبالش کنید . برای آشنایی اولیه مختصر و مفیده .

:: گام چهارم : یادگیری زبان برنامه نویسی اسکریپتی مثل PHP
گام بعدی اینه که شما به سراغ یک زبان برنامه نویسی سمت سرور مثل phpیا asp.netبرید . با استفاده از این زبون ها شما میتونید برنامه های تحت وب بزرگ و دلخواه خودتون رو بنویسید . یادگیری این زبان ها وقت ، تلاش و کار عملی زیادی رو می طلبه و فقط هم زمانی توصیه میشه که واقعا علاقمند باشید و برنامه ای برای توسعه و نوشتن نرم افزارهای تحت وب داشته باشید . و در صورتی که می خواید در حد ویرایش و طراحی قالب وبلاگ ها و صفحات ایستای وب کار کنید ، 3 گام اول براتون کافیه .
:: بعد از یادگیری این نوع زبان ها هم باید با مفاهیم پایگاه داده (Database) آشنا بشید تا بتونید محتوای ورودی و خروجی برنامه های نوشته شده رو ذخیره و استفاده کنید .
:: سری آموزش زبان phpرو هم برای شما تهیه کردیم که می تونید اونرو بخونید . ولی برای شروع باز می تونید به بخش های آموزش php  ، آموزش asp.net  و آموزش SQL(زبان کار با پایگاه های داده)  در سایت w3schoolsمراجعه کنید .
ناگفته نماند که من اینجا این دو زبان رو پیشنهاد دادم ، در صورتی که زبان های دیگری هم مثل perl ، ruby، پایتون و .. هم برای نوشتن برنامه های تحت وب موجوده که البته کاربرد و استفاده ی کمتری دارند .

:: ابزار مورد نیاز
برای نوشتن کدها بهتره از ادیتور هایی که قابلیت های پیشرفته ای مثل پیشبینی کد ، کامل کردن خودکار کد (auto completion) ، رنگ گذاری کلمات کلیدی ، تشخیص خطاها ، فرمت بندی کدها و ... رو دارند استفاده کنید تا سریعتر کد بزنید ، درصد خطاتون پایین بیاد و کارتون راحتتر و استانداردتر باشه .
:: پیشنهاد من استفاده از برنامه ی   phpStormیا برنامه Adobe Dreamweaverهست که برای همه ی زبان های فوق امکانات فوق العاده ای داره . همچنین توصیه می کنم که نرم افزار notepad++ رو هم حتما نصب کنید . به خاطر سبک بودن و امکانات نسبتا خوبش میگم . همچنین برنامه های خیلی زیاد دیگه ای در این زمینه وجود داره که می تونید از اونها اسفاده کنید. من اسم بعضی از معروف ترین هاشو در زیر میارم که میتونید سرچ و دانلود کنید یا از فروشگاه های سی دی تهیه کنید :
•           PhpStorm (html,css,javascript,php)
•           Microsoft Visual Studio (asp.net)
•           Microsoft Expression Web
•           Notepad++
•           Adobe Dreamweaver
•           Komodo Edit
•           Aptana Studio
•           NetBeans
•           Bluefish
•           CoffeeCup Free HTML Editor
•           HTML-Kit
برای یادگیری مباحث طراحی وب ، انگیزه از مهم ترین بخش های کار است . شاید افراد بسیاری وارد این حیطه شده باشند، اما اکثر آنها به دلیل گستردگی کار و نداشتن انگیزه لازم از ادامه یادگیری سر باز زده اند. به عنوان مثال خود من با دیدن وب سایت های زیبا و اینترفیس های جذاب ، بسیار مشتاق می شوم تا تکنیک های جدید را یاد بگیرم. پس مطمئنا انگیزه و تلاش و پشتکار از واجبات امر است.

دیدگاه‌ها

tooraji.blogfa.com

افزودن دیدگاه جدید

عضویت درخبرنامه

با عضویت در خبرنامه شما از بروزرسانی محصولات ، خدمات ، اخبار و غیره مطلع خواهید شد

جدیدترین مطالب

3 ماه 2 روز قبل

وقتیکه گوگل در فوریه ی سال گذشته پروژه ی AMP یا صفحات موبایلی پرشتاب رو کلید زد، سر و صدای وب مسترها بلند شد که آیا به این...