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

آشنایی با ویژگی combinator
آموزش CSS
نوید معدن نژاد

جلسه ۴۸ – combinator ها

منظور از نشانه های ارتباطی چیست؟ منظور از Combinator ها چیست؟ منظور از Combinator در CSS چیست؟ در این مقاله می‌خواهیم به صورت کامل با

آشنایی با ویژگی Opacity
آموزش CSS
نوید معدن نژاد

جلسه ۴۷ – آموزش opacity در CSS

منظور از شفافیت چیست ؟ چگونه شفافیت را در تمامی تصاویر و کلاس های صفحه تغییر دهیم؟ منظور از Opacity چیست؟ چگونه کمی از تصویر

آشنایی با ویژگی Radial Gradient
آموزش CSS
نوید معدن نژاد

جلسه ۴۶ – radial gradient در CSS

منظور از گردینت شعاعی چیست؟ منظور از گردینت دایره ای چیست؟ منظور از Radial gradient چیست؟ چگونه می‌توانیم از گردینت های دایره ای در تصاویر

آزمون جامع میزفا
آموزش HTML
علی اسماعیلی

آزمون جامع HTML میزفا

بازگشت به سرفصل های HTML برو آزمون جامع یادگیری HTML حالا که به صورت کامل آموزش HTML و نحوه ساخت صفحات استاتیک رو یاد گرفتید،

آشنایی با ویژگی Linear Gradient
آموزش CSS
نوید معدن نژاد

جلسه ۴۵ – linear gradient در CSS

منظور از Linear Gradient چیست؟ چگونه گردینت خطی ایجاد کنیم؟ منظور از گردینت چیست؟ چگونه به تصاویرمان گردینت خطی اعمال کنیم؟ در این مقاله قصد

آشنایی با overflow
آموزش CSS
نوید معدن نژاد

جلسه ۴۴ – خاصیت overflow در CSS

منظور از خارج از باکس چیست ؟ منظور از Overflow چیست ؟ چطور از اورفلو استفاده کنیم؟ چطور بخش های خارجی صفحه را محو کنیم؟

مقایسه Flexbox و grid
آموزش CSS
نوید معدن نژاد

جلسه ۴۳ – مقایسه flexbox و grid

تو این مقاله، سعی کردیم به شکل مناسبی در مورد ۲ روش طبقه بندی grid و flexbox صحبت کنیم. اگه با این دو روش آشنایی

آشنایی با Grid
آموزش CSS
نوید معدن نژاد

جلسه ۴۲ – طبقه بندی به روش grid

منظور از Grid چیست؟ گرید چیست؟ چگونه از grid در css استفاده کنید. چگونه از grid سیستم در طراحی ریسپانسیو استفاده کنیم؟ آیا grid برای

آموزش جامع flexbox
آموزش CSS
نوید معدن نژاد

جلسه ۴۱ – طبقه بندی به روش flexbox

Flexbox چیست؟ فلکس باکس چیست؟ در این مقاله می‌خواهیم به آموزش کامل Flexbox بپردازیم و به مقایسه فلکس باکس و گرید می‌پردازیم. flexbox، توانایی های

ویژگی display در css
آموزش CSS
نوید معدن نژاد

جلسه ۴۰ – خاصیت display

چگونه از display در Css استفاده کنیم ؟ منظور از Display چیست؟ چگونه می‌توانیم یک بلاک را به صورت خطی چاپ کنیم؟ منظور از inline

راهنمای جامع آموزش طراحی سایت – طراحی سایت را از کجا شروع کنیم

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

{ “@context”: “https://schema.org”, “@type”: “VideoObject”, “name”: “گام های آموزش طراحی وب سایت”, “description”: ” ما قصد داریم در این متن به شما کامل راهنمایی کنیم که یادگیری طراحی و دیزاین وبسایت را از کجا و با چه زبانی شروع کنید.”, “thumbnailUrl”: [ “https://mizfa.com/blog/wp-content/uploads/2020/12/ali-esmaeili-webdesign.jpg” ], “uploadDate”: “2020-12-18”, “publisher”: { “@type”: “Organization”, “name”: “Mizfa”, “logo”: { “@type”: “ImageObject”, “url”: “https://mizfa.com/wp-content/uploads/2016/10/logo-header-compressor.png”, “width”: “300”, “height”: “125” } }, “contentUrl”: “https://mizfa.com/blog/category/programming-tutorials/”, “embedUrl”: “https://mizfa.com/blog/wp-content/uploads/2020/12/Mizfa-Webdesign-1.mp4”, “duration”: “PT01M46S” }

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

قدم اول در این مسیر یادگیری بدون شک و تردید آموزش HTML می‌باشد. شما باید در ابتدای این مسیر بتوانید آموزش طراحی سایت با HTML را فرا بگیرید.
مهم نیست شما آیا قصد دارید جاوا بخوانید یا جاوااسکریپت، PHP و یا حتی ASP، هر مسیری که در آینده شما قصد داشته باشید طی کنید قدم همه این مسیرها یادگیری HTML می‌باشد.
زبان HTML ساختار  و بدنه اصلی صفحات سایت را مشخص می‌کند و خروجی زبان‌ها همه به کمک HTML است. منابع بسیاری به شکل PDF و یا کتاب‌های کاغذی هستند ولی پیشهاد نمی‌شود، چرا که به روز نگه داشتن کتاب‌ها و PDF ها با تاخیر بسیاری امکان‌پذیر است.
منبع خوب می‌تواند یک سایت خوب و به روز باشد. به عنوان مثال سایت W3school چنین ویژگی‌هایی دارد. البته شما در سایت میزفا هم می‌توانید آموزش های HTML را به شکل رایگان دنبال کنید.

[button color=”red” size=”medium” link=”https://mizfa.com/blog/html-training-topics/” icon=”” target=”true” nofollow=”false”]مشاهده آموزش HTML کلیک نمایید.[/button]

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

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

[button color=”red” size=”medium” link=”https://mizfa.com/blog/css-training-topics/” icon=”” target=”true” nofollow=”false”]مشاهده آموزش CSS کلیک نمایید.[/button]

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

گام سه کمی مهم و سخت می‌شود، البته سختی در انتخاب صحیح مسیر است، نه آموزش دیدن طراحی سایت. شما می‌توانید در این مسیر به سمت زبان جاوا اسکریپت بروید و یا به سمت زبان‌های 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 خود است و در بین این آموزش طراحی ما به اندازه‌ای که نیاز داریم جاوا اسکریپت را هم می‌آموزیم.
این آموزش ۶۰ ساعت فیلم آموزشی است. جهت مشاهده روی لینک زیر کلیک نمایید.

[button color=”red” size=”medium” link=”https://mizfa.academy/product/simple-asp-net-core2-training/” icon=”” target=”true” nofollow=”false”]مشاهده 120 ساعت فیلم آموزش ASP.NET کلیک نمایید.[/button]

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=