لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش جامع HTML برای مبتدیان
- آخرین آپدیت
دانلود HTML Tutorial for Beginners
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره دارای قابلیت Coursera Coach است! روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و لحظهای که به شما کمک میکند تا دانش خود را آزمایش کنید، پیشفرضها را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیقتر کنید.
در این دوره جامع HTML، شما یاد میگیرید که وبسایتها را از پایه و با استفاده از زبان بنیادین توسعه وب، یعنی HTML، بسازید. چه از صفر شروع کرده باشید و چه بخواهید مهارتهای فعلی خود را ارتقا دهید، این دوره به شما توانایی ایجاد صفحات وب با ساختاری مناسب و دسترسپذیر را میدهد که پیمایش در آنها آسان و از نظر بصری جذاب باشد. این دوره بر یادگیری عملی با کاربردهای واقعی تأکید دارد تا اطمینان حاصل شود که شما مهارتهای کاربردی برای ساخت وبسایتهای خود را به دست میآورید.
دوره با معرفی ساختار اولیه اسناد HTML آغاز شده و سپس به تدریج به سراغ موضوعات ضروری مانند فرمتبندی متن، قرار دادن تصاویر، افزودن لینکها و استایلدهی به صفحات با CSS میرود. شما تگهای مختلف HTML را که صفحات وب را ساختاردهی میکنند و نحوه کنترل نمایش آنها با استفاده از CSS را بررسی خواهید کرد. در پایان، در موضوعات پیشرفتهای مانند طراحی ریسپانسیو (واکنشگرا) و مدیریت جداول تخصص پیدا خواهید کرد.
در طول این مسیر، هر مفهوم با دستورالعملهای واضح و ساده، همراه با مثالهای کاربردی و تمرینها به شما آموزش داده میشود. ما همچنین ویژگیهای پیشرفتهتری از جمله ایجاد فرمها، تنظیم لینکهای ناوبری و استایلدهی به صفحات با استفاده از CSS داخلی (Inline)، داخلی (Internal) و خارجی (External) را پوشش میدهیم. هر بخش با دقت طراحی شده تا بر اساس بخش قبلی باشد و یک تجربه یادگیری گامبهگام را برای شما فراهم کند.
این دوره برای هر کسی که مشتاق شروع فعالیت حرفهای در توسعه وب است یا به دنبال تقویت مهارتهای HTML خود است، ایدهآل است. این محتوا برای مبتدیان مطلق طراحی شده و به هیچ تجربه قبلی در کدنویسی نیاز ندارد. همچنین برای کسانی که میخواهند دانش توسعه وب خود را برای پروژههای شخصی یا حرفهای بهبود بخشند، مناسب است.
در پایان دوره، شما قادر خواهید بود صفحات HTML با ساختار استاندارد ایجاد کنید، استایلهای پایه CSS را اعمال کنید، تصاویر و لینکها را ادغام نمایید و صفحات وب ریسپانسیو بسازید که با اندازههای مختلف صفحه نمایش سازگار باشند.
سرفصل ها و درس ها
مبانی HTML - شروع به کار
HTML Basics – Getting Started
مقدمه و ایجاد یک سند HTML
Introduction and Create an HTML Document
تیترها در HTML
Headings in HTML
عنوان صفحه در HTML
Title in HTML
پاراگرافها در HTML
Paragraphs in HTML
درک بخش Head در HTML
Understanding Head in HTML
خط افقی در HTML
Horizontal Rule in HTML
کامنتها در HTML
Comments in HTML
فرمتبندی در HTML
HTML Formatting
ضخیم کردن متن (Bold)
Make Text Bold
کج کردن متن (Italic)
Make Text Italic
ایجاد فونت کوچک
Create Small Font
علامتگذاری متنهای درج شده
Mark Inserted Text
علامتگذاری متنهای حذف شده
Mark Deleted Text
خط زدن روی متن
Mark Strikethrough text
متنهای بالانویس (Superscript)
Superscript Text
استایلهای CSS در HTML
HTML CSS Styles
استایلشیتها در HTML
Stylesheets in HTML
استایلشیت خارجی در HTML
External Stylesheet in HTML
CSS داخلی (Internal) در HTML
Internal CSS in HTML
CSS خطی (Inline) در HTML
Inline CSS in HTML
تنظیم رنگ پسزمینه در HTML
Set Background Color in HTML
تغییر رنگ متن در HTML
Change Text Color in HTML
زیرخطدار کردن متن در HTML
Underline a Text in HTML
تغییر اندازه متن در HTML
Change Text Size in HTML
تغییر نوع فونت متن در HTML
Change Text Font Family in HTML
تغییر تراز متن در HTML
Change Text Alignment in HTML
تنظیم جهت متن در HTML
Set Text Direction in HTML
نمایش متن از راست به چپ در HTML
Display Text Right to Left in HTML
تغییر تراز تیترها در HTML
Change Alignment of Heading in HTML
کار با تصاویر در HTML
Images in HTML
درج تصویر در صفحه وب
Insert Image in a Web Page
ویژگیهای ارتفاع و عرض تصویر در HTML
Image Height and Width Attributes in HTML
تنظیم تصویر در صفحه وب
Set Image on a Web Page in HTML
نحوه استفاده از تصویر به عنوان لینک
How to Use the Image as a Link in HTML
تنظیم تصویر پسزمینه در صفحه وب
Set Background Image on a Web Page in HTML
قرار دادن تصویر از یک وبسایت خارجی
Set Image on a Web Page from an External Website
قرار دادن تصویر از حافظه محلی کامپیوتر
Set Image on a Web Page from a Local Computer in HTML
ریسپانسیو کردن تصاویر در HTML
Make an Image Responsive in HTML
شناور کردن تصاویر در HTML
Floating Image in HTML
لینکها در HTML
Links in HTML
افزودن لینک به صفحه وب
Add Links on a Web Page
ویژگی href در HTML
The href Attribute in HTML
درج هایپرلینک در HTML
Insert Hyperlink in HTML
تغییر رنگ لینکها در HTML
Change the Color of Links in HTML
تغییر هدف (Target) لینک در HTML
Change the Target of a Link in HTML
حذف خط زیر لینک در HTML
Remove Underline from a Link in HTML
ایجاد لینک برای ارسال ایمیل
Create a Link to Send Email in HTML
ایجاد لینک ایمیل به همراه موضوع (Subject)
Create a Link to Send an Email with the Subject in HTML
نقلقولها و ارجاعات در HTML
HTML Quotation and Citation
علامتهای نقلقول در HTML
Quotation Marks in HTML
استفاده از Blockquote در HTML
Blockquote in HTML
نمایش آدرس پستی در HTML
Markup Postal Address in HTML
مخففات و کلمات اختصاری در HTML
Abbreviation or Acronym in HTML
تنظیم عنوان اثر در HTML
Set Work Title in HTML
جداول و استایلهای CSS
HTML CSS Styles
ایجاد جداول در صفحه وب HTML
Create Tables in an HTML Web Page
ایجاد هدر جدول در HTML
Create Table Header in HTML
ایجاد ردیفها و ستونهای جدول
Create Table Rows and Columns in HTML
تنظیم عرض جدول در HTML
Set Table Width in HTML
تنظیم فاصله داخلی سلولها (Cell Padding)
Set Table Cell Padding in HTML
تنظیم عرض و ارتفاع سلولها
Set Cell Width and Height in HTML
ادغام سلولهای جدول در HTML
Merge Table Cells in HTML
ادغام ستونهای جدول در HTML
Merge Table Columns in HTML
کار با Rowspan و Colspan در جداول
Table Rowspan and Colspan in HTML
تنظیم هدر افقی برای جدول
Set Horizontal Header for a TABLE
تنظیم هدر عمودی برای جدول
Set Vertical Header for a Table
نمایش نظرات