در حال بارگذاری ...

html

آموزش زبان برنامه نویسی HTML 

طراحی صفحات وب با HTML

توضیحات 

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

درباره HTML

وقتی حرف از طراحی وب‌ سایت به میان می‌ آید، ذهن تمامی افراد ناخواسته به سمت زبان 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