قیمت این دوره: رایگانــ
  • مدرس دوره : علی وحدت منزه
  • تعداد ویدیوها : 8 ویدیو
  • مدت زمان دوره : 4:20:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/12/28
آموزش Html و Css

آموزش Html و Css

Html و Css چیست ؟ Html در کنار Css هسته فن آوری ساخت صفحات وب هستند. Html زبان توصیف ساختار صفحات وب است. Html زبانی ‌است برای نشانه ‌گذاری فرا متن که برای تدوین قالب و طراحی صفحات وب به کار می ‌برند. دستور العمل‌ های این زبان برچسب Tag نام دارند که محتوای یک صفحه وب با آن‌ها نشانه ‌گذاری شده و بدین ‌ترتیب نحوه نمایش آن صفحه برای مرورگر های وب توصیف می‌شود. که تاکنون 5 نسخه از Html عرضه شده ‌است. هر یک از برچسب ‌های Html معنا و مفهوم خاصی دارند و تاثیر مشخصی بر محتوا می ‌گذارند. مثلا برچسب‌ هایی برای تغییر شکل ظاهری متن، نظیر ضخیم کردن و باریک کردن یک کلمه یا برقراری پیوند به صفحات دیگر در Html تعریف شده‌ اند. یک سند Html یک پرونده مبتنی بر متن است که معمولا با پسوند Html یا Htm نام ‌گذاری شده و محتویات آن از برچسب‌ های Html تشکیل می ‌شود. مرورگر های وب که قادر به درک و تفسیر برچسب‌ های Html هستند تک ‌تک آن‌ ها را از داخل سند Html خوانده و سپس محتوای آن صفحه را نمایان‌ سازی می ‌کنند. Html اساسا برای ساخت ‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار نظیر عناوین، تصاویر، فهرست ‌ها، بند ها و جداول به کار می‌ رود. از سوی دیگر Html را نباید به عنوان زبانی برای صفحه‌ آرایی یا نقاشی صفحات وب به کار برد. این وظیفه اکنون بر دوش فن آوری ‌های دیگری همچون Css است. گفتنی است Html شکلی از زبان دیگری به نام Sgml است و کنسرسیوم وب آن را به عنوان استانداردی برای نشانه ‌گذاری مستندات فرا متنی برای عرضه در وب تدوین کرده است.  Cssیک زبان برای ساخت شیوه ‌نامه است که از آن برای توصیف نمایش یک سند که به یکی از زبان ‌های نشانه ‌گذاری مثل Html نوشته شده ‌است استفاده می ‌شود. Css یکی از فن‌ آوری های بنیادین در کنار Html و JavaScript در وب جهان ‌گستر است. Css روشی ساده برای نمایش چیدمان و جلوه های تصویری مانند نوع قلم، رنگ و اندازه ‌ها در صفحات وب است. Css از جنس زبان ‌های نشانه ‌گذاری با ساختار متن ساده رایانه است و درون هر کدام دستور هایی آبشار مانند و پی ‌در پی برای چگونگی نمایش هر صفحه وب افزوده می‌شود. بیشترین استفاده ‌ای که از این زبان در حال حاضر می‌ شود مشخص کردن سبک صفحه وب Html و Xhtml است ولی آن را می‌توان بر هر نوع مستند Xml از جمله Svg اعمال کرد. نگهداری و تغییر مشخصات Css به عهده کنسرسیوم وب جهان گستر است.
پیش نیاز  : پیش نیاز ندارد 

سرفصل های دوره :

HTML

قسمت اول - معرفی دوره - انتخاب ادیتور

قسمت دوم - بدنه اصلی - تگ پاراگراف - تگ em (برجسته کردن) - تگ i (برجسته کردن) - تگ strong (بولد کردن) - تگ b (بولد کردن) - تگ h1 تا h6 - کامنت گذاری

قسمت سوم - ساخت لیست - تگ ul - تگ ol - آندر اسکور - افزودن تصویر - عرض و ارتفاع - ایجاد لینک - متصل کردن صفحات با استفاده از لینک - ایجاد جدول

قسمت چهارم - افزودن موزیک - افزودن ویدیو - تگ hr - تگ br

قسمت پنجم - گروه بندی - کلاس - آیدی - متا تگ ها - تگ های section ،aside ،nav ،footer ،header و address

CSS

قسمت اول - مقدمه ای بر Css - متصل کردن فایل Css به Html - تغییر دادن رنگ پس زمینه - افزودن تصویر به پس زمینه - تنظیمات پس زمینه - تغییر دادن رنگ متن - تغییر دادن اندازه فونت - بولد کردن - تغییر دادن فونت - تراز کردن - کامنت گذاری

قسمت دوم - فاصله بیرونی - فاصله درونی - بوردر - عرض و ارتفاع - جهت ها - موقعیت - هاور - کرسر - شفافیت - وب سایت واکنش گرا

قسمت سوم - دکمه ها - اینپوت ها - تکست اریا - پلیس هولدر - ترانزیشن (وب کیت - موز - ام اس - او) - پس زمینه گرادیان خطی - بوردر ردیوس - یوزر سلکت - دایرکشن - تنظیم فاصله بین خطوط - سایه ها - ترنس فرم




فهرستـــ ویدیوها

مدت زمان دوره 4:20:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • مقدمه

00:06:00

مقدمه 

2
  • تگ های اولیه Html

00:32:05

تگ های اولیه Html

3
  • ایجاد لیست، ایجاد لینک و...

00:22:11

ایجاد لیست، ایجاد لینک و...

4
  • افزودن فایل صوتی و تصویری

00:21:04

افزودن فایل صوتی و تصویری

5
  • گروه بندی

00:23:31

قسمت پنجم

6
  • دستورات اولیه Css

00:28:13

قسمت ششم

7
  • وب سایت واکنش گرا

00:55:43

قسمت هفتم

8
  • تگ ها و دستورات تکمیلی در Html و Css

01:11:48

قسمت آخر


نظرات کاربران در رابطه با این دوره

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

پارسا کیانی

ارسال شده در 1403/11/10

عالی بود البته اینو برای رفع اشکال دیدم واقعا خوب بود

پارسا کیانی

علی وحدت منزه (مدرس)

ارسال شده در 1403/11/10

با سلام و احترام

خوشحالم از اینکه این دوره برای شما مفید بوده

ان شاءالله همیشه موفق باشید

aref.c1385

ارسال شده در 1403/07/01

سلام
دوره عالی بود از همه نظر 
روان بود
ابهام نداشت
واسه تازه کارها عالی بود
فقط کاش دوره های دیگه ای رو هم ضبط کنید

علی وحدت منزه (مدرس)

ارسال شده در 1403/07/02

با سلام و احترام

خوشحالم از اینکه مورد پسند شما بوده و این پیام نظر لطف شماست

متأسفانه فعلا سعادت همکاری با تاپ لرن رو ندارم ولی با سرچ کردن علی وحدت منزه در گوگل، میتونید به تمام دوره های ضبط شده توسط من دسترسی داشته باشید

موفق باشید

fm j

ارسال شده در 1403/01/12

ممنون بابت دوره خیلی عالی  و جزو بهترین ها بود. 

fm j

علی وحدت منزه (مدرس)

ارسال شده در 1403/01/13

با سلام و احترام

خوشحالم از اینکه این دوره برای شما مفید بوده

موفق باشید

نیما دهقان

ارسال شده در 1401/09/23

بنده از دوره شما به صورت کامل استفاده کردم، بسیار عالی بود
باتشکر

نیما دهقان

علی وحدت منزه (مدرس)

ارسال شده در 1401/09/25

با عرض سلام و خسته نباشید خدمت شما

خوشحالم از اینکه مفید بوده

موفق باشید

سیاوش کرمی

ارسال شده در 1401/07/18

ممنون استاد .فقط یه کوچولو مباحث رو بیشتر توضیح بدید و در حین نوشتن توضیح بدین.

سیاوش کرمی

علی وحدت منزه (مدرس)

ارسال شده در 1401/07/19

با عرض سلام و خسته نباشید خدمت شما

این دوره به اتمام رسیده. انشاءالله در دوره های بعدی نکاتی که عرض کردید رو رعایت میکنم

موفق باشید

پری پدرام

پری پدرام

ارسال شده در 1401/04/10

ممنون بسیارعالی بود 

amirhosinv3

ارسال شده در 1401/03/04

خیلی ممنون از اموزش هاون 

mehdiminer

ارسال شده در 1401/02/29

تشکر فراوان بابت دوره مختصر مفید و کاربردی ، همیشه برقرار باشید

علی وحدت منزه (مدرس)

ارسال شده در 1401/02/29

با عرض سلام و خسته نباشید خدمت شما

خوشحالم از اینکه مفید بوده

موفق باشید

اصغر احمدی زاد

اصغر احمدی زاد

ارسال شده در 1401/02/16

استاد عزیز سلام مجدد... یه سوال خیلی مهم دارم 

حالا این سایتی رو که ما با آموزش های حضرتعالی ساختیم چطوری میتونیم توی گوگل قرار بدیم تا مردم بتونن سرچ کنند و بهش دسترسی پیدا کنند؟ ممنون میشم پاسخ بدید