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

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

دوره آموزشی 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

 

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

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

فصل اول (مقدماتی)

  • ١ – مبانی اولیه
  • مقدمه – آشنایی با برنامه نویسی 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 (٣)
  • ٢٠ – آزمون های عملی
  • ۶ دوره آزمون عملی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *