دوره HTML, CSS [فشرده]

دوره HTML, CSS [فشرده]

دوره HTML, CSS [فشرده]

اگر به طراحی سایت و یادگیری زیان HTML و CSS علاقه مندید، این دوره فشرده و مفید را از دست ندهید.

 

طول دوره

 7 ساعت 


روز و ساعت برگزاری

جلسه اول: 18 آبان 16:30 الی 18

جلسه دوم: 19 آبان 18 الی 20

جلسه سوم: 20 آبان 16:30 الی 18

جلسه آخر: 21 آبان 18 الی 20

 


 

مباحث

مباحث HTML در اين دوره به شرح ذيل است :

درس اول: مقدمات HTML
معرفی HTML
شروع کار با HTML
مفهوم تگ یا نشانه
تگ html
تگ head
تگ body
تگ meta و استفاده از آن برای تعیین Encoding صفحه
تگ title و مزایا و نقش آن در SEO
معرفی مفهوم SEO یا Search Engine Optimization
تگ p برای ایجاد پاراگراف
معرفی خصوصیت style و مفهوم آن
معرفی خصوصیات مهم موجود در Style از قبیل font-size, width, height, color, background-color, background-image, font-weight, text
align, direction و ...
معرفی تگ‌های Heading و نقش آن در SEO
معرفی تگ span
معرفی موجودیت (Entity) ها در HTML از جمله برای فاصله گذاری
معرفی تگ br
درس دوم: تگ های Text Formatting
تگ b
تگ i
تگ u
تگ strong و نقش آن در SEO
تگ em و مفهوم آن
اشاره ای به وب معنایی
تگ‌های big, small, del, ins, mark, sup, sub, blockquote, q, abbr, address, cite, samp, code, kbd, code, pre, var
درس سوم: Link Building
معرفی تگ a و خصوصیت href برای ایجاد لینک
انواع آدرس دهی و تفاوت آن ها
نکات مربوط به SEO
خصوصیت title
خصوصیت target
ایجاد Bookmark با استفاده از تگ a و خصوصیت name
درس چهارم: عکس ها در صفحه وب
معرفی تگ img و خصوصیت src
معرفی خصوصیات title و alt
گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس
درس پنجم: مروری بر CSS
بررسی اشکالات گذاشتن Style به صورت inline
معرفی تگ style
مفهوم انتخاب گر یا selector در CSS و بررسی چند selector از قبیل id و class
معرفی Style به صورت external و معرفی مفهوم CSS و تگ link
درس ششم: لیست ها
تگ ol و لیست مرتب
تگ ul و لیست نامرتب
معرفی خصوصیات type و start
تعیین عکس به عنوان bullet برای لیست
درس هفتم: جدول
معرفی تگ table
استفاده از تگ های tr و td در جدول
خصوصیات border, align, valign, width, colspan, row
تگ های colgroup, tfoot, thead, tbody
درس هشتم: تگ div
معرفی مفهوم و موارد استفاده تگ div
کنار هم چیدن div ها برای قالب بندی صفحه
مفهوم position و مختصات left و top
مفهوم float
قالب بندی یک صفحه با div
مفهوم clear
درس نهم: فرم در صفحه وب
تگ form
کنترل های فرم برای برنامه نویسی در html4 و html5
تگ های input با انواع button, text, checkbox, radio, submit, reset, password, number, color, date, range
تگ textarea
تگ select و option برای ایجاد Dropdown
تگ datalist
درس دهم: مدیا در صفحه وب
معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
معرفی تگ audio
تگ object
تگ embed
درس یازدهم: تگ های درون head و مفهوم DOCTYPE
معرفی انواع تگ های meta
تگ base
مفهوم DOCTYPE و معرفی انواع نسخه HTML
درس دوازدهم: مروری مختصر بر رنگ ها

 

 

سرفصل CSS در اين دوره به شرح ذيل است :

مقدماتی سی اس اس
معرفی سی اس اس
ساختار دستورات CSS
گزینشگرهای CSS
فایل CSS خارجی
استایل دهی به عناصر
استایل دهی پس زمینه
استایل دهی متن
استایل دهی فونت
استایل دهی لینک ها
استایل دهی لیست ها
استایل دهی جداول
مفهوم باکس در سی اس اس
مفهوم Box
خاصیت border
خاصیت outline
خاصیت margin
خاصیت padding
پیشرفته سی اس اس
گروه‌بندی گزینش‌ گرها
تنظیم طول و عرض
طریقه نمایش عناصر
تنظیم موقعیت عناصر
شناور کردن عنصر
ترازبندی عناصر
شبه کلاس‌ ها
شبه عناصر
ساخت منو در CSS
ساخت گالری تصاویر
شفاف کردن تصویر
نمایش بخشی از عکس
رسانه‌ های مختلف
گزینش براساس صفت
خلاصه مطالب CSS
پیشرفته سی اس اس 3
معرفی
گرد کردن گوشه‌ ها
پس زمینه
شیب رنگ
افکت‌ های متن
فونت
تبدیل دو بعدی
تبدیل سه بعدی
انتقال یا Transition
متحرک سازی
چند ستونه کردن متن
رابط کاربری
آموزش‌ های متفرقه کاربران

محمد عبداللهی

مدرس و برنامه نویس وب
طراح و پیاده ساز فرآیندهای سازمانی

مشاهده پروفایل استاد
شما هم توانید در مورد این مطلب نظر بدهید.

برای ثبت نظر، لازم است ابتدا وارد حساب کاربری خود شوید.