در حال بارگذاری ...
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
معرفی تگ a و خصوصیت href برای ایجاد لینک
انواع آدرس دهی و تفاوت آن ها
نکات مربوط به SEO
خصوصیت title
خصوصیت target
ایجاد Bookmark با استفاده از تگ a و خصوصیت name
معرفی تگ img و خصوصیت src
معرفی خصوصیات title و alt
گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس
بررسی اشکالات گذاشتن 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 ها برای قالب بندی صفحه
مفهوم 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
شرکت برنامه نویسی باران با داشتن برنامه نویسان حرفه ای و کادری مجرب به مدیریت حسین حیدری شاهی سرایی در سال ۱۳۹۶ تاسیس شده است