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

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

آموزش ایجاد یک انیمیشن وب از یک فایل Illustrator ساده، با Ai2Canvas—یک افزونه رایگان که تقریباً با هر نسخه از Illustrator، از CS3 تا CC، کار می کند. در این پروژه کوتاه طراحی وب، کریس کانورس نحوه دستیابی به انیمیشن های پیچیده با Ai2Canvas را به سادگی با نامگذاری لایه های خود با ویژگی های مختلف انیمیشن نشان می دهد. او همچنین نشان می دهد که چگونه می توان ویژگی هایی مانند چرخش و مبدا را برای طراحی های حرکتی جالب تر ترکیب کرد و فایل های پروژه را برای تحویل وب فشرده کرد. فایل های تمرین این دوره برای همه اعضای lynda.com رایگان است، پس همین امروز آن ها را دانلود کنید.