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

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

توسعه وب بر ایجاد محتوای بسیار بصری متمرکز است، اما بسیاری از خزنده‌ها طرح‌بندی‌ها و تصاویری را که زمینه را به خوانندگان انسانی می‌دهند نادیده می‌گیرند. برای کمک به جستجوی گوگل و سایر ربات ها، می توانید از داده های معنایی ساخت یافته استفاده کنید. این ابرداده نامرئی اما حیاتی تعیین می‌کند که سایت‌های شما چگونه به صورت آنلاین ظاهر می‌شوند و می‌توانند به افزایش رتبه جستجوی شما کمک کنند. در این دوره، جن کرامر نشان می‌دهد که چگونه می‌توان داده‌های ساختار یافته برای ماشین‌خوان‌ها را به صفحاتی که برای انسان‌ها نیز در نظر گرفته شده است، اضافه کرد. یاد بگیرید که چگونه محتوا را در طرحواره ها توصیف کنید، از متا تگ ها استفاده کنید و از ابزارهایی مانند Structured Data Markup Helper و Structured Data Testing Tool - هر دو از Google - برای اضافه کردن ریزداده و کد JSON-LD به صفحات خود استفاده کنید. در فصل سوم، جن چندین نمونه داده ساختاریافته و همچنین چالشی برای آزمایش توانایی شما در ارائه نتایج جستجوی غنی ارائه می‌کند.

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

نحوه استفاده از Adobe Dreamweaver CC 2017 - برنامه محبوب طراحی و توسعه وب - برای ایجاد و انتشار وب سایت ها با استفاده از فناوری مبتنی بر استانداردها و رابط کاربری ساده شده را بیابید. در این دوره، دیوید پاورز نحوه شروع کار با Dreamweaver را نشان می‌دهد، رابط کاربری را پوشش می‌دهد و راهنمایی برای ایجاد فایل‌های جدید، راه‌اندازی ساختار منطقی برای محتوا، و تولید کد واضح و قابل دسترس ارائه می‌کند. دیوید نحوه قالب بندی HTML و CSS اولیه را با استفاده از ابزارهای بصری و مبتنی بر کد در Dreamweaver توضیح می دهد. او همچنین تکنیک های مدیریت سایت را بررسی می کند، از جمله بررسی لینک های شکسته، اتصال به یک سرور راه دور، و مدیریت چندین سایت.

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

در این دوره، برایان وود توضیح می دهد که چگونه از VirtualBox و modern.ie برای راه اندازی ماشین های مجازی استفاده کنید که می توانید از آنها برای انجام تست مرورگر استفاده کنید. او شما را در هر مرحله از فرآیند راه اندازی راهنمایی می کند تا بتوانید با این ابزارها و شروع استفاده از آنها برای آزمایش مرورگر آشنا شوید.

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

rnrn فایل ها را برای تمرین نقل قول های کشش یک ظاهر طراحی شده در وب سایت خود دانلود کنید.

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

آیا هر کاری که می توانید انجام می دهید تا مطمئن شوید که سایت های شما در دسترس و آسان برای استفاده هستند؟ تکنیک های عملی دسترسی را بیاموزید تا مطمئن شوید که طرح های وب شما قابل مشاهده و استفاده برای همه است. درک Featherstone، کارشناس دسترسی بین‌المللی شناخته شده، نمونه‌هایی از جریان‌های متداول متقابل وب را بررسی می‌کند، و سپس ملاحظات و استراتژی‌های تاکتیکی برای هر جزء را بررسی می‌کند تا اطمینان حاصل کند که افراد دارای معلولیت می‌توانند به راحتی آن وظایف را انجام دهند. استفاده صحیح از رنگ، کنتراست و حرکت را بیاموزید و نحوه طراحی تعاملات صفحه کلید و رابط های لمسی را بیاموزید. ترکیب تصاویر، صدا و ویدئو؛ طراحی فرم های قابل دسترس؛ ساختار محتوا در سطح برچسب. و طراحی پاسخگو را با قابلیت دسترسی متعادل کنید.