فیلم آموزشی فراخوانی CSS در HTML
در این فیلم آموزشی ابتدا به فراخوانی CSS در HTML می پردازیم. همچنین بررسی می کنیم که CSS چیست و چه کاربردی دارد.
در ادامه این فیلم چگونگی نوشتن CSS در HTML را آموزش می دهیم.
سپس به تعریف CSS در HTML می پردازیم.
این آموزش را با بررسی تفاوت بین روش های استفاده از CSS در HTML به پایان می رسانیم.
مقدمه: فیلم آموزشی فراخوانی CSS در HTML
در این ویدئو آموزشی ابتدا به ارتباط بین CSS و HTML می پردازیم. این فیلم آموزشی قسمت سوم از آموزش رایگان HTML در سایت وبمستر وردپرس می باشد.
در ادامه این آموزش خواهیم گفت که هرکدام از شیوه های استفاده از CSS در HTML چه مزایا و معایبی دارند.
در تمامی این بخش ها ما با استفاده از inspector مروگر کروم، نحوه نوشتن Stylesheet در HTML را آموزش می دهیم.
توضیح در مورد فیلم آموزشی « فراخوانی فایل CSS در HTML »
این مجموعه یکی از قسمت های دوره وبمستران وردپرس می باشد که شامل بیش از ۸۰ قسمت فیلم آموزشی است. برای دسترسی به کلیه فیلم های آن می توانید به بخش “دوره آموزشی وبمستران وردپرس“مراجعه کنید.
این ویدئو آموزشی، در واقع بخشی از دوره حرفه ای وبمستران وردپرس می باشد که کمی متفاوت تر از سایر دوره هایی است که تا کنون در سطح وب فارسی برگزار شده است.
بعضی از قسمت های این دوره، به صورت رایگان در سایت وبمستر وردپرس در دسترس عموم خواهد بود و سایر آن ها را می توانید با مراجعه به سایت کلوپ وبمستران وردپرس ، دریافت نمایید.
توجه: پیشنیاز برای یادگیری HTML
در نظر داشته باشید برای اینکه بتوانید بر مفاهیم HTML مسلط شوید، باید بدانید که وب از چه اجزایی ساخته شده است و چگونه کار می کند.
در واقع می توان گفت برای وبمستر حرفه ای شدن و وارد شدن به سایر مباحث همچون HTML می باید بر مفاهیم وب و نحوه کار اجزا آن باهم آشنا شوید. به همین منظور، پیشنیاز درک بهتر این دوره، دوره آموزش مقدمات وب می باشد.
برای این منظور می توانید به بخش آموزش مقدمات وب در سایت کلوپ وبمستران وردپرس مراجعه کرده و در این دوره رایگان شرکت نمایید.
نمایش فیلم آموزش استفاده از CSS در HTML
در ادامه می توانید فیلم آموزشی رایگان نوشتن کدهای CSS در HTML را که به همراه توضیح و مثال می باشد، در زیر مشاهده فرمایید. در صورتی که نیاز به دانلود آن دارید، می توانید از لینک های پایین صفحه استفاده نمایید:
فیلم آموزش «فراخوانی CSS در HTML» شامل چه بخش هایی می باشد؟
فیلم آموزشی رایگان فراخوانی CSS در HTML و روش های استفاده از آن، دارای بخش هایی به شرح زیر می باشد:
CSS چیست ؟
در قسمت ابتدایی فیلم، به معرفی زبان css می پردازیم :
به چند روش می توان CSS را در HTML فراخوانی کرد؟
به طور کلی سه روش برای اتصال CSS به HTML انجام این کار وجود دارد :
استفاده از CSS در HTML با روش inline :
وقتی بخواهیم یک استایل خاص را بر روی یک المنت خاص در صفحه اعمال کنیم، از روش inline استفاده می کنیم. مهم ترین عیب این روش این است که موجب درهم ریختگی کدها می شود.
<h1 style="color:red;">This is a test</h1>
نحوه نوشتن کد CSS در HTML به شیوه internal :
یکی از روش های پیوند CSS به HTML، استفاده از روش internal می باشد. در این روش تمام کدهای CSS مربوط به صفحه در تگ head و در داخل تگ style قرار می گیرند.
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: green;}
h1 {color: blue;}
p {color: black;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
نحوه اتصال CSS به HTML با روش External :
اگر بخواهیم برای یک فایل HTML یک استایل مشخص تعریف کنیم، ازین روش استفاده می کنیم. در این روش تمامی کدهای css مربوط به صفحه، در تگ head و در داخل تگ style قرار می گیرد.
بهترین روش اضافه کردن فایل css به html روش اکسترنال ( External ) می باشد. یکی از مزیت های این روش این است که می توان یک فایل css را به چند صفحه متصل نمود.
<head> <link rel="stylesheet" href="styleTest.css"> </head>
پیشنهاد برای مطالعه بیشتر
قبل از اینکه این مطلب را مطالعه کنید، می باید حتما با ساختار تگ در HTML آشنا شوید، در صورتی که با ساختار تگ در HTML آشنا نیستید می توانید از طریق لینک زیر استفاده کنید، این آموزش دومین قسمت از این بخش می باشد:
نتیجه گیری برای فیلم آموزش «فراخوانی CSS در HTML»
در این بخش با ساختار CSS آشنا شدیم و در ادامه به تعریف CSS پرداختیم.
همچنین آموختیم که چگونه می توان با CSS چیدمان صفحه HTML را کنترل کرد.
و در انتها با روش های اضافه کردن فایل CSS به HTML آشنا شدیم.
ممکن است به نظر شما بعضی از موارد درست نبوده و یا شما موارد بیشتری را بدانید که ما فراموش کرده ایم تا در این فیلم آموزشی، قرار دهیم.
اگر شما از این موارد آگاه هستید، حتما در بخش نظرات عنوان کنید تا آن را به این مقاله اضافه کنیم. در ضمن اگر این مقاله را مفید دیدید، حتما آن را به دوستان خود معرفی کرده یا در شبکه های اجتماعی به اشتراک بگذارید.
در ساخت و تهیه این مطلب فیلم آموزش مقدمات وبمستری از مراجع زیر استفاده شده است. شما می توانید با مراجعه به آن ها، اطلاعات بیشتری را بدست آورید:
راهنما برای خواندن سایر مقالات سایت به صورت دسته بندی شده:
شما می توانید از طریق لینک های کاربردی زیر به سایر مقالات سایت که کاملا بصورت طبقه بندی شده وجود دارد، مراجعه نموده و از آن ها استفاده کنید:
ثبت ديدگاه