.
آموزش زبان برنامه نویسی(HTML, CSS)

آموزش زبان برنامه نویسی(HTML, CSS)


دوره آموزشی HTML, CSS چه دوره ای است؟ HTML زبانی‌ استاندارد است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحات وب، چه صفحات سمت سرور و چه صفحات سمت کاربر، به کار می رود. به عبارت دیگر، مرورگرها و Browserهایی مانند کروم، موزیلا و … کدهای سمت سرور مانند ASP و PHP را نمی شناسند و فقط کدهای HTML را می فهمند. دستورعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه...

توضیحات بیشتر...

توضیحات

دوره آموزشی HTML, CSS چه دوره ای است؟

HTML زبانی‌ استاندارد است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحات وب، چه صفحات سمت سرور و چه صفحات سمت کاربر، به کار می رود. به عبارت دیگر، مرورگرها و Browserهایی مانند کروم، موزیلا و … کدهای سمت سرور مانند ASP و PHP را نمی شناسند و فقط کدهای HTML را می فهمند. دستورعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود. هر Tagبه عنوان بخشی از صفحه استفاده می شود که دارای خصوصیت های منحصر به فردی است که این خصوصیات به مرورگرها نحوه نمایش Tag ها را توضیح می دهند. مجموعه آموزش مجازی پارس افتخار دارد که محتوای آموزشی این مجموعه را تماما بصورت مالتی مدیا(صدا ، تصویر و فیلم) در اختیار شما قرار داده است.

درباره دوره:

نخستین پایه طراحی وب سایت زبان برنامه نویسی HTML است. HTML مخفف عبارت HyperText Markup Language یا همان زبان نشانه گذاری فرامتن است که تقریبا اکثر کسانی که دستی در دنیای وب دارند با آن آشنا هستند، زبانی که به جرات می توان گفت یکی از آسان ترین و کاربردی ترین ها در جهان است که  از سال 1980 میلادی تا امروز همواره روندی رو به رشد داشته است.
برای هر کس که میخواهد هرگونه صفحه وب (WebPage) را در داخل اینترنت طراحی و بارگذاری کند، آشنایی کامل با زبان اچ تی ام ال ضروری است.حتی اگر میخواهید یک وبسایت را با استفاده از زبان های PHP و یا ASP طراحی کنید باز هم باید با زبان HTML آشنا باشید ; چرا که این زبان های برنامه نویسی هم بعدا به صورت اچ تی ام ال درخواهند آمد.

همراه جدایی ناپذیر HTML ، زبان CSS است . در واقع با استفاده از اچ تی ام ال اسکلت بندی و ساختار اصلی یک وب سایت طراحی می شود و با استفاده از زبان سی اس اس پوست و ظاهر و زیباسازی وب سایت انجام می شود. در سال 2012 بود که نسخه ی جدید زبان اچ تی ام ال یعنی HTML5 معرفی گردید و بهبود های بسیاری هم در جهت ساده کردن کدنویسی و هم در جهت بهینه سازی صفحات وب با آن همراه بود. برای برنامه نویسی با هر زبانی ما به یک نرم افزار ویرایشگر متن نیاز داریم که قطعا ساده ترین این ویرایشگرها همان NotePad ویندوز است که نیازی به خریداری و دانلود ندارد و کار با آن بسیار ساده و راحت است.

پسوند فایل های اچ تی ام ال به صورت html. هستند که البته در گذشته به دلیل استفاده از فرمت های دارای 3 کاراکتر پسوند htm. نیز مرسوم بود اما استاندارد فعلی به صورت html. است. برای اجرای هر چه بهتر صفحات وب فارسی باید بخش Encoding صفحه html را بر روی قسمت UTF-8 قرار دهیم که البته میتوان این کار را با کدهای html هم انجام داد. کدهای زبان HTML در کاراکترهایی به نام تگ (Tag) نوشته می شوند. هر تگ به صورت خواهد بود.که در قسمت name باید نام تگ درج شود. در مجموع 2 نوع تگ کلی در زبان اچ تی ام ال وجود دارد : self closing tags و end closing tags

ساختار کلی end closing tags به صورت   و ساختار کلی self closing tags به صورت می باشد.

اچ تی ام ال (HTML) یا hypertext markup language، زبانی است که تقریبا تمام کسانی که دستی در دنیای وب دارند با آن آشنا هستند یا لااقل اسم آن را بارها شنیده اند، زبانی که به جرات می توان گفت یکی از آسان ترین و کاربردی ترین ها در جهان است که  از سال 1980 میلادی تا امروز همواره روندی رو به رشد داشته،  در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب،  نهایتا به صورت خروجی HTML  و در مرورگر کاربران نشان داده خواهد شد؛ لذا نقطه آغاز یادگیری برنامه نویسی  وب، آموزش این زبان است، برای آشنایی بیشتر چند تگ ساده را در ادامه بررسی می کنیم.

آموزش: مطالب این دوره در 140 ساعت به صورت  بسته آموزشی ارائه می گردد.

برگزارکننده: مرکز آموزش مجازی پارس
ثبت نام و افزودن گواهینامه ها

سرفصل بسته ی آموزشی

به دلیل تطابق با دانش به روز و مورد تایید استانداردهای جهانی، امکان بروز رسانی و تغییر سرفصل ها وجود دارد.

فصل اول - مقدمات HTML     

  • Html  چیست     
  • چگونه یک صفحه وب را ایجاد کنیم     
  • تفاوت‌های html و Xhtml     
  • دستور Doctype در Html     

فصل دوم - معرفی تگ های HTML     

  • تیترها     
  • تگ br     
  • تگ hr     
  • تگ p      
  • تگ pre      

فصل سوم - آشنایی با Attributes در HTML      

  • صفات (Attributes)      
  • صفت title      
  • تگ a      
  • صفت href      
  • صفت target      
  • لینک‌های داخلی و خارجی      

فصل چهارم - آشنایی با تصاویر HTML      

  • تگ img      
  • صفت Src      
  • صفت width      
  • صفت height      
  • صفت alt      
  • Image map      

فصل پنجم - آشنایی با صفت Style      

  • صفت رنگ پس زمینه      
  • رنگ متن‌ها      
  • تغییر فونت      
  • اندازه متن      
  • تراز بندی متن      
  • انتخاب تصویر پس زمینه      
  • کنترل تکرار کننده عکس پس‌زمینه      
  • اندازه عکس پس‌زمینه      
  • پیوست عکس پس زمینه      
  • حالت قرارگیری پس‌زمینه      
  • سیستم رنگی در html      
  • سیستم رنگ RGB      
  • سیستم رنگ Hex (هگزا دسیمال)      

فصل ششم - آشنایی با المنت‌های قالب بندی      

  • تگ b      
  • تگ strong      
  • تگ i      
  • تگ em      
  • تگ sub      
  • تگ sup      
  • تگ u      
  • تگ ins      
  • تگ del      
  • تگ big      
  • تگ small      
  • تگ mark      

فصل هفتم - آشنایی با جداول      

  • صفت border-collapse      
  • صفت colspan      
  • صفت rowspan      
  • صفت Caption      
  • صفت Bgcolor      
  • صفت Background      
  • صفت cellpadding      
  • صفت cellspacing      

فصل هشتم - آشنایی با لیست ها      

  • آشنایی با خاصیت  type-style-list      

فصل نهم - آموزش لایه بندی در HTML      

  • آموزش لایه بندی صفحات html      
  • InLine      
  • Block      
  • موجودیت ها در html      

فصل دهم - آشنایی با تگ Head       

  • تگ title       
  • تگ link       
  • تگ base       
  • تگ script       
  • Meta داده‌ها در html       
  • comment       

فصل یازدهم - فرم ها در HTML       

  • تگ form       
  • صفت Action       
  • صفت Method       

فصل دوازدهم - آشنایی با CSS       

  • آموزش CSS       
  • مزایای استفاده از css       
  • فرمت کلی دستورات CSS       
  • روش‌های استفاده فایل های CSS در html       
  • لینک‌ها در css       
  • Display       
  • Overflow       
  • Overflow-x  و Overflow-y       
  • z-index       
  • خصوصیت float و clear