فیلم آموزش Html مهندس رحمانی

با فیلم آموزش Html مهندس رحمانی از وب سایت آموزش برنامه نویسی سورس باران در خدمت شما هستیم. توجه داشته باشید که این فیلم قبلا هم روی سایت منتشر شده بود، منتهی بدلیل انتشار دوره فوق بصورت جلسه به جلسه کاربران درخواست داشتند که بصورت یکجا روی سایت قرار بگیرید. که در این مطلب تقدیم حضور شما می نماییم.

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

HTML چیست؟

HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود. در واقع HTML را عنصر کلیدی صفحات وب می‌دانند و تمامی زبان‌های برنامه‌ نویسی برای طراحی سایت، به شکلی به HTML وابسته هستند. با استفاده از این زبان و CSS و جاوا اسکریپت، تکنولوژی‌های بنیادین برای شبکه جهانی وب تشکیل می‌شود. مرورگرها اسناد HTML را از وب سرور یا مخزن لوکال (Local) دریافت کرده و آن‌ها را به صفحات وب چند رسانه‌ای تبدیل می‌کنند. در واقع HTML ساختار معنایی صفحات وب را تعریف کرده و شامل مشخصات ظاهری سند است. نمونه کدی از Html را در زیر مشاهده می نمایید :

HTML می‌تواند برنامه‌های نوشته شده به زبان اسکریپتی مانند جاوا اسکریپت را که بر رفتار و محتوای صفحات وب تاثیر می‌گذارند در خود جای دهد. استفاده از CSS ظاهر و آرایش محتوا را تعریف می‌کند. کنسرسیوم جهانی وب که استانداردهای HTML و CSS را تعریف می‌کند، از سال ۱۹۹۷ استفاده از CSS را روی HTML ظاهری توصیه کرده است. وب سایت W3schools یکی از منابع خارجی خوبی جهت یادگیری Html است.

همچنین میتوانید جدا از این فیلم آموزش Html مهندس رحمانی که در این مطلب دانلود می نمایید از مقالات و کتاب های آموزشی Html به زبان فارسی در سایت سورس باران نیز استفاده نمایید.

[alert color=”red” icon=””]

دوستان و کاربران عزیز توجه داشته باشید که این دوره قبلا در سایت بصورت تک جلسه ای منتشر شده است و در این مطلب بصورت یکجا قرار داده شده است. اگر قبلا این دوره را دانلود نمودید نیازی به دانلود مجدد آن نیست.

[/alert]

سرفصل دوره آموزش Html مهندس رحمانی

جلسه 1 آموزش Html

• توضیح در مورد ایکس ام ال
• توضیح در مورد اچ تی ام ال
• چگونگی ایجاد فایل Html در ویندوز
• چگونگی دانلود نت بینز
• توضیح تگ ها : ،تگ html ،تگ body ،تگ head ،تگ title
• چگونگی اجرای یک فایل Html در در مرورگر

لینک دانلود جلسه 1

 

 

 

 

 

 

جلسه 2 آموزش Html

• مرور جلسه قبل
• توضیح ساختار سلسله مراتبی در اچ تی ام ال
• ذخیره فایل های HTML با فرمت utf8 در Netbeans
• توضیح ساختار سلسله مراتبی در HTML
• توضیح تفاوت سند و فایل
• توضیح تگ های h1 تا h6
• توضیح تگ پاراگراف یا <p> در Html
• توضیح تگ <a> در Html
• توضیح در مورد url و آدرس فایل در Html

لینک دانلود جلسه 2

 

 

 

 

 

 

جلسه 3 آموزش Html

• چگونه در Netbeans پروژه Html ایجاد کنیم
• چگونه shortcut های Netbeans را تغییر دهیم
• تفاوت مسیر دهی نسبی و مسیر دهی مطلق در Html

لینک دانلود جلسه 3

 

 

 

 

 

 

جلسه 4 آموزش Html

• مثال های بیشتر در رابطه با مسیر دهی های نسبی و مطلق در Html
• آموزش تگ img و توضیح خصیصه src برای آن در Html
• آموزش تگ p در Html
• آموزش خصیصه title در Html
• آموزش خصیصه lang برای تگ Html

لینک دانلود جلسه 4

 

 

 

 

 

 

جلسه 5 آموزش Html

• آموزش خصیصه width برای تگ های Html
• آموزش خصیصه height برای تگ های Html
• آموزش خصیصه alt برای تگ های Html
• توضیح تگ meta برای utf8 برای تگ head در Html
• توضیح تگ hr در Html
• توضیح تگ br در Html
• توضیح تفاوت بین تگ های inline level و block level در Html
• توضیح تگ pre در Html
• توضیح تگ b در Html
• توضیح تگ strong در Html
• توضیح تگ i در Html
• توضیح تگ em در Html

لینک دانلود جلسه 5

 

 

 

 

 

 

جلسه 6 آموزش Html

• آموزش تگ inserted در Html
• آموزش تگ del در Html
• آموزش تگ ins در Html
• توضیح تگ superscript در Html
• توضیح تگ subscript در Html
• توضیح خصیصه style در Html
• توضیح استایل color در Html
• توضیح استایل font-family در Html
• توضیح استایل font-size در Html
• توضیح استایل text-align در Html
• توضیح استایل direction در Html
• توضیح تگ q در Html
• توضیح تگ blockquote در Html
• توضیح تگ kbd در Html
• توضیح تگ samp در Html
• توضیح تگ code در Html
• توضیح تگ pre و code در Html
• توضیح کامنت های شرطی برای شناسایی نوع مرورگر در Html

لینک دانلود جلسه 6

 

 

 

 

 

 

جلسه 7 آموزش Html

• آموزش internal styles یا استایل های داخلی
• آموزش تگ <style>
• آموزش externl styles استایل خارجی و نحوه اضافه کردن یک فایل css به یک سند Html
• آموزش تگ <link> در Html
• آموزش لینک کردن به یک بخش خاص از یک سند Html
• آموزش خصیصه target برای تگ <a> و توضیح مقادیر blank و self
• توضیح Mapping و خصیصه usemap برای تگ img در Html
• توضیح تگ های map و area در Html

لینک دانلود جلسه 7

 

 

 

 

 

 

جلسه 8 آموزش Html

• آموزش تگ table در Html
• آموزش تگ tr در html
• آموزش تگ td در Html
• آموزش تگ th در Html
• آموزش تگ caption در Html
• آموزش خصیصه colspan در Html
• آموزش تگ rowspan در Html
• آموزش دستیابی به سطور زوج و فرد در table در Html با استفاده از tr:nth-child(odd) و tr:nth-child(even)
• آموزش border-collapse و border-spacing و border در table ها در Html

لینک دانلود جلسه 8

 

 

 

 

 

 

جلسه 9 آموزش Html

• آموزش تگ های ul و li در Html
• آموزش خصیصه list-style-type به ازای مقادیر مختلف در تگ ul در Html
• آموزش تگ ol در Html
• آموزش خصیصه type و مقادیر موجه مختلف برای آن در تگ ol در html
• آموزش تگ های dl و dt و dd در Html
• آموزش مفهوم لیست های تو در تو در Html
• آموزش ساختن یک منوی پیمایش افقی در Html
• آموزش شیوه inline کردن یک تگ block در Html
• آموزش تگ های inline و block در Html
• آموزش تگ div در Html
• آموزش تگ span در HTML

لینک دانلود جلسه 9

 

 

 

 

 

 

جلسه 10 آموزش Html

• آموزش خصیصه class و ذکر تفاوت آن با خصیصه id
• توضیح در مورد انتخاب کننده * یا universal selector برای از میان بردن استایل های پیشفرض اعمال شده توسط مرورگر
• توضیح و معرفی نرم افزار های Wiring برای بدست آوردن شمای کلی از layout ساخت صفحه Html که قرار است کد آن را بنویسیم.
• آموزش استفاده از نرم افزار مجانی Pencil
• تولید اولین شمای layout به زبان Html در نرم افزار Pencil

لینک دانلود جلسه 10

 

 

 

 

 

 

جلسه 11 آموزش Html

• ادامه آموزش ساخت یک layout ابتدایی در Html
• آموزش padding در CSS و بکارگیری آن در Layout های Html
• آموزش ابتدایی float در CSS و بکارگیری آن در Layout های Html
• آموزش ابتدایی clear در CSS و بکارگیری آن در Layout های Html

لینک دانلود جلسه 11

 

 

 

 

 

 

 

جلسه 12 آموزش Html

• آشنایی مختصر با Html5
• آشنایی با تگ header در Html5
• آشنایی با تگ section در Html5
• آشنایی با تگ article در Html5
• آشنایی با تگ aside در Html5
• آشنایی با تگ footer در Html5
• ساخت قالب با table ها در Html و توضیح چرایی نامناسب بودن این کار
• توضیح بسیار ابتدایی قالب بندی ریسپانسیو و ذکر یک مثال ساده از آن

لینک دانلود جلسه 12

 

 

 

 

 

 

 

جلسه 13 آموزش Html

• آموزش ابتدایی ساخت یک layout در Htmlبا کمک bootstrap
• آموزش شیوه سطر بندی و ستون بندی با استفاده از bootstrap
• آموزش مقدماتی ساخت فرم ها در Html
• آموزش تگ form در Html
• آموزش خصیصه action در تگ form در Html
• آموزش خصیصه method در تگ form در Html
• توضیح شیوه های ارسال POST و GET در HTTP
• آموزش تگ input در HTML
• آموزش خصیصه type در تگ input در Html
• آموزش ساخت textbox در Html
• آموزش ساخت radiobox در Html
• آموزش ساخت checkbox در Html
• آموزش ساخت فیلد پسورد در Html

لینک دانلود جلسه 13

 

 

 

 

 

 

 

جلسه 14 آموزش Html

• توضیح تگ iframe در Html
• روشن کردن این نکته که استفاده از تگ iframe خوب نیست
• تنظیم width و height در تگ Iframe
• توضیح خصیصه های src و frameborder در تگ iframe در Html
• توضیح خصیصه target در تگ iframe در Html
• توضیح انواع رنگ بندی در Html
• توضیح کد های رنگی در مبنای ۱۶ یا Hex در Html
• توضیح کدهای رنگی اسم دار در Html
• توضیح تگ script در Html
• توضیح تگ noscript در Html
• توضیح تگ noscript در Html
• راهنمای بسیار ابتدایی آغاز کار با Html
• آموزش تگ base در Html
• آموزش تگ meta در Html
• آموزش خصیصه keywords در تگ meta در Html
• آموزش خصیصه description در تگ meta در Html
• آموزش خصیصه author در تگ meta در Html
• توضیح خصیصه refresh در تگ meta در Html

لینک دانلود جلسه 14

 

 

 

 

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

  

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.