آموزش طراحی سایت
راهنمای جامع آموزش طراحی سایت – طراحی سایت را از کجا شروع کنیم
خیلی از دوستان نمیدانند آموزش طراحی سایت را از کجا و با چه زبانی شروع کنند و این موضوع شده یکی از مهمترین دغدغه های کسانی که تمایل دارند طراح وب شوند.
ما قصد داریم در این متن به شما کامل راهنمایی کنیم که یادگیری طراحی و دیزاین وبسایت را از کجا و با چه زبانی شروع کنید.
گام یک در آموزش طراحی سایت
قدم اول در این مسیر یادگیری بدون شک و تردید آموزش HTML میباشد. شما باید در ابتدای این مسیر بتوانید آموزش طراحی سایت با HTML را فرا بگیرید.
مهم نیست شما آیا قصد دارید جاوا بخوانید یا جاوااسکریپت، PHP و یا حتی ASP، هر مسیری که در آینده شما قصد داشته باشید طی کنید قدم همه این مسیرها یادگیری HTML میباشد.
زبان HTML ساختار و بدنه اصلی صفحات سایت را مشخص میکند و خروجی زبانها همه به کمک HTML است. منابع بسیاری به شکل PDF و یا کتابهای کاغذی هستند ولی پیشهاد نمیشود، چرا که به روز نگه داشتن کتابها و PDF ها با تاخیر بسیاری امکانپذیر است.
منبع خوب میتواند یک سایت خوب و به روز باشد. به عنوان مثال سایت W3school چنین ویژگیهایی دارد. البته شما در سایت میزفا هم میتوانید آموزش های HTML را به شکل رایگان دنبال کنید.
مشاهده آموزش HTML کلیک نمایید.
گام دو در آموزش طراحی سایت
گام دوم به گام اول بستگی داره، یعنی باید ابتدا آموزش HTML پیش ببرید و سپس آموزش CSS شروع کنید. درواقع HTML بدون CSS عملا به درد نخواهد خورد. با HTML ما ساختار سایت و بدنه یک وبسایت را پیکربندی میکنیم با CSS به ساختار و بدنه سایت رنگ و استایل میدهیم.
مثلا در همین صفحه از چه نوع فونت و یا رنگی استفاده شده؟ پیش زمینه این صفحه به چه شکل است؟ چپ و راست کردن المانهای HTML و متنها همه به کمک CSS صورت میگیرد.
وقتی شما HTML و CSS فرا گرفتید میتوانید طراحی سایت را شروع کنید. مثلا در ابتدای کار میتوانید برای وبلاگها نمونه طرح بزنید تا هم قابل استفاده برای کاربران باشد و هم یک نمونه کار اولیه برای شما حساب شود.
گام سه در آموزش طراحی سایت
گام سه کمی مهم و سخت میشود، البته سختی در انتخاب صحیح مسیر است، نه آموزش دیدن طراحی سایت. شما میتوانید در این مسیر به سمت زبان جاوا اسکریپت بروید و یا به سمت زبانهای PHP و ASP که بسیار جامع هستند بروید.
-> حال چه فرقی دارند؟
ما یک سری زبان سمت کاربر داریم که در مرورگر لود میشود همانند زبان نمادگذاری HTML و CSS و همینطور زبان جاوااسکریپت. ولی یک سری هم زبان داریم که سمت سرور لود میشوند، همانند زبانهای قدرتمند PHP و ASP، البته زبانهای دیگر هم داریم که ما صرفا همین ۲ زبان معروف را مورد بحث قرار میدهیم.
نکته: HTML و CSS زبان برنامه نویسی نیستند و به آنها زبان نمادگذاری می گویند ولی جاوااسکریپت، PHP و ASP زبان برنامه نویسی هستند و زبانهای برنامه نویسی زبان و انرژی بیشتری نیاز دارد تا شما یاد بگیرید درحالی که زبان نمادگذاری HTML وCSS شاید اگر روزی دو ساعت زمان مفید بگذارید بتوانید در دو هفته به خوبی این دو را فرا بگیرید. ولی برای زبانهای برنامه نویسی به نظر بنده اگر روزی دو ساعت وقت بگذارید بعد از سه ماه میتوانید به یک سطح قابل قبول برسید.
-> حال چه کنیم؟ کدام را انتخاب کنیم؟
شاید مسیر درست ولی بسیار طولانی این باشد که آموزش جاوا اسکریپت Javascript را بخوانید و سپس یکی از آموزش PHP و یا آموزش asp.net را انتخاب کنید.
-> آیا بین PHP و ASP فرقی است؟
خیر، فرقی ندارد شما کدام زبان را انتخاب میکنید. هر ایدهای داشته باشید میتوانید با هر دو زبان قدرتمند پیش ببرید. مهم این نیست که شما کدام را انتخاب میکنید مهم این است که هر کدام انتخاب کردید تا اخر دنبالش باشید و یاد بگیرید تا متخصص شوید. در بازار امروز کمبود متخصص است وگرنه افراد زیادی هستند که از هر زبان کمی میدانند.
پس آموزش طراحی سایت با ASP و یا آموزش طراحی سایت با PHP را شروع کنید ولی قبل آن پیشنهاد میزفا را بخوانید:
-> پیشنهاد میزفا کدام است؟
ما با یک تیر دو نشان زدیم. آموزش طراحی سایت را طوری پیاده سازی کردیم که به اندازه کافی درباره جاوا اسکریپت JavaScript بدانیم و همینطور زبان قدرتمند ASP را هم به شکل جامع با پروژه های متعدد یاد بگیریم. درواقع محوریت آموزش ما ASP.NET در اخرین نسخه Core خود است و در بین این آموزش طراحی ما به اندازهای که نیاز داریم جاوا اسکریپت را هم میآموزیم.
این آموزش ۶۰ ساعت فیلم آموزشی است. جهت مشاهده روی لینک زیر کلیک نمایید.
-
جلسه ۶۳ – انتخابگر صفت $ و * در CSS
انتخابگر صفت $ چیست؟ انتخابگر صفت * چیست؟ چگونه از انتخابگر صفات برای کلمات انتهایی استفاده کنیم؟ تفاوت انتخابگر صفات $ و * در چیست؟ به مقاله پنجم و آخر این فصل میرسیم! تو این مقاله هم مثل مقاله قبل، دو انتخابگر صفت رو بررسی میکنیم. این دو انتخابگر هم…
بیشتر بخوانید » -
جلسه ۶۲ – انتخابگر صفت | و ^ در CSS
انتخابگر صفت شروع کننده چیست؟ چگونه از انتخابگر صفت | استفاده کنیم ؟ چگونه از انتخابگر صفت ^ استفاده کنیم؟ فرق انتخابگر | و ^ در چیست؟ در مقاله چهارم این فصل از آموزش طراحی وب سایت با CSS ، دو انتخابگر صفت | و ^ رو بررسی میکنیم. این…
بیشتر بخوانید » -
جلسه ۶۱ – انتخابگر صفت ~ در CSS
چگونه در مقدار صفات، وجود داشتن یک مقدار را بررسی کنیم؟ در سومین مقاله از فصل انتخابگر های صفت، انتخابگر صفت [“attr~=”value] رو بررسی میکنیم. نحوه نوشتار نحوه نوشتار و سینتکس انتخابگر مورد نظر، به شکل زیر هست: همونطور که در این تصویر از آموزش طراحی وب سایت میبینیم، بر…
بیشتر بخوانید » -
جلسه ۶۰ – انتخابگر صفت [“attr=”value]
چگونه بر اساس مقدار یک صفت را تغییر دهیم؟ دومین انتخابگر مورد بررسی تو این فصل، انتخابگر [“attr=”value] هست. نحوه نوشتار نحوه نوشتار و سینتکس دستور این جلسه، به فرم زیره: کاربرد انتخابگر میتونیم تو یه توضیح مختصر برای کاربرد انتخابگر مذکور، بگیم که: این انتخابگر عنصری رو انتخاب میکنه…
بیشتر بخوانید » -
جلسه ۵۹ – انتخابگر صفت [attr] در CSS
منظور از انتخابگر attr چیست؟ چگونه از Attr استفاده کنیم؟ چگونه خاصیت های HTML را استایل دهی کنیم؟ این انتخابگر، ساده ترین انتخابگر صفت از انتخابگر هایی هست که تو این فصل یعنی انتخابگر صفات از آموزش طراحی سایت یادشون میگیریم. نحوه نوشتار نحوه نوشتار یا سینتکس این انتخابگر به…
بیشتر بخوانید » -
آشنایی با charset ها در HTML
منظور از charset ها در html چیست ؟ چگونه صفحاتمان در HTML را با انکود عمومی تعریف کنیم؟ تفاوت انکود با کارکتر ست چیست ؟ برای نمایش صفحات HTML، مرورگر باید بداند از چه نوع کاراکتر هایی (انکود) باید استفاده کند، در این مقاله با charset ها در HTML آشنا خواهیم…
بیشتر بخوانید » -
جلسه ۵۸ – گالری تصاویر در CSS
چگونه گالری تصاویر بسازیم؟ گالری هنری با گالری فروشگاهی چه فرقی دارند؟ همونطور که تو مقدمه فصل گالری تصاویر دیدیم، میتونیم گالری های تصاویر رو به دو فرم هنری و فروشگاهی به کار ببریم. گالری تصاویر فروشگاهی این گالری ها، شباهت بسیار زیادی به کارت ها دارن. برای مطالعه کامل…
بیشتر بخوانید » -
سرفصل های آموزش HTML
آموزش طراحی سایت با HTML با سلام خدمت تمامی علاقمندان به مباحث آموزشی طراحی سایت ، دوره آموزش HTML سایت میزفا یک دوره جامع و در عین حال رایگان است که به آموزش HTML از مقدماتی تا پیشرفته می پردازد . پس اگر علاقمند به فراگیری HTML این زبان نشانه…
بیشتر بخوانید »