جلسه ۷۶ – transition در CSS
تو مقدمه، یه جمله کوچیک در مورد مفهوم transition با هم مرور کردیم. جمله ای که در موردش صحبت کردیم، این بود: “اضافه کردن مدت
خانه » آموزش طراحی سایت » صفحه 2
تو مقدمه، یه جمله کوچیک در مورد مفهوم transition با هم مرور کردیم. جمله ای که در موردش صحبت کردیم، این بود: “اضافه کردن مدت
تو مقاله قبل، تبدیلات دو بعدی رو با هم بررسی کردیم، و دیدیم که میتونیم تبدیلاتی همچون انتقال، دوران، انحراف و تغییر ابعاد رو روی
تبدیلات دو بعدی، چه تبدیلاتی هستن؟ و ما چطور از تبدیلات دو بعدی میتونیم استفاده کنیم؟ پشتیبانی مرورگر ها از تبدیلات دو بعدی به چه
تا اینجا، با مفهوم طراحی واکنش گرا آشنا شدیم. فهمیدیم که طراحی واکنش گرا، بر پایه مفهومی به نام مدیا کوئری انجام میگیره. همچنین متوجه
تو این مقاله، خلاصه ای از مفهوم viewport رو مرور میکنیم، و به این موضوع میپردازیم که چه خاصیت ها و واحد هایی در طراحی
مدیا کوئری ها چی هستن و چطور میشه از مدیا کوئری ها استفاده کرد؟ چطور میتونیم با استفاده از اون ها صفحاتمون واکنشگرا کنیم؟ مفهوم
خب اول از هر چیزی، اصلا طراحی و توسعه واکنش گرا چیه؟ چه کاربردا و فوایدی داره؟ تعریف طراحی و توسعه واکنش گرا قبل از
این فصل رو به یادگیری یک سری از خاصیت های پیشرفته تر متن اختصاص میدیم. انواع خاصیت های پیشرفته متن این خاصیت ها عبارتند از:
چگونه حاشیه های خاص بسازیم ؟ آیا میتوانیم در حاشیه ها یا Border ها از تصاویر استفاده کنیم؟ در این مقاله میخواهیم دقیقا این موضوعات
در این مقاله قصد داریم تا با طراحی فرم ها به صورت کلی تر آشنا شویم و مثال های پیشرفته تری را با همدیگه بررسی
خیلی از دوستان نمیدانند آموزش طراحی سایت را از کجا و با چه زبانی شروع کنند و این موضوع شده یکی از مهمترین دغدغه های کسانی که تمایل دارند طراح وب شوند.
ما قصد داریم در این متن به شما کامل راهنمایی کنیم که یادگیری طراحی و دیزاین وبسایت را از کجا و با چه زبانی شروع کنید.
{ “@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]
میدونستی ۹۵ درصد مقالههای ما کپی میشه؟
این تفاوت اصلی ما با اکثر سایتها میباشد، بله بالای ۹۵ درصد از مقالههای میزفا را سایتهای دیگر کپی میکنند، و این نشان میدهد که مقالات ما در زمینه خود جز بهترین های فضای وب فارسی هستند چرا که بالای ۸۰ درصد عکسها اختصاصی بوده و همینطور برای هر مقاله خالصانه زمان گذاشته شده تا کیفیت بالایی داشته باشند، از بازخوردهای کاربران در نظرات به کیفیت این مقالههای رایگان میتوان به راحتی پی برد، حال ببینید خدمات غیررایگان ما چه کیفیتی خواهند داشت.
دیگر کیفیت کپی کردنی نیست ;-)
عضویت در خبرنامه هفتگی برای دریافت: