آپلود ویدئو | ورود | ثبت نام


فرادرس-

"آموزش طراحی وب با HTML - درس دهم: مدیا در صفحه وب "


Embed گزارش تخلف

مشاهده 2039

دریافت ویدئو: حجم کم کیفیت بالا
توسط فرادرس در 23 Aug 2017
توضیحات:


برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:
#http://www.faradars.org/ FVH4C94062

HTML زبان بنیادی طراحی وب

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

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

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

سرفصل های مورد بحث در این فیلم آموزشی عبارتند از:
مقدمه‌ای بر اینترنت، وب و HTML
درک مفهوم HTML
آشنایی با مرورگر وب و انواع آن
نقش CSS در ساخت صفحات وب
آشنایی با XHTML
جنگ مرورگرهای وب
استانداردهای موجود
عناصر سازنده صفحات وب
مارک‌آپ (Markup)
المان، تگ، خاصیت و مقدار
محتوای متنی یک صفحه وب
لینک‌ها، تصاویر و محتوای غیرمتنی
اسم فایل‌های صفحات وب
HTML در مقابل XHTML
انواع نسخه‌های HTML
آشنایی با DOCTYPE و ضرورت استفاده از آن
ساخت اولین صفحه وب
آشنایی با نرم‌افزارهای ساخت صفحات وب نظیر Dreamweaver
مشاهده صفحه وب ساخته شده در مرورگرهای مختلف
آشنایی با ناسازگاری‌های مرورگرهای مختلف
ساختار اساسی HTML
ساختار یک صفحه وب
عنوان یک صفحه وب
ساخت پاراگراف‌ها
آشنایی با Headerها
نامگذاری المان‌ها
تقسیم کردن یک صفحه وب به قسمت‌های مختلف
Encoding برای نمایش درست متن‌ها
کاراکترهای خاص در HTML
المان‌های DIV و Span
فرمت کردن متن در HTML
نوشتن متن به صورت bold و italic
تغییر سایز نوشته یک متن
استفاده از فونت‌های Monospaced
استفاده از متن‌های Preformatted
متن‌های نقل قول
متن‌های Superscript و Subscript
تراز متن در صفحه وب
تصاویر در وب
پسوندهای رایج تصاویر در وب
آشنایی با نرم‌افزارهای کار با تصاویر
آشنایی با دستور Save for Web
آشنایی با نحوه لود شدن تصاویر در وب
شفافیت (Transparency) در تصاویر
شفافیت، تصاویر PNG و ناسازگاری‌های مرورگرها
وارد کردن تصاویر درون یک صفحه وب
تغییر سایز تصاویر توسط HTML
آشنایی با متن جایگزین عکس
شناورکردن تصاویر در صفحه وب
لینک‌ها
لینک‌ها: فرامتن بودن HTML
ساخت لینک‌ها در صفحه وب
آشنایی با انواع لینک‌ها
نحوه آدرس‌دهی به لینک‌ها
درست کردن میانبرهای کیبوردی برای کار با لینک‌ها
آشنایی با دکمه Tab در کیبورد و نقش آن در لینک‌ها
آشنایی با لینک‌های Anchor و HASHها
لیست‌ها
آشنایی با انواع لیست‌ها
ساخت لیست‌های ترتیبی و غیرترتیبی
انتخاب نوع بولت برای لیست‌ها
تعیین شماره شروع برای لیست‌ها
ساخت لیست‌های توضیحی
لیست‌های تودرتو و مدیریت آن‌ها
جداول
آشنایی با جداول و کاربردهای آن در صفحات وب
ساخت اولین جدول
تعیین حاشیه کنار جدول
تعیین فاصله درونی و بیرونی سلول جدول
ساخت جدول‌های حرفه‌ای‌تر
تقسیم کردن جدول به گروه‌های افقی
تقسیم کردن جدول به قسمت‌های عمودی
کنترل حرفه‌ای حاشیه‌های کناری و داخلی یک جدول
فرم‌ها
نقش فرم‌ها در صفحات وب
ساخت اولین فرم
پردازش اطلاعات وارد شده توسط کاربر
آشنایی با Server-Side Programming
ساخت اولین برنامه دینامیک فوق ساده
دسته‌بندی المان‌های موجود در فرم
ساخت منوهای Drop Down
ساخت دکمه‌های رادیویی و چک‌باکس‌ها (Checkbox)
فیلدهای آپلود فایل
فیلدهای مخفی و کاربردهای آن
آشنایی با دکمه‌های Submit و Reset
قراردادن عکس به جای دکمه تایید فرم
نقش دکمه Tab در فیلدهای یک فرم
غیرفعال کردن المان‌های موجود در فرم
فیلدهای فقط خواندنی

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

لغات کلیدی:

آموزش, طراحی, وب, با, HTML


comments powered by Disqus

درباره ما | تماس با ما | قوانین تخته سفید