زبان برنامه نویسی HTML
دوره زبان برنامه نویسی HTML

HTML چیست؟ HTML کوتاه شده ی عبارت Hyper Text Markup Language می باشد که به مفهوم زبان نشانه گذاری بیش از حد متن نامیده شده است. به طور کلی HTML زبانی استاندارد برای طراحی صفحات وب می باشد و تمام کدهای صفحه قابل تبدیل به کدهای Html می باشد که این کدها چه از سمت سرور چه از سمت مشتری است و بوسیله ی مرورگر قابل نمایش می باشد. به بیان دیگر مرورگرها با هیچ یک از کدها و کنترل های طرف سرور اعم از کدهای asp و php آشنایی ندارند و کدی که قابل درک برای آنها می باشد اچ تی ام ال است. در آخر کامپایلر های زبان...

توضیحات بیشتر...
مشاهده توضیحات کامل...

توضیحات

HTML چیست؟
HTML کوتاه شده ی عبارت Hyper Text Markup Language می باشد که به مفهوم زبان نشانه گذاری بیش از حد متن نامیده شده است. به طور کلی HTML زبانی استاندارد برای طراحی صفحات وب می باشد و تمام کدهای صفحه قابل تبدیل به کدهای Html می باشد که این کدها چه از سمت سرور چه از سمت مشتری است و بوسیله ی مرورگر قابل نمایش می باشد. به بیان دیگر مرورگرها با هیچ یک از کدها و کنترل های طرف سرور اعم از کدهای asp و php آشنایی ندارند و کدی که قابل درک برای آنها می باشد اچ تی ام ال است. در آخر کامپایلر های زبان های برنامه نویسی سروری، کدهای مورد نظر خود را به منظور نمایش به کد اچ تی ام ال مبدل می کند و برای مرورگر ارسال می کند تا قابل نمایش به کاربران باشد.

آشنایی با زبان HTML 
صفحات اینترنتی و سایت ها، وبلاگ ها و ... اطلاعاتی را دربردارند که شامل تصاویر گرافیکی، متن ها ، ویدیو ، صوت و ... است. این محتواها از طریق سه لایه به کاربر قابل نمایش است. سه لایه که به کاربر نمایش داده می شود به شکل زیر است:
1-    لایه محتوا یا Content توسط زبان HTML به وجود می آید.
2-    لایه نمایش یا Presentation توسط زبان CSS قابل ایجاد می باشد.
3-    لایه رفتار یا Behavior توسط زبان JavaScript به وجود می آید.


لایه محتوا
لایه محتوا همواره وجود داشته و دارای اطلاعاتی می باشد که برنامه نویس و طراح قصد نمایش آن را به کاربر را دارد. این محتوا به شکل کدهای اچ تی ام بین دو تگ <html> </html>  واقع شده و تمام چیزهایی که در این بین قرار می گیرد توسط مترجم این زبان ترجمه می شود. 
لایه نمایش
نقش اساسی لایه نمایش مبدل کردن کدهای اچ تی ام ال به تصاویر و متن هایی می باشد که قابل مشاهده به صورت واضح و شکیل برای کاربر باشد. انواع مرورگرها، کدهای اچ تی ام ال را ترجمه کرده و به متن ها و تصاویر تبدیل کرده که قابل نمایش برای کاربر باشد.
 لایه رفتار
این لایه بعضی از رفتارهایی که بوسیله ی جاوا اسکریپت کدنویسی می شوند را نمایش می دهد. به عنوان نمونه می توان کادر های تبلیغاتی شناور و متحرک را نام برد. کدهای جاوا به این صورت می باشند که مابین دو تگ <script type=”text/javascript”> </script> جای میگیرند.

تعریف زبان HTML
به طور کلی برنامه های تحت وب را می توان به دو گروه زیر تقسیم کرد :
1-    برنامه های استاتیک: به برنامه هایی گفته می شود که صفحات آنها تشکیل شده از متن، تصویر، صوت و... می باشد و احتمالاً یک یا چند لینک آدرس های دیگر در آن واقع شده است.در اصل این گروه از صفحات با کاربر در ارتباط نیستند و منحصراً موارد درون این صفحات برای کاربر قابل مشاهده است.
2-    برنامه های دینامیک یا پویا : به برنامه ای گفته می شود که داده هایی از کاربر می گیرد و آنها را مورد پردازش قرار داده و در آخر نتیجه را به کاربر تحویل می دهد.
در طراحی و ساخت صفحات استاتیک زبان HTML به کار می رود و همچنین ظاهر صفحات وب با استفاده از این زبان قابل تعیین می باشد. مبنای وب (Web) زبان HTML است که این زبان مبتنی بر متن (Text Base) است و ساختار آن از تگ ها (Tags) تشکیل شده است.هر کدام از این تگ های HTML معنا و مفهومی خاص خود را دارند و اثر بخشی مشخصی بر محتوای صفحه دارند برای مثال تگ هایی می توان به فرمت متن و یا لینک به آدرسی دیگر اشاره داشت. به منظور درک درست تر و بهتر از وجود تگ ها می بایستی به یکی از تگ های مهم که لینک می باشد اشاره داشت که بنیاد اساسی موتورهای جستجوگر فعلی به این تگ ها در صفحات وب توجه خاصی دارند.
زبان HTML دارای پسوندهایی با نام htm.  یا  html. می باشد. در واقع وظیفه ی مرورگر وب تفسیر تمامی دستورات این صفحات می باشد که دربردارنده ی همان تگ ها هستند  و در آخر نتیجه را به کاربر نشان می دهند. HTML یک زبان به منظور نشانه گذاری متن است و نه یک زبان برنامه نویسی. این زبان را می توان برای ساماندهی و جدا سازی اجزای یک صفحه استفاده کرد.زبان برنامه نویسی HTML برای صفحه آرایی که منظور از آن قالب بندی متن و رنگ مناسب نمی باشد و در واقع این وظیفه برعهده CSS می باشد. به طور کلی می توان گفت همه ی زبان های برنامه نویسی تحت وب، به شکلی منوط به اچ تی ام ال هستند. برای نمونه می توان PHP، جاوا اسکریپت و برنامه نویسی دات نت را مثال زد که افزون بر قوانین و استاندارد های که دارند از زبان برنامه نویسی HTML بهره می گیرند به صورتی که کدهای نوشته شده در فرمت خاصی، در بین کدهای اچ تی ام ال واقع می شود.
در یک صفحه HTML از انواع عناصر زیر استفاده می گردد :
•    متن
•    عکس
•    تیتر
•    جدول
برای هر کدام از این عنصرها به ترتیب از تگ های ابتدایی و انتهایی <> … </> مرتبط با آن استفاده می گردد.

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

اهداف دوره زبان PHP
 هدف از این دوره آموزشی ارتقای سطح دانش دانشپذیران در زمینه زبان برنامه نویسی HTML  است.  مهم ترین مباحثی که با گذراندن این دوره به آنها دست خواهید یافت شامل موارد زیر می باشد:
•    تعریف زبان برنامه نویسی HTML  

مخاطبینی که می توانند از دوره زبان PHP استفاده کنند شامل موارد زیر است:
•    برنامه نویسان
•    طراحان سایت و وب
•    استادان برنامه نویسی
•    دانشجویان رشته های مرتبط
•    کلیه علاقه مندان به این حوزه
 

ثبت نام و افزودن گواهینامه ها

سرفصل دوره ها

  • فصل اول (مقدماتی)
  • مبانی اولیه
  • مقدمه - آشنایی با برنامه نویسی Web - نحوه عمکلرد وب سایت ها - آشنایی با تگ ها
  •  ایجاد یک HTML ساده
  • کدنویسی HTML - ویرایش فایل HTML
  •  کار با Dreamweaver
  • آشنایی با تگ های متنی - درج فاصله و ایجاد خط جدید
  •  قالب بندی متن
  •  کاربرد دستور Style
  •  کار با تگ Span
  • آشنایی با تگ Span - کاربرد تگ Span
  •  کار با رنگ ها
  •  درج و دسته بندی لینک ها
  •  روش Document Relative
  •  تنظیمات لینک ها
  • کار با ویژگی Target - پیمایش صفحه توسط لینک ها - ایجاد لینک ایمیل
  • ١ویژگی Direction
  • کار با لیست ها
  • ایجاد لیست ها - استایل های لیست
  • ترسیم جدول
  • طرح بندی توسط تگ Table - کار با پانل DOM
  • کار با Colspan و Rowspan
  • ایجاد جداول پیشرفته
  • ایجاد جدول های تو در تو - تنظیم فواصل سلول ها
  • طرح بندی توسط تگ Div
  • طرح بندی در HTML5
  • کار با CSS
  • آشنایی با CSS - ساختار دستورات CSS - ایجاد یک فایل CSS - درج ویژگی در CSS
  • ویرایش کدهای CSS
  •  آزمون های عملی
  •  دوره آزمون عملی
  • ​فصل دوم (متوسط)
  • آشنایی با Class و ID
  • آشنایی با مفهموم Class - آشنایی با مفهوم ID
  •  کار با کلاس ها
  • استفاده از کلاس ها - اعمال کلاس ها روی تگ های خاص
  •  کار با انواع Selector
  • کار با Descendant Selector - کار با Pseudo Selector
  •  واحدهای اندازه گیری
  •  کنترل مکان و حاشیه تگ ها
  • آشنایی با Float و Clear - تنظیم لبه ها
  •  درج و ویرایش تصاویر
  • افزودن تصویر - تغییر ابعاد تصویر - درج لینک بر روی تصویر
  •  کار با تصویر پشت زمینه
  • درج تصویر پشت زمینه - ویژگی Background-Repeat - ویرایش تصویر پشت زمینه
  •  درج تصویر پشت زمینه تگ
  •  کار با Rollover Image
  • ١کار با Map
  • درج Map بر روی تصویر - ایجاد Map مستطیلی - ایجاد Map دایره ای و چندضلعی
  • ایجاد گالری تصاویر
  • کار با Opacity
  • کار با Navigation Bar عمودی
  • ایجاد Navigation Bar عمودی - ویرایش Navigation Bar عمودی - تنظیمات Navigation Bar عمودی
  • کار با Navigation Bar افقی
  • ایجاد Navigation Bar افقی - تنظیمات Navigation Bar افقی
  • ایجاد انواع Dropdown
  • ایجاد Dropdown ساده - ایجاد Dropdown پیشرفته
  • کار با IFrame
  • مبانی استفاده از Iframe - ویژگی های Iframe (١) - ویژگی های Iframe (٢)
  • کار با Frameset
  • ایجاد Frameset - مقدار دهی به Frameset
  • ایجاد فرم های ورودی
  • کار با تگ Form - ساختار فرم تماس با ما - تگ های ورودی متن
  •  آزمون های عملی
  •  دوره آزمون عملی
  • فصل سوم (پیشرفته)
  • ایجاد انواع دکمه
  • ایجاد دکمه ساده - ایجاد دکمه Submit و Reset - ایجاد دکمه تصویری و Button
  •  امکان انتخاب گزینه ها
  • ایجاد Checkbox - ایجاد Radio Button
  •  استفاده از تگ Output
  •  کار با تگ Select
  • کار با تگ Select (١) - کار با تگ Select (٢)
  •  ایجاد Progress Bar
  •  درج انواع Objectها
  • افزودن فایل های صوتی - افزودن فایل های ویدئویی - تگ های Embed و Object
  •  کار با موتورهای مرورگر
  •  کار با دستور Transform
  • چرخاندن محتویات یک تگ - مقادیر ویژگی Transform
  •  ایجاد انیمیشن
  •  مدیریت انیمیشن
  • تنظیمات انیمیشن - کنترل سرعت انیمیشن
  • ١قانون Keyframe
  • استفاده از قانون Keyframe - کار با Keyframeها
  • نقش CSS3 در طراحی
  • گرد کردن زوایا - ویژگی Border-Image - درج هم زمان تصاویر در CSS3
  • کار با رنگ ها در CSS3
  • نقش رنگ ها در CSS3 - ایجاد گرادیان های خطی - ایجاد گرادیان ها دایره ای - کار با سایه ها
  • مدیریت متن و فونت
  • کار با متن - کار با فونت ها - فراخوانی فونت ها
  • مرور صفحات
  • ایجاد و ویرایش ستون
  • صفحات چند ستونی - جداکننده چند ستونی
  • کار با صفحات Responsive
  • تغییر ابعاد توسط کاربر - ایجاد صفحات Responsive - استفاده از Grid-View
  • کار با قانون Media
  • کاربرد قانون Media
  • قانون Media (١) - قانون Media (٢) - قانون Media (٣)
  •  آزمون های عملی
  •  دوره آزمون عملی
۷ روز هفته ۲۴ ساعته پاسخگوی شما هستیم.
کلیه حقوق مادی و معنوی برای وب سایت موسسه آموزش عالی آزاد فن پردازان محفوظ است.
طراحی و توسعه با توسط تیم IT در فن پردازان