آموزش HTML | دوره مقدماتی
در این بخش دوره آموزش HTML به زبان ساده در قالب فیلم آموزشی را به فارسی و در سطح مقدماتی آماده کردیم که در قالب 8 بخش و در 3 ساعت با کیفیت بالا تهیه شده است. در این آموزش HTML ، کاربر علاوه بر یادگیری مقدماتی زبان HTML با نرم افزار PhpStorm نیز آشنا خواهد شد زیر ابزار مورد استفاده در این طراحی PhpStorm می باشد که یک برنامه قدرتمند در زمینه طراحی وب سایت است. در ادامه به معرفی زبان HTML پرداخته و سرفصل های این فیلم آموزشی طراحی سایت به همراه قسمت هایی از آموزش قرار داده شده است.
معرفی زبان HTML
زمانی که حرف از طراحی وب سایت می شود، ذهن همه ی علاقمندان به سوی زبان HTML و زبان CSS هدایت می گردد. واژه اچ تی ام ال یا HTML که مخفف شده Hyper Text Markup Language است، به معنای زبان نشانه گذاری فوق متن می باشد. زبان HTML یک زبان استاندارد صفحات وب بوده و آخرین زبانی می باشد که بوسیله مرورگر ترجمه شده و کاربر می تواند آن را مشاهده کند.
به عنوان مثال، شما یک وب سایت را به زبان PHP یا با زبان ASP.Net طراحی و برنامه نویسی می کنید، این وب سایت پس از بارگذاری روی سرور و سیستم کاربر، به قطعه کدهای HTML تبدیل شده و روی مرورگر ترجمه می شود و کاربر می تواند آن را مشاهده نماید. بر اساس این مراحل می تواند گفت که زبان HTML یک زبان نشانه گذاری می باشد، یعنی بخش های مختلف بوسیله اجزایی با نام تگ از یکدیگر جدا شده، که هر کدام از آنها کاربرد و خواص مربوط خود را شامل می شوند.
تگ های فوق به مرورگر اعلام می کنند که هر بخش از صفحات وب ما شامل چه نوع عنصری بوده و می بایست به چه شکلی به کاربر نمایش داده شوند. هر کدام از برچسب های HTML دارای معنا و مفهوم خاصی هستند و تأثیر مشخصی بر روی محتوا دارند. به طور مثال، برچسب هایی به منظور تغییر شکل ظاهری متن، همچون درشت و ضخیم بودن یک کلمه یا ایجاد لینک به دیگر صفحات در HTML تعریف شده اند.
فهرست سرفصل های دوره آموزش HTML
بخش اول: معرفی دوره و شروع پروژه
- معرفی زبان HTML
- شروع کار با HTML
- مفهوم تگ یا نشانه
- تگ html
- تگ head
- تگ body
- تگ meta و نحوه استفاده از آن برای تعیین Encoding صفحه
- تگ title و مزایای آن
- مفهوم DOCTYPE
بخش دوم: تگ های متنی در HTML
بخش سوم: جداول در HTML
- تگ table
- استفاده از تگ های tr و td در جدول
- خصوصیات border ، align ، valign ، width ، colspan ، row
- تگ های tfoot ، thead ، tbody
بخش چهارم: لینک ها و لیست ها در HTML
- تگ ol و لیست مرتب
- تگ ul و لیست نامرتب
- تگ dt و لیست تعریف
- معرفی خصوصیات type و start
- تعیین عکس به عنوان bullet برای لیست
- معرفی تگ a و خصوصیت href برای ایجاد لینک
- انواع آدرس دهی و تفاوت آنها
- خصوصیت title
- خصوصیت target
بخش پنجم: پس زمینه – رنگ ها و فونت ها در HTML
- size ، width ، height ، color ، background-color ، background-image ، font-weight ، text
- انواع روش های رنگ دهی به عناصر
- فونت ها در html
بخش ششم: چند رسانه ای صفحه در HTML
- معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
- معرفی تگ audio
- تگ object
- تگ embed
- تگ img
بخش هفتم: فرم ها در HTML
- تگ form
- تگ های input با انواع button ، text ، checkbox ، radio ، submit ، reset ، password ، number ، color ، date ، range
- تگ textarea
- تگ select و option برای ایجاد Dropdown
- تگ legend و fielset
بخش هشتم: چیدمان عناصر و نقشه ها در HTML
- ایجاد layout سایت با استفاده از تگ div
- تگ span
- استفاده از style داخلی و خارجی
- ایجاد layout سایت با استفاده از تگ table
سلام یه سایت در مورد لوازم برقی می تونید به زبان html برام طراحی کنید اگه قابل قبوله لطفا اطلاع بدین مجکرم.
بله توضیحات و جزئیات رو ایمیل کنید تا بررسی کنیم
سلام میخواستم بدونم اگه من این دوره آموزش HTML رو بخرم و ببینم دیگه میتونم برای خودم سایت طراحی کنم؟ یا باید زبان های دیگه ایی هم یاد بگیرم؟ لطفا راهنمایی کنید. ممنون
سلام دوست عزیز به منظور طراحی سایت شما باید چند زبان رو یاد بگیرید که یکی از اون ها HTML هستش. برای این که یک طراح سایت حرفه ایی شوید باید زبان هایی مثل PHP، JavaScript، CSS و HTML رو خیلی خوب یاد بگیرید.
سلام می خواستم بدونم این دوره آموزش HTML آیا مباحث HTML 5 رو هم آموزش میده یا فقط HTML 4 هستش؟ با تشکر
بله html5 رو هم داره به زودی دوره آموزش html پیشرفته رو هم توی سایت قرار خواهیم داد که html5 رو کامل و مفصل توضیح می دهد
سلام یه سوال آیا با یاد گیری html و css به تنهایی میشه یه سایت فروشگاهی راه انداخت؟
زبان های HTML و CSS به منظور طراحی ظاهر و قالب صفحات وب استفاده می شوند و برای ایجاد منطق سایت باید از زبان های سمت سروس مثل زبان PHP استفاده کنید.
باسلام میخواستم بدونم html پیشرفته کی در سایت قرار میگیره؟
به زودی آموزش قسمت پیشرفته HTML توی سایت منتشر میشه