Forwarded from Ads
هدف در این سایت این است که پرسشگران در سریع ترین زمان ممکن به پاسخ سؤال مطرح کرده خود برسند. همچنین پاسخ دهندگان با کسب امتیازات و ارائه رزومه به عنوان برنامه نویسان برتر در سایت جهت ارجاع کار و پیشنهادهای کاری توسط کارفرمایان مشخص گردند. هم اکنون رایگان ثبت نام کنید! codesoal.ir
#html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش ID در HTML)
❇️ جلسه نوزدهم(پایانی)
💢 @Html_Css100
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش ID در HTML)
❇️ جلسه نوزدهم(پایانی)
💢 @Html_Css100
Telegram
attach 📎
❤1
#Css
✅ معرفی Css
💢 اگر به حوزه‌ی طراحی سایت وارد شده باشید، حتماً بارها نام CSS را شنیده‌اید و برایتان این سوال پیش آمده که CSS چیست؟
CSS مخفف عبارت Cascading Style Sheets است که اگر این عبارت را ترجمه کنیم به عبارت “برگه‌هایی به سبک آبشاری ”می‌رسیم! این ترجمه مقداری عجیب است اما در ادامه خواهیم گفت که آبشاری بودن به چه معناست!
CSS چیست؟
CSS تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن می‌توان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد. با این ابزار به اجزای صفحه‌ی وب، رنگ و لعاب می‌دهیم تا صفحات زیباتری داشته باشیم!
برای درک بهتر این مفهوم، ابتدا باید با زبان HTML آشنا شوید به همین منظور پیشنهاد می‌کنم ابتدا مقاله‌ی HTML چیست را مطالعه کنید.
برای روشن شدن کاربرد این زبان به سراغ یک مثال می‌رویم. تصویر زیر نمونه‌ای از یک کد css است.
با کمک آن برای تگ h1 (عنوان اصلی صفحه) رنگ متن آبی و برای تگ p (پاراگراف) رنگ پس‌زمینه نارنجی تنظیم کردیم. به کمک عبارت text-align نیز آن را وسط چین کردیم که خروجی آن را در سمت راست تصویر می‌بینید.
💢 @Html_Css100
✅ معرفی Css
💢 اگر به حوزه‌ی طراحی سایت وارد شده باشید، حتماً بارها نام CSS را شنیده‌اید و برایتان این سوال پیش آمده که CSS چیست؟
CSS مخفف عبارت Cascading Style Sheets است که اگر این عبارت را ترجمه کنیم به عبارت “برگه‌هایی به سبک آبشاری ”می‌رسیم! این ترجمه مقداری عجیب است اما در ادامه خواهیم گفت که آبشاری بودن به چه معناست!
CSS چیست؟
CSS تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن می‌توان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد. با این ابزار به اجزای صفحه‌ی وب، رنگ و لعاب می‌دهیم تا صفحات زیباتری داشته باشیم!
برای درک بهتر این مفهوم، ابتدا باید با زبان HTML آشنا شوید به همین منظور پیشنهاد می‌کنم ابتدا مقاله‌ی HTML چیست را مطالعه کنید.
برای روشن شدن کاربرد این زبان به سراغ یک مثال می‌رویم. تصویر زیر نمونه‌ای از یک کد css است.
با کمک آن برای تگ h1 (عنوان اصلی صفحه) رنگ متن آبی و برای تگ p (پاراگراف) رنگ پس‌زمینه نارنجی تنظیم کردیم. به کمک عبارت text-align نیز آن را وسط چین کردیم که خروجی آن را در سمت راست تصویر می‌بینید.
💢 @Html_Css100
👍1
#Css
✅ ساختار Css
💢 همانطور که در تصویر زیر می‌بینید، ساختار یک خط از کد CSS شامل یک انتخاب‌گر (selector) است که به یک یا چند تگ از html اشاره می‌کند. در مقابل انتخاب‌گر یک بلاک قرار می گیرد که سبک خاصی را به عنصر انتخاب شده اعمال می‌کند.
💢 @Html_Css100
✅ ساختار Css
💢 همانطور که در تصویر زیر می‌بینید، ساختار یک خط از کد CSS شامل یک انتخاب‌گر (selector) است که به یک یا چند تگ از html اشاره می‌کند. در مقابل انتخاب‌گر یک بلاک قرار می گیرد که سبک خاصی را به عنصر انتخاب شده اعمال می‌کند.
💢 @Html_Css100
#Css
✅ ساختار آبشاری به چه معناست؟
💢 فایل‌های css به روش‌های مختلفی به فایل html افزوده می‌شوند. گاهی درون تگ HTML نوشته می‌شوند. گاهی در یک فایل جداگانه نوشته و به HTML اضافه می‌شود و …
گاهی ممکن است به یک تگ مشخص چند استایل مختلف داده شود. برای مثال درون فایل html، یک تگ <style> باز کرده و به تگ h1 سایز فونت ۲۳ پیکسل می‌دهیم.
حالا یک فایل css جدید را به html اضافه کنیم که در آن تگ h1 باید دارای سایز فونت ۳۰ پیکسل باشد! خب حالا برای تگ h1 دو سایز فونت متفاوت وجود دارد. کدام یک باید بر تگ مدنظر اثر بگذارند؟
پاسخ این سوال همان خاصیت Cascading یا ساختار آبشاری است. CSS برای اجرای کدها الویت‌بندی‌های خاص خود را دارد که بر اساس آن تصمیم می‌گیرد کدام سبک روی تگ اثر بگذارد.
📌 ارتباط Html و Css
💢 عناصری که به کمک HTML در صفحه‌ی وب‌سایت قرار می‌گیرند هیچ ظاهر جذاب و مناسبی ندارند. CSS ابزار مناسبی است تا یک لباس زیبا بر تن عناصر HTML بپوشاند و صفحه را به زیبایی بی‌آراید. تلفیق این دو باهم طراحی حرفه‌ای وب‌سایت را ممکن می‌سازد.
به طور کلی یادگیری این دو زبان از پایه‌ای‌ترین مباحث یادگیری طراحی سایت است که باید به سراغ آن بروید.
📌 نحوه‌ی اضافه کردن کدهای CSS به فایل HTML
برای اضافه کردن کدهای CSS به سند HTML و سایر کدها، می توان از روش‌های زیر استفاده کرد.
۱- نوشتن inline CSS یا css خطی
در این روش شما با نوشتن کلمه‌ی style داخل هر تگ، می‌توانید کدهای css مد نظر خود را به آن اضافه کنید:
<h1 style="color:blue;text-align:center;">ادمین سایت</h1>
۲- نوشتن CSS در بخش HEAD فایل
همانطور که می‌دانید در HTML یک بخش به نام head قرار دارد که می‌توانید در آن یک تگ <style> قرار داده و شروع به نوشتن css کنید:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>ادمین سایت</h1>
</body>
</html>
۳- نوشتن CSS در فایل خارجی
این روش بهترین راه برای اضافه کردن استایل‌هاست. برای این کار کافیست تمام کدهای CSS را در یک فایل نوشته و با پسوند css. ذخیره نمایید. سپس این فایل را در هر head فایل html خود فراخوانی کنید:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
📌 خب دوستان امیدوارم مفید بوده باشه. در ادامه آموزش دوره Css و Html رو شروع میکنیم.
☑️ موفق باشید❤️❤️
💢 @Html_Css100
✅ ساختار آبشاری به چه معناست؟
💢 فایل‌های css به روش‌های مختلفی به فایل html افزوده می‌شوند. گاهی درون تگ HTML نوشته می‌شوند. گاهی در یک فایل جداگانه نوشته و به HTML اضافه می‌شود و …
گاهی ممکن است به یک تگ مشخص چند استایل مختلف داده شود. برای مثال درون فایل html، یک تگ <style> باز کرده و به تگ h1 سایز فونت ۲۳ پیکسل می‌دهیم.
حالا یک فایل css جدید را به html اضافه کنیم که در آن تگ h1 باید دارای سایز فونت ۳۰ پیکسل باشد! خب حالا برای تگ h1 دو سایز فونت متفاوت وجود دارد. کدام یک باید بر تگ مدنظر اثر بگذارند؟
پاسخ این سوال همان خاصیت Cascading یا ساختار آبشاری است. CSS برای اجرای کدها الویت‌بندی‌های خاص خود را دارد که بر اساس آن تصمیم می‌گیرد کدام سبک روی تگ اثر بگذارد.
📌 ارتباط Html و Css
💢 عناصری که به کمک HTML در صفحه‌ی وب‌سایت قرار می‌گیرند هیچ ظاهر جذاب و مناسبی ندارند. CSS ابزار مناسبی است تا یک لباس زیبا بر تن عناصر HTML بپوشاند و صفحه را به زیبایی بی‌آراید. تلفیق این دو باهم طراحی حرفه‌ای وب‌سایت را ممکن می‌سازد.
به طور کلی یادگیری این دو زبان از پایه‌ای‌ترین مباحث یادگیری طراحی سایت است که باید به سراغ آن بروید.
📌 نحوه‌ی اضافه کردن کدهای CSS به فایل HTML
برای اضافه کردن کدهای CSS به سند HTML و سایر کدها، می توان از روش‌های زیر استفاده کرد.
۱- نوشتن inline CSS یا css خطی
در این روش شما با نوشتن کلمه‌ی style داخل هر تگ، می‌توانید کدهای css مد نظر خود را به آن اضافه کنید:
<h1 style="color:blue;text-align:center;">ادمین سایت</h1>
۲- نوشتن CSS در بخش HEAD فایل
همانطور که می‌دانید در HTML یک بخش به نام head قرار دارد که می‌توانید در آن یک تگ <style> قرار داده و شروع به نوشتن css کنید:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>ادمین سایت</h1>
</body>
</html>
۳- نوشتن CSS در فایل خارجی
این روش بهترین راه برای اضافه کردن استایل‌هاست. برای این کار کافیست تمام کدهای CSS را در یک فایل نوشته و با پسوند css. ذخیره نمایید. سپس این فایل را در هر head فایل html خود فراخوانی کنید:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
📌 خب دوستان امیدوارم مفید بوده باشه. در ادامه آموزش دوره Css و Html رو شروع میکنیم.
☑️ موفق باشید❤️❤️
💢 @Html_Css100
👍2
Telegram
attach 📎
👍2👎1🔥1
Telegram
attach 📎
👍1👎1
Forwarded from HR_admin
💯فقط2 روز تا پایان ثبت نام مونده
💢فریلنسینگ بین المللی، دریافت پروژه_مدیریت پروژه
♨️یکی از چالش های فریلنسرهای بین المللی، دریافت و مدیریت پروژه هست که موضوع اصلی این وبینار هست
✅چطور از سایت های واسط فریلنسینگ بین المللی پروژه بگیرم؟
✅یک فریلنسر بین المللی حرفه ای، چطور یک پروژه رو مدیریت میکنه؟
✅مذاکره و مدیریت کارفرما، در پروژه های بین المللی چگونه است؟
📆 ۱7 اردیبهشت ۱۴۰۰ ساعت ۱7:۰۰
♨️تعداد محدود♨️
🔗لینک ثبت نام رایگان و آسان:
https://rayacollege.com/webinar/
@raya_college
💢فریلنسینگ بین المللی، دریافت پروژه_مدیریت پروژه
♨️یکی از چالش های فریلنسرهای بین المللی، دریافت و مدیریت پروژه هست که موضوع اصلی این وبینار هست
✅چطور از سایت های واسط فریلنسینگ بین المللی پروژه بگیرم؟
✅یک فریلنسر بین المللی حرفه ای، چطور یک پروژه رو مدیریت میکنه؟
✅مذاکره و مدیریت کارفرما، در پروژه های بین المللی چگونه است؟
📆 ۱7 اردیبهشت ۱۴۰۰ ساعت ۱7:۰۰
♨️تعداد محدود♨️
🔗لینک ثبت نام رایگان و آسان:
https://rayacollege.com/webinar/
@raya_college
Forwarded from ali
This media is not supported in your browser
VIEW IN TELEGRAM
پیشنهاد ویژه کانال ما😱😱
📌فروش ویژه تضمینی کاماف در ماه رمضان با قیمت های ویژه😳👍
⚡خرید لب تاپ با کمترین هزینه و بالاترین کیفیت
♦️هم اکنون وارد لینک زیر شوید👇👇👇
https://zil.ink/comof
آدرس کانال👇👇👇
@comof_ir
@comof_ir
@comof_ir
کد تخفیف ۸ درصدی برای عزیزانی که از کانال ما مراجعه می کنند.
کد:digital
با امکان خرید امن از سایت ایسام
📌فروش ویژه تضمینی کاماف در ماه رمضان با قیمت های ویژه😳👍
⚡خرید لب تاپ با کمترین هزینه و بالاترین کیفیت
♦️هم اکنون وارد لینک زیر شوید👇👇👇
https://zil.ink/comof
آدرس کانال👇👇👇
@comof_ir
@comof_ir
@comof_ir
کد تخفیف ۸ درصدی برای عزیزانی که از کانال ما مراجعه می کنند.
کد:digital
با امکان خرید امن از سایت ایسام