برای کسب اطلاعات بیشتر، به این لینک ...

برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:

http://www.faradars.org/fvh4c94062

وقتی حرف از طراحی وب سایت به میان می آید ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می شوند.

واژه HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود. به طور دقیقتر، شما وبسایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می کنید، این وبسایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می شود. در اصل می توانیم بگوییم که:

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

درس دوازدهم: مروری مختصر بر رنگ ها

مدرس: مهندس محمد عبداللهی