This media is not supported in your browser
VIEW IN TELEGRAM
👈 #سایت #معرفی #بکگراند
🌐 : www.remove.bg
وبسایتی فوق‌العاده برای پاک کردن بکگراند عکس 😄
#Channel > @BUilD_APK
🌐 : www.remove.bg
وبسایتی فوق‌العاده برای پاک کردن بکگراند عکس 😄
#Channel > @BUilD_APK
👈 آموزش ایجاد لوزی در CSS
👈 با استفاده از ویژگی Clip-path میتوان قسمتی از عنصر را برش داد.
📌 نمونه :
width: 200px;
height: 200px;
clip-path: polygon( 50% 0, 100% 50%, 50% 100%, 0 50%);
background-color:red;
#Channel > @BUilD_APK
👈 با استفاده از ویژگی Clip-path میتوان قسمتی از عنصر را برش داد.
📌 نمونه :
width: 200px;
height: 200px;
clip-path: polygon( 50% 0, 100% 50%, 50% 100%, 0 50%);
background-color:red;
#Channel > @BUilD_APK
#سوال
#وب
#طراحی_سایت
⁉ طراحی سایت از کجا شروع کنم؟
✅ گام اول : زبان استاتیک html ولی این یک زبان نیست و در واقع باید گفت این یک زبان نشانه گذاری است.
✅ گام دوم : css برای خصوصیت و ویژگی به عناصر و تگ ها که با دو روش میتوان به تگ ها خصوصیت بدیم :
1. کلاس : کلاس با نقطه یا دات (.) شروع می‌شود و بعد نام دلخواه. مثال:
.test{
color: red;
background-color: #ffff00;
}
2. آیدی : آیدی با شارپ (#) شروع می‌شود و بعد نام دلخواه. مثال :
#test{
color: green;
background-color: yellow;
}
البته بهتر است رنگ‌های پس زمینه را رنگ‌های جیغ و پر رنگ نذاریم.
روش‌های مقداردهی css را هم میتوان به 3 شکل انجام بدیم :
1. خطی یا inline : یعنی درون همون تگ
<div style="color : red; "></div>
2. داخلی یا internal : یعنی درون تگ نباشه کلی توی همون صفحه باشه که در این صورت باید به عنصر کلاس یا ایدی داد
<div class="test"></div>
داخل صفحه css :
.test{
color: green;
}
3. خارجی یا external : یعنی نه داخل صفحه باشه و نه درون تگ. در یه صفحه دیگه با پسوند css باشه مثلا style.css
.test{
color: blue;
}
‼️ نکته : بهتر است از خارجی استفاده کنین چون در روش داخلی و خطی در بین مثلا 17000 خط کد اگه جایی رو اشتباه نوشته باشیم نمی‌توانیم به راحتی تغییر بدهیم.
✅ گام سوم : یادگیری جی کوئری و جاوا اسکریپت
✅ گام چهارم : یادگیری بوت استرپ => برای ریسپانسیو کردن سایت
⁉ ریسپانسیو کردن چیست؟
به این معنا که سایت در دستگاه‌های مختلف از جمله موبایل، کامپیوتر، لپ تاپ و... در اندازه‌های مختلف به درستی اجرا شود و سایت به هم نریزه.
✅ گام پنجم : بهینه سازی وبسایت یا سئو
⁉ بهینه سازی وبسایت یا سئو چیست؟
به این معنا که سایت ما در موتور جستجوها از جمله گوگل و... در اولین صفحات موتور جستجوها برامون بیاره (رسیدن به رتبه بالا)، هر چه کلمه کلیدی بیشتر در meta تگ تعریف کنیم وقتی کاربر آن کلمه را سرچ کند برایش میاورد و در نتیجه بازدید سایت هم بالا میره.
✅ گام ششم : یادگیری CMS مانند (جوملا، وردپرس - دروپال - مامبو و ...)
✅ گام هفتم : در اینجا شما باید تصمیم بگیرید که می‌خواهید سمت Front end کار کنید یا Back end.
➖ قسمت Front end به توسعه رابط کاربری و ظاهر سایت اشاره داره. مثل: تمام بخشی که در وبسایت‌های مختلف می‌بینید ترکیبی از HTML و CSS و JavaScript هستند.
➖ قسمت Back end به توسعه هسته سایت و بخش سمت سرور اشاره داره، مثل PHP و Ruby و Python البته برای راحتی کار فریمورک های مختلفی ایجاد شده‌اند که از بین آن‌ها میتوان به Laravel و Django و Ruby on Rails که مهم‌ترین هستند اشاره کرد
✅ گام آخر : با توجه به اینکه شما بخواهید front end کار کنید و یا back end ما در php و asp یکی دیگر هم داریم که معماری سه لایه ای را پشتیبانی می‌کنند به اسم های php mvc و asp.net mvc البته دوستانی که asp می‌خواهند کار کنند قسمت دیگری هم داره به اسم asp.net core که ورژن های مختلفی ارائه شده.
⁉ کلا چند نوع سایت داریم؟
1. استاتیک یا ثابت : که نیازی به پایگاه داده نداره و نمی‌توان محتوا رو تغییر داد فقط کسی که سایت رو طراحی کرده و پشتیبانش هست می‌تواند تغییر بدهد، زبان html استاتیک هست و برای زمانی خوب هست که شما می‌خواهید فقط یک آموزش خاصی را فقط قرار بدین و به آپدیت نیاز نداره.
2. داینامیک یا پویا : که در اینجا نیاز به یه پایگاه داده داریم مثه mysql یا sql server که اطلاعات رو از اونجا بخواند، زبان‌های php و asp پویا هستند و برای زمانی خوب هست که مدام باید اطلاعات تغییر کند مثل سایت خبری یا فروشگاهی و از این دسته (منظور از مدام میتونه دقیقه به دقیقه یا روز به روز باشه)
👩💻 تهیه شده : توسط ضرابی
#Channel > @BUilD_APK
#وب
#طراحی_سایت
⁉ طراحی سایت از کجا شروع کنم؟
✅ گام اول : زبان استاتیک html ولی این یک زبان نیست و در واقع باید گفت این یک زبان نشانه گذاری است.
✅ گام دوم : css برای خصوصیت و ویژگی به عناصر و تگ ها که با دو روش میتوان به تگ ها خصوصیت بدیم :
1. کلاس : کلاس با نقطه یا دات (.) شروع می‌شود و بعد نام دلخواه. مثال:
.test{
color: red;
background-color: #ffff00;
}
2. آیدی : آیدی با شارپ (#) شروع می‌شود و بعد نام دلخواه. مثال :
#test{
color: green;
background-color: yellow;
}
البته بهتر است رنگ‌های پس زمینه را رنگ‌های جیغ و پر رنگ نذاریم.
روش‌های مقداردهی css را هم میتوان به 3 شکل انجام بدیم :
1. خطی یا inline : یعنی درون همون تگ
<div style="color : red; "></div>
2. داخلی یا internal : یعنی درون تگ نباشه کلی توی همون صفحه باشه که در این صورت باید به عنصر کلاس یا ایدی داد
<div class="test"></div>
داخل صفحه css :
.test{
color: green;
}
3. خارجی یا external : یعنی نه داخل صفحه باشه و نه درون تگ. در یه صفحه دیگه با پسوند css باشه مثلا style.css
.test{
color: blue;
}
‼️ نکته : بهتر است از خارجی استفاده کنین چون در روش داخلی و خطی در بین مثلا 17000 خط کد اگه جایی رو اشتباه نوشته باشیم نمی‌توانیم به راحتی تغییر بدهیم.
✅ گام سوم : یادگیری جی کوئری و جاوا اسکریپت
✅ گام چهارم : یادگیری بوت استرپ => برای ریسپانسیو کردن سایت
⁉ ریسپانسیو کردن چیست؟
به این معنا که سایت در دستگاه‌های مختلف از جمله موبایل، کامپیوتر، لپ تاپ و... در اندازه‌های مختلف به درستی اجرا شود و سایت به هم نریزه.
✅ گام پنجم : بهینه سازی وبسایت یا سئو
⁉ بهینه سازی وبسایت یا سئو چیست؟
به این معنا که سایت ما در موتور جستجوها از جمله گوگل و... در اولین صفحات موتور جستجوها برامون بیاره (رسیدن به رتبه بالا)، هر چه کلمه کلیدی بیشتر در meta تگ تعریف کنیم وقتی کاربر آن کلمه را سرچ کند برایش میاورد و در نتیجه بازدید سایت هم بالا میره.
✅ گام ششم : یادگیری CMS مانند (جوملا، وردپرس - دروپال - مامبو و ...)
✅ گام هفتم : در اینجا شما باید تصمیم بگیرید که می‌خواهید سمت Front end کار کنید یا Back end.
➖ قسمت Front end به توسعه رابط کاربری و ظاهر سایت اشاره داره. مثل: تمام بخشی که در وبسایت‌های مختلف می‌بینید ترکیبی از HTML و CSS و JavaScript هستند.
➖ قسمت Back end به توسعه هسته سایت و بخش سمت سرور اشاره داره، مثل PHP و Ruby و Python البته برای راحتی کار فریمورک های مختلفی ایجاد شده‌اند که از بین آن‌ها میتوان به Laravel و Django و Ruby on Rails که مهم‌ترین هستند اشاره کرد
✅ گام آخر : با توجه به اینکه شما بخواهید front end کار کنید و یا back end ما در php و asp یکی دیگر هم داریم که معماری سه لایه ای را پشتیبانی می‌کنند به اسم های php mvc و asp.net mvc البته دوستانی که asp می‌خواهند کار کنند قسمت دیگری هم داره به اسم asp.net core که ورژن های مختلفی ارائه شده.
⁉ کلا چند نوع سایت داریم؟
1. استاتیک یا ثابت : که نیازی به پایگاه داده نداره و نمی‌توان محتوا رو تغییر داد فقط کسی که سایت رو طراحی کرده و پشتیبانش هست می‌تواند تغییر بدهد، زبان html استاتیک هست و برای زمانی خوب هست که شما می‌خواهید فقط یک آموزش خاصی را فقط قرار بدین و به آپدیت نیاز نداره.
2. داینامیک یا پویا : که در اینجا نیاز به یه پایگاه داده داریم مثه mysql یا sql server که اطلاعات رو از اونجا بخواند، زبان‌های php و asp پویا هستند و برای زمانی خوب هست که مدام باید اطلاعات تغییر کند مثل سایت خبری یا فروشگاهی و از این دسته (منظور از مدام میتونه دقیقه به دقیقه یا روز به روز باشه)
👩💻 تهیه شده : توسط ضرابی
#Channel > @BUilD_APK
👈 تعریفی از مدیا کوئری :
مدیا کوئری را می توان مثل یک شرط برای مرورگر دید که اگر آن شرط بر قرار باشد مرورگر استایل های مشخص شده را تفسیر و اعمال می کند.
👈 مدیاکوئری چه کاری انجام می دهد؟
وقتی یک کاربر ، وب سایت را در دسکتاپ مشاهده می کند ، می توان رنگ متون آن صفحه وب قرمز باشد و وقتی در موبایل خود مشاهده کند ، به رنگ سبز درآید.
👈 مثالی میزنیم :
مدیا کوئری ها بخشی از یک فایل css هستند. بیایید همان مثال قبل را بررسی کنیم. در این مثال گفتیم که می خواهیم رنگ متن سایت در دسکتاپ قرمز باشد و در موبایل سبزرنگ باشد.
p {
color: green;
}
رنگ متن در حالت عادی سبز باشد 👆
@media only screen and (min-width:900px)
{
p
{
color: red;
}
}
در استایل فوق، مدیاکوئری را تعریف کرده ایم و گفتیم که اگر عرض اسکرین دستگاه کاربر از 900 پیکسل بزرگتر بود (min-width:900px)، رنگ متن قرمز شود. 👆
#Channel > @BUilD_APK
مدیا کوئری را می توان مثل یک شرط برای مرورگر دید که اگر آن شرط بر قرار باشد مرورگر استایل های مشخص شده را تفسیر و اعمال می کند.
👈 مدیاکوئری چه کاری انجام می دهد؟
وقتی یک کاربر ، وب سایت را در دسکتاپ مشاهده می کند ، می توان رنگ متون آن صفحه وب قرمز باشد و وقتی در موبایل خود مشاهده کند ، به رنگ سبز درآید.
👈 مثالی میزنیم :
مدیا کوئری ها بخشی از یک فایل css هستند. بیایید همان مثال قبل را بررسی کنیم. در این مثال گفتیم که می خواهیم رنگ متن سایت در دسکتاپ قرمز باشد و در موبایل سبزرنگ باشد.
p {
color: green;
}
رنگ متن در حالت عادی سبز باشد 👆
@media only screen and (min-width:900px)
{
p
{
color: red;
}
}
در استایل فوق، مدیاکوئری را تعریف کرده ایم و گفتیم که اگر عرض اسکرین دستگاه کاربر از 900 پیکسل بزرگتر بود (min-width:900px)، رنگ متن قرمز شود. 👆
#Channel > @BUilD_APK
👈 اسکریپت AH Tickets | پشتیبانی و ارسال تیکت حرفه ای
📌 با قابلیت ثبت نام با پیامک + راهنما
#Channel > @BUilD_APK
📌 با قابلیت ثبت نام با پیامک + راهنما
#Channel > @BUilD_APK
واقعاً برنامه نویس ها کوه یخ هستند. نه فقط به خاطر چیزهایی که اینجا نوشته، بلکه اخلاقشون هم همینه !!!!
#Channel > @BUilD_APK
#Channel > @BUilD_APK