HTML & CSS

#Html
✅ به نام خدا
⭕️جلسه چهارم(معرفی نهایی Html)

💠در این جلسه شما رو با html به طور کامل آشنا میکنیم.

⭕️زبان Html شامل مجموعه ای از المنت ها است.
⭕️المنت های html به مروگر میگویند که که چطور محتوای وب سایت نمایش داده شود.
⭕️المنت های Html توسط تگ ها ساخته میشوند
⭕️مرورگر تگ ها را نمایش نمیدهد بلکه از آن ها برای ساخت وب سایت استفاده میکند.

💠آموزش تگ های Html

📌تگ های Html کلید واژه هایی هستند که داخل علامت کوچکتر بزرگتر هستند. مانند

📌تگ های html معمولا به صورت جفت می آیند. مانند

📌 زبان Html از تگ های برای توصیف و ساخت صفحات وب استفاده می کند.

📌تگ اول همان تگ شروع می باشد و تگ دوم پایان تگ میباشد.

📌تگ های شروع و پایان تگ باز و بسته نیز نامیده می شود.

📌تگ اخر یا بسته باید حتما علامت (اسلش) / داشته باشد. مانند

💢هدف یک مرورگر وب مانند (Internet Explorer,Google Chrome) این است که سند های (فایل) html را خوانده و آن هارا به صورت صفحات وب نمایش دهد.مرورگر تگ های html را نمایش نمیدهد اما از تگ های html استفاده میکند تا محتوای صفحه را تفسیر و تعریف کند.

🅰️مثال:



My First Heading

My first paragraph.




♨️توضیح مثال:
🔵متن بین تگ صفحه وب را توضیح میدهد.
🔴متن بین تگ محتوای قابل نمایش صفحه است.
🟡 متن بین برای نمایش یک عنوان استفاده می شود
🟤 متن بین برای نمایش یک پاراگراف استفاده می شود.

⌨ @Html_Css100

لینک دانلود نرم افزار ویرایشگر
Adobe Dreamweaver 2019


لینک دانلود نسخه ۳۲ بیتی

https://t.me/pc_soft100/383

لینک دانلود نسخه ۶۴ بیتی

https://t.me/pc_soft100/384

📢 کانال آموزش HTML & CSS
⌨@Html_Css100

لینک دانلود نرم افزار ویرایشگر ++Notepad :

لینک دانلود نسخه ۳۲ بیتی

https://t.me/pc_soft100/374
لینک دانلود نسخه ۶۴ بیتی

https://t.me/pc_soft100/375

📢 کانال آموزش HTML & CSS
⌨ @Html_Css100

به نام خدا
جلسه سوم(معرفی IDE )
مبحث آموزش HTML :
ویرایشگر ( IDE ) هایی برای نوشتن دستورات:
۱- Notepad
۲- Notepad++
۳- Adobe Dreamweaver

یک سند HTML ساده را در زیر مشاهده می کنید:




عنوان صفحه



اولین تیتر من
اولین پاراگراف من




فایل را با پسوند HTML. ذخیره کنید و نتیجه را مشاهده کنید.

بیانیه DOCTYPE html این سند را به عنوان یک سند HTML5 تعریف می کند. متن ما بین دو تگ html یک سند html را توصیف می کند. متن ما بین دو تگ head اطلاعاتی درباره سند ارائه می کند. متن ما بین دو تگ title عنوان صفحه را ارائه می کند. متن ما بین دو تگ body محتوای صفحه قابل مشاهده را توصیف می کند. متن ما بین دو تگ h1 تیتر محتوا را توصیف می کند. متن ما بین دو تگ p یک پاراگراف را توصیف می کند.

📢 کانال آموزش HTML & CSS
⌨@Html_Css

به نام خدا
جلسه دوم
آشنایی با CSS:

قبل اینکه بخواهیم Css  رو تعریف کنیم ،
باید راجع به صفحات وب توضیح بدهیم ،
یه صفحه وب شامل متن ، صوت ، تصویر و … هست.
برای اینکه اجزای وب کنارهم قرار بگیرند از html استفاده می کنیم،
با استفاده از عناصر و تگ های HTML می تونیم متون ، تصاویر ، ویدئوها ، صوت ها و … رو کنار هم قرار بدیم و برای کاربرای سایت نمایش بدهیم.

از وقتی که سبک کدنویسی تغییر و پیشرفت کرد،
کاربرد  Css در طراحی وب یک امر عادی بشمار اومد.
با استفاده از Div ها و Css می توانید
به راحتی و بسیار سبک قالب وبلاگ شخصی خود را لایه بندی و طرح بندی کنید و اجزای صفحه ی وب رو بصورت کاملا زیبا استایل بندی کنید. حالا میریم سر اصل مطلب یعنی Css اصلا چی هست؟!

تعریف و مفهوم CSS

Css مخفف
 Cascading Style Sheets 
است که در معنای لغوی به روشی گفته می شود که برای قالب بندی و طراحی اجزای صفحه وبسایت کارایی دارد.
شما می توانید بدون استفاده از کدهای HTML از طریق این استایل شیت ها (Style Sheet) می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کدنویسی و همچنین کند شدن سرعت بارگزاری صفحه در اینترنت می شود جلوگیری کنیم.

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

در نسخه های مختلفی به بازار وب عرضه شد که در جلسه ی بعدی کاملا درباره نسخه های css صحبت می کنیم.
فایل استایلها با فرمت css. ذخیره میشوند. سی اس اس از یک سری کد تشکیل شده که با استفاده از این کدها می تونید به راحتی به عناصر و کدهای HTML شمایل بدهید.

📢 کانال آموزش Html & Css
🆔 @Html_Css100

به نام خدا
جلسه اول 1⃣
مبحث Html
معرفی زبان نشانه گذاری Html :
عبارت Html سرواژه های
Hyper Text Markup Language
و یک زبان نشانه گذاری برای توصیف اسناد وب ( صفحات وب ) است.

اولین توسعه دهنده این زبان ،
Berners-Lee
در سال 1990 بود.
زبان html برای ساخت صفحات وب سایت کاربرد دارد که توسط hyperlink به هم متصل می‌شوند. صفحات هر وب سایتی را که در اینترنت مشاهده می‌کنید با ورژنی از کدهای اچ تی ام ال نوشته شده‌اند.

در این سری قصد داریم به صورت قدم به قدم HTML رو به شما آموزش بدیم.

با html شما میتونید صفحات وب رو بسازید. زبان html خیلی آسون و قابل درک هست و شما از این زبان لذت میبرید.

پایان جلسه اول‌.

📢 کانال آموزش HTML & CSS
🆔 @Html_CSS100