HTML یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. این تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود. در این فرادرس به آموزش طراحی وب با HTML به صورت مقدماتی می پردازیم.
HTML زبان بنیادی طراحی وب
وقتی حرف از طراحی وب سایت به میان می آید، ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می شود. واژه HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود. به طور دقیق تر، شما وب سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی میکنید، این وب سایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای 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
محصولات و فایل های مشابه
فایل ها بر اساس قیمت کم به زیاد دسته بندی شده است . ( مگر اینکه فروشنده فایل پس از ایجاد مطلب افزایش قیمت داده باشد .)
-
این کتاب در حقیقت مقدمه ای بر html به زبان ساده می zwnj;باشد. دانلود این کتاب را به مبتدیان یادگیری html توصیه می zwnj;کنیم ...
-
کتاب حاضر نوشته ی احمد بادپی در 119صفحه با فرمت PDF ودر حجم 2.5MB آماده گردیده که شامل سرفصل های زیر می باشد: _بررسی انواع نسخه ها و تفاوت های HTML و XHTML _آشنایی با مفاهیم Tag و Attribute _آشنایی با انواع تگ ها،صفت ها و کاربردهایشان _آشنایی با به کارگیری لیست ها، جداول و فرم ها در صفحات ...
-
آموزشhtml و xhtml نوشته ی احمد بادپی در 119 صفحه با فرمتpdf و در حجم2.5MB با سرفصل های زیر برای شما آماده گردیده است ؛ _بررسی انواع نسخه ها و تفاوت های htmlوxhtml _آشنایی با مفاهیم Tag وAttribute _آشنایی با انواع تگ ها،صفت ها و کاربردهایشان _آشنایی با به کارگیری لیست ها،جداول و فرم ها در صفحات ...
آموزش کامل برنامه نویسی وب به زبان HTML آموزش روان و ساده ...
-
دانلود آموزش جامع HTML نویسنده: امیر سروری توضیحاتی کوتاه در مورد کتاب: عبارت HTML مخفف (Hyper Text Markup Language) است . Html زبان استاندارد طراحی صفحات وب است و کلیه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای HTML تبدیل شده و توسط مرورگر نمایش داده می شوند. HTML یک زبان ...
-
یك وب سایت معمولا شامل تعداد زیادی فایل است كه در تعدادی پرونده مرتب شده اند، به همان صورت كه شما فایل هایتان را در پرونده ها مختلفی روی كامپیوترتان مرتب می كنید. صفحه اصلی یك سایت معمولا index.htm یا index.html یا default.html نام دارد. وقتی كه یك آدرس وب ( یا اسم دامنه ) را در مرور گرتان تایپ ...
-
با برنامه نویسی میلیونر نمی شوید یک میلیادر میشوید ...
-
تخفیف ویژه به مدت کوتاه بسته آموزش طراحی صفحات وب با HTML و CSS همراه با روش ساخت و طراحی یک سایت در قالب پروژه در این کورس آموزشی شما با روند تولید صفحات وب با کدهای اچ تی ام ال HTML و سی اس اس CSS آشنا خواهید شد. در این دوره شما تگ ها Tag و برچسب های مهم و ضروری طراحی صفحات اچ تی ام ال را ...
محصولات فیزیکی مرتبط
|