ارتقا دادن مهارت های خود در HTML - Advance Your Skills in HTML

Hypertext Markup Language (HTML) پایه و اساس توسعه وب سایت و برنامه های وب است. این به شما امکا، HTML ارائه می دهد ، بسازید. مربی Jen Simmons همه مفاهیم اساسی را که برای استفاده متفکرانه از HTML نیاز دارید برجسته می کند. او بر نشانه گذاری معنایی متمرکز است: محتوا را به عنوان آنچه که هست ، برچسب گذاری کند و نه فقط برای قالب بندی ، سازگاری یا راحتی. این برای کسانی که وب را به طور متفاوتی مصرف می کنند تأثیر گسترده ای دارد. این تضمین می کند که وقتی صفحه خوان یا سیستمی (مانند موتور جستجو) یک صفحه را مصرف می کند ، دقیقاً می داند که چه چیزی حاوی آن است و چگونه این اطلاعات را دسته بندی می کند. موضوعات مورد بحث عبارتند از: - نحو اصلی عناصر HTML - قالب بندی محتوا - نمایش تصاویر - ایجاد پیوندها - صفات HTML جهانی - ناوبری ساختمان - محتوای ساختار - فرم های ساختاری - ایجاد جدول

یک جعبه ابزار قدرتمند است که در صورت تمایل به استفاده از کد، ابر قدرت هایی را به شما می دهد. با تشکر از رفتارهای داخلی در HTML، می توانید میزان کد صریح مورد نیاز خود را کاهش دهید. اسناد خود را به گونه ای تنظیم کنید که هم خوب کار کنند و هم ظاهر خوبی داشته باشند و شما می توانید مطالب خود را در دسترس افراد بیشتری و برنامه های بیشتری قرار دهید. در این دوره، Jen Kramer به شما نشان می دهد که چگونه HTML معنایی، معنادار را ویرایش کنید، برچسب ها و ویژگی های HTML اساسی را از بین ببرید. او به شما کمک می کند تا از ساختار و تقسیم بندی صحیح صفحات خود (از جمله عناصری مانند پیمایش) و نحوه استفاده از ویژگی های منحصر به فرد زبان برای نمایش نقل قول ها، ارقام، تاریخ ها و زمان ها را نشان دهید. موضوعات مورد بحث عبارتند از: - اسناد ساختاری - شناسایی سرفصل ها و پاراگراف ها - افزودن پیمایش معنایی - کار با لیست های مرتب، غیر مرتب و تعریف - افزودن پیوندها و متن مورد تأکید - افزودن تصاویر، نقل قول ها و وقفه های خط - شناسایی مشکلات معنایی

هایپر لینک‌ها پایه و اساس شبکه جهانی وب هستند، اما با طعم‌های مختلفی ارائه می‌شوند. آیا می‌خواهید به یک نقطه خاص در یک سند پیوند دهید؟ تماس تلفنی برقرار کنید یا ایمیل ارسال کنید؟ به جای متن از تصاویر یا میله‌های ناوبری اختصاصی پیوند داده شود؟ در این دوره، مربی Jen Kramer تمام ابزارهای لازم برای سهولت انجام آن کارها را در اختیار شما قرار می‌دهد. او از طریق پیوندهای اساسی، پیوند دادن به فایل‌ها و منابع مختلف، و پیوند دادن از تصاویر، هدرها، متن و موارد دیگر استفاده می‌کند. او به شما نشان می‌دهد که چگونه می‌توانید پیوندها و حالت‌های جداگانه پیوندها را با استفاده از انتخابگرهای CSS سبک دهی کنید، سپس به نحوه استثنا و ایجاد سبک‌های مختلف می‌پردازد. توضیحات او شامل مراحلی است که باید برای حفظ پیوندها و هدایت مجدد آنها در صورت لزوم انجام دهید.

وب راه‌های بیشتر و بیشتری برای دسترسی به گرافیک‌های شما، قرار دادن قابل اعتماد، و تناسب صاف برای انواع صفحه‌نمایش‌های مختلف ارائه می‌دهد. دیگر فقط IMG نیست. در این دوره، به J. David Eisenberg بپیوندید زیرا او یک کاوش جامع در مورد روش های متعدد ارائه گرافیک در صفحات وب ارائه می دهد. با فرمت های مختلف تصویر - از جمله GIF، PNG و JPEG - آشنا شوید و نحوه تنظیم و استایل دادن به تصاویر را با استفاده از CSS بیاموزید. به‌علاوه، با اصول طراحی واکنش‌گرا، نحوه استفاده از شکل و عناصر فیگور برای شرح تصاویر و موارد دیگر آشنا شوید. اهداف یادگیری با استفاده از عنصر img تغییر اندازه تصاویر به دست آوردن تصاویر برای وب سایت شما فرمت های تصویر و زمان استفاده از آنها استایل دادن به تصاویر با CSS تنظیم حاشیه ها، حاشیه ها و بالشتک ها افزودن تصاویر پس زمینه تست وضوح صفحه نمایش شماره گذاری خودکار ارقام با CSS

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

عنصر سر HTML با بقیه زبان متفاوت است و زمینه را به جای محتوا فراهم می کند. آیا می خواهید نحوه نمایش صفحه خود در شبکه های اجتماعی را کنترل کنید؟ عنوان اعمال شود؟ سبک را پیوند دهید؟ همه اینها و بیشتر در ذهن اتفاق می افتد. در این دوره ، یاد بگیرید که از عنصر head نامرئی اما قدرتمند برای بهبود رتبه بندی موتور جستجو ، اشتراک شبکه های اجتماعی و موارد دیگر استفاده کنید. مربی Jen Kramer نشان می دهد که چگونه اصول اولیه ، مانند doctype و زبان را ایجاد کنید و از برچسب های متا برای پیکربندی مجموعه کاراکترها ، تم های رنگی ، نویسندگان و موارد دیگر و همچنین هدایت صفحات استفاده کنید. بعلاوه ، یاد بگیرید که چگونه نحوه نشان دادن پیوندهای صفحه خود را در Facebook با نشان Open Graph کنترل کنید. سپس نحوه تنظیم عنوان صفحه ، پیوند دادن و مشخص کردن سبک ها و افزودن جاوا اسکریپت به صفحه خود با برچسب های مهم دیگر را بیابید. موضوعات شامل: ایجاد نوع سند تنظیم مجموعه کاراکترها ، موضوعات رنگی و موارد دیگر با برچسب های متا ارائه صفحه خود به فیس بوک افزودن عناوین صفحه سبک های پیوند اتصال اسکریپت ها

فرم ها جزء اصلی وب سایت های مدرن هستند که برای جمع آوری داده های کاربران، انجام نظرسنجی و موارد دیگر استفاده می شوند. در حالی که می توانید از فرم ساز استفاده کنید، ساخت آنها از ابتدا با فناوری های اساسی وب: HTML و CSS نسبتاً ساده است. در این دوره، Clarissa Peterson بهترین روش‌ها را برای ایجاد و استایل‌سازی فرم‌های وب به نمایش می‌گذارد که به آسانی تکمیل شده و برای همه کاربران و دستگاه‌ها قابل دسترسی است. استفاده صحیح از فیلدهای فرم، از جمله انواع ورودی HTML5 جدید را بیاموزید و نحوه افزودن تعاملی مانند اعتبار سنجی فرم، فرم‌های سبک با CSS، ایجاد طرح‌بندی‌های پاسخگو، افزودن تعاملی مانند اعتبارسنجی فرم، و طراحی فرم‌ها برای قابلیت استفاده و دسترسی را بیاموزید. اهداف یادگیری نحوه تعامل کاربران با فرم ها طراحی فرم هایی که استفاده از آنها آسان باشد پیروی از قوانین حفظ حریم خصوصی داده ها هنگام جمع آوری اطلاعات انتخاب نوع ورودی HTML برای استفاده اضافه کردن دکمه ها افزودن اعتبار سنجی تعاملی استایل دادن به فیلدهای فرم با CSS استفاده از موقعیت یابی و فلکس باکس برای ایجاد طرح بندی فرم های پاسخگو

در حالی که ایجاد فرم با HTML و CSS یک مهارت اصلی در توسعه وب است ، ساخت فرم های عالی نیاز به موارد بسیار بیشتری از اصول اولیه دارد. امیلی کی سالها تجربه کار با مشتری و توسعه دهندگان را برای توضیح نحوه ایجاد فرم هایی که مردم مفید و حتی لذت بخش می دانند به ارمغان می آورد. با نحوه تنظیم فرم اولیه و افزودن دکمه ها ، کلیدهای ضامن ، انتخاب کنندگان تاریخ و موارد دیگر آشنا شوید. در تکنیک ها و ترفندهای CSS مخصوص فرم مهارت کافی داشته باشید و JavaScript را اضافه کنید تا فرم های خود را به سطح بعدی منجنیق کنید. امیلی شما را از طریق چهار پروژه شروع به اتمام که دارای محبوب ترین انواع فرم های وب است: ورود به سیستم ، رزرو ، پرداخت و فرم های جستجو ، به شما ارائه می دهد. بعلاوه ، بیاموزید که چگونه می توان از قابلیت دسترسی و اعتبار سنجی استفاده کرد و یک صفحه موفقیت پس از ارسال ایجاد کرد تا به کاربران اطلاع دهد که ورودی هایشان پذیرفته شده است. توجه: ملاحظات کاربردی و چیدمان بر اساس دستگاه و سیستم عامل متفاوت است. تمام فرم های ساخته شده در این دوره به همان اندازه در دستگاه های تلفن همراه و دسک تاپ و همچنین همه مرورگرهای مدرن به خوبی کار می کنند. موضوعات شامل: تنظیم فرم اصلی HTML روشهای GET و POST کار با برچسب استفاده از انواع و ویژگیهای ورودی جدید ایجاد دکمه ها یکسان سازی برچسب ها و ورودی ها با CSS برچسب های شناور ایجاد فرم ورود یا ثبت نام ایجاد فرم رزرو ایجاد فرم پرداخت ایجاد فرم های جستجو ایجاد فرم های متقابل دستگاه و سیستم عامل اطمینان از در دسترس بودن فرمها اعتبارسنجی داده های فرم ایجاد صفحه موفقیت برای ارسال فرم

نیاز به اشتراک‌گذاری ویدیو یا صدا در سایت‌های خود دارید، اما رها کردن آن در یوتیوب یا موتور پادکست گزینه‌ای نیست؟ فن‌آوری‌های وب بومی - HTML، CSS و جاوا اسکریپت - پشتیبانی مستقیم از صدا و تصویر را فراهم می‌کنند و به شما امکان می‌دهند رسانه‌ها را ترکیب کنید و تجربه پخش را به طور کامل سفارشی کنید. این دوره مقدماتی با مربی جوزف لابرک به شما کمک می کند تا صدا و تصویر تعاملی را در وب سایت ها و برنامه های خود بسازید. ابتدا اصول عناصر رسانه ای HTML5 و ویژگی های آنها را مرور کنید. سپس نحوه جاسازی رسانه، پشتیبانی از بک گراند، و تنظیم اندازه، صدا و سایر تنظیمات مهم را بیابید. سپس، یاد بگیرید که چگونه رابط‌ها را سفارشی کنید تا ظاهر و عملکرد پخش‌کننده خود را در مرورگرهای مختلف استاندارد کنید. به علاوه، بیاموزید که چگونه می‌توانید تجربه کاربری را با HTML5 Media API کاملا تعاملی کنید. اهداف یادگیری پیوند به رسانه جاسازی رسانه تغییر سند خود برای صدا و تصویر تعیین منابع صوتی تعیین ارتفاع و عرض ویدیو تضمین دسترسی ایجاد کنترل های پخش کنترل‌های پخش یک ظاهر کار با HTML5 Media API

توسعه وب بر ایجاد محتوای کاملاً تصویری متمرکز است ، اما بسیاری از خزنده ها از طرح بندی و تصویری که به خوانندگان انسانی بستر می دهد چشم پوشی می کنند. برای کمک به جستجوی Google و سایر ربات ها ، می توانید از داده های معنایی ساخت یافته استفاده کنید. این فراداده نامرئی اما حیاتی نحوه نمایش آنلاین سایت های شما را تعیین می کند و می تواند به افزایش رتبه جستجوی شما کمک کند. در این دوره ، جن کرامر نشان می دهد که چگونه داده های ساخت یافته برای دستگاه های خواننده را به صفحاتی که برای انسان در نظر گرفته شده اضافه کند. بیاموزید که چگونه برای افزودن ریز داده ها و کد JSON-LD به صفحات خود ، محتوا را در طرحواره ها ، استفاده از برچسب های متا و ابزارهای اهرمی مانند ابزار یا نشانه گذاری ساختاری داده ها و ابزار تست داده های ساختاریافته ، بیاموزید. در فصل سوم ، جن چندین مثال داده ساختار یافته و همچنین یک چالش برای آزمایش توانایی شما در ارائه نتایج جستجوی غنی ارائه می دهد. موضوعات شامل: توصیف عناصر با طرحواره جاسازی طرح ها در طرح ها استفاده از کمک کننده نشانه گذاری داده شده ساختن سندی با داده های خرد ساختن سند با JSON-LD تست نشانه گذاری ساختاری خود

عملکرد مهم است! نشان داده شده است که وب سایت‌های سریعتر باعث افزایش حفظ، وفاداری و رضایت بازدیدکنندگان، به ویژه در تلفن همراه می‌شوند. در این دوره، نحوه ایجاد وب سایت‌ها و برنامه‌ها را با در نظر گرفتن عملکرد کشف کنید. از آنجا که علت بیشترین کندی‌ها، ارتباط بین مرورگر و سرور است - قلمرو HTTP - مربی ارشد کارمندان Morten Rand-Hendriksen از پروتکل HTTP/2 استفاده می‌کند که به توسعه دهندگان وب پیشرفت‌های بسیار خوبی را ارائه می‌دهد. سپس او با ایجاد بودجه عملکردی واقع بینانه، چگونگی حفظ تمرکز تیم شما بر روی عملکرد را پوشش می‌دهد. وی توضیح می‌دهد که چگونه بهینه‌سازی تصاویر (یکی از بزرگترین منابع منبع)، کد و ذخیره فایل‌ها و همچنین تحویل سرور و مدیریت مرورگر را بهینه کنید. بعلاوه، یاد بگیرید که چگونه CSS و JavaScript را بهینه کنید و برای تسریع در زمان بارگیری از شبکه تحویل محتوا استفاده کنید. پس از پایان این دوره، شما دانش اولیه لازم برای توسعه وب سایت‌ها و برنامه‌هایی را خواهید داشت که در عصر وب سایت پر سرعت رشد می‌کنند.