خانه / دوره های آموزشگاه / طراحی وب مقدماتی ( HTML & CSS)
طراحی وب

طراحی وب مقدماتی ( HTML & CSS)

HTML چیست ؟

عبارت (HTML) مخفف Hyper Text Markup Language  به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کلیه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای HTML تبدیل شده و توسط مرورگر نمایش داده می شوند. به عبارت دیگر مرورگر ها کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد. مترجم های زبان برنامه نویسی تحت سرور مانند Asp یا PHP در نهایت کد های خود را برای نمایش به کد HTML تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود. HTML یک زبان نشانه گذاری است ، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . این تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود . یک سند HTML، یک پروندهٔ مبتنی بر متن است که معمولاً با پسوند HTML یا HTM نامگذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های HTML هستند، تک‌تک آن‌ها را از داخل سند HTML خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند. HTML زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختمند کردن اطلاعات نظیر عناوین، تصاویر، فهرست ها، بندها و جداول و… به کار می‌رود.

CSS چیست؟

CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد. CSS زبانی است که توسط آن قادر خواهید تا استایل طراحی صفحات وب سایت را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.  درواقع ظاهرسازی و زیبایی و جلوه های صفحات وب توسط CSS طراحی می شود.

در کنار HTML  که هستهٔ فناوری ساخت صفحه‌های وب است، سی اس اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه ، رنگ‌ها و پس زمینه‌ها، روش چیدمان عناصر صفحه وب را درون خود جای می‌دهند.

به طور خلاصه پیش نیاز آموزش طراحی وب سایت CSS و HTML است وبعد از آن می توان طبق کاربرد و سلیقه زبان Asp یا Php را انتخاب کرد.

مخاطبان دوره

دانشجویان رشته فناوری اطلاعات و کامپیوتر

افراد علاقمند به طراحی وب سایت

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

معرفی HTML , CSS

نرم افزارهای موردنیاز

ساختار صفحات وب

صفات عمومی و تخصصی در html

عناصر inline level و block level در html

کار با تگ های متن و فونت (P-br-hr-pre-h-sup-sub-center-strong و…)

کار با لینک ها

کار با تصاویر

کار با لیست ها

کار با جداول

کار با فرم ها

کار با عناصر چندرسانه ای

صفحات چندگانه و….

CSS

ساختار و کاربرد CSS

کار با class و Id

ساختار نحوی کدهای css

استایل فونت ها

استایل متن ها

استایل پس زمینه ها

استایل جداول

ساختار و لایه بندی باکس ها

کار با margin  و padding

نحوه نمایش عناصر

موقعیت دهی عناصر

چیدمان عناصر ثابت و شناور

شبه کلاس ها

نوار منو افقی

گالری تصاویر

  • شفافیت تصاویر (Image Opacity)
  • تکنیک نمایش تصاویر همجوار (Image Sprites)
  • انواع رسانه ها (Media Types)
  • انتخاب عناصر توسط صفت (Attribute Selectors)

 

 

ثبت نام

همچنین ببینید

متلب (matlab)

matlab مخفف عبارت (Matrix Laboratory) به معنای (آزمایشگاه ماتریس) می‍باشد. این نرم افزار یک زبان …

آموزشگاه صبا پردازش

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

پیوستن به کانال
بستن