آموزش ایجاد عنوان کارت عکس با HTML5

Creating Photo Card Titles with HTML5

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در پروژه های HTML5: کارتهای عکس سفارشی که قبلاً منتشر شده بودید ، نحوه وارد کردن ، چرخش و موقعیت یابی گرافیک ارسال شده به سایت خود را روی کارتهای عکس کشف کردید. در این دوره ، بخش دو پروژه ، متن متمرکز است - افزودن متن سفارشی به کارتها با قلم ، اندازه ، رنگ و موقعیت قابل انتخاب. در پایان پروژه ، بازدید کنندگان سایت می توانند عنوان انتخابی خود را (کامل با جلوه های 3D CSS3) به کارت عکس خود اضافه کنند. فناوری های HTML5 تحت پوشش شامل عناصر فرم HTML5 با بهبود یافته JavaScript ، Canvas و CSS3 تبدیل شده است.

بقیه سری پروژه های HTML5 را بررسی کنید.
موضوعات شامل:
  • تنظیم فرم ارسال عنوان
  • ایجاد زمینه های اصلی ورود متن
  • ادغام انتخاب کنندگان رنگ در فرم
  • افزودن عنوان به کارت با جاوا اسکریپت
  • اعمال جلوه های متنی مانند سایه ها و شیب ها

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • درباره پرونده های تمرینی About the exercise files

  • شرایط دوره و مرورگر Course and browser requirements

1. درک پروژه 1. Understanding the Project

  • آنچه می خواهیم بسازیم What we're going to build

  • فناوری های HTML5 ، CSS3 و JavaScript را برجسته کنید Highlighted HTML5, CSS3, and JavaScript technologies

2. تنظیم فرم 2. Setting Up the Form

  • ایجاد زمینه های اصلی Creating the basic fields

  • افزودن نوار لغزنده دامنه Adding range sliders

  • جمع کننده رنگ ها Integrating color pickers

3. ساختن عنوان 3. Crafting the Caption

  • تنظیم JavaScript Setting up the JavaScript

  • وارد کردن متن دلخواه Entering custom text

  • انتخاب قلم Selecting the font

  • تنظیم اندازه متن Setting text size

  • انتخاب یک رنگ Choosing a color

  • کشیدن متن Dragging the text

4- افزودن جلوه های متن 4. Adding Text Effects

  • ایجاد سایه ها Creating shadows

  • شیب های خطی Crafting linear gradients

  • ترکیب شیب شعاعی Incorporating radial gradients

خداحافظ Goodbye

  • مراحل بعدی Next steps

نمایش نظرات

آموزش ایجاد عنوان کارت عکس با HTML5
جزییات دوره
1h 11m
18
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
9,582
- از 5
ندارد
دارد
دارد
Joseph Lowery
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Joseph Lowery Joseph Lowery

نویسنده، برنامه نویس، ارائه دهنده Joseph Lowery یک نویسنده بهترین فروش، برنامه نویس و ارائه دهنده در وب و تکنولوژی وب موبایل است.

کتاب های یوسف در مورد وب سایت های وب و وب سایت های وب، پرفروش های بین المللی هستند، که بیش از 400،000 نسخه در سراسر جهان فروخته می شود زبان ها. آخرین کتاب های جدید او dreamweaver cs5 کتاب مقدس ، trainer 24 ساعته adobe cs4 workflows است. جو همچنین Dreamweaver 8 را نوشت: فراتر از اصول از Lynda.com. او صدها وب سایت را در طول سال ها و همچنین افزونه های متعدد و برنامه های کاربردی برای کمک به دیگر طراحان وب ساخته است.

به عنوان یک برنامه نویس، یوسف دو پسوند را به انتشار آتش بازی و بسیاری از پسوندهای موجود برای Dreamweaver کمک کرد. او در Adobe Max Max چند بار، Seybold در هر دو بوستون و سانفرانسیسکو، دنیای وب Thunderlizard و کنفرانس طراحی MAC Group Group KW ارائه شده است.