دوره آموزشی ایجاد طرح‌بندی HTML با InDesign

دوره آموزشی ایجاد طرح‌بندی HTML با InDesign

2 ساعت 29 دقیقهمتوسط2015-04-08

مدرسین

Justin Putney

Justin Putney

Designer, Animator, Developer, Author, Adobe Pro, Entrepreneur

جزئیات دوره

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

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

اهداف یادگیری:
آشنایی با گزینه‌های خروجی HTML و EPUB در InDesign
انتشار محتوا در وب به روش‌های مختلف
استفاده از HTML در سایر فرمت‌ها و محیط‌ها
ساخت اپلیکیشن‌های موبایل و وب با HTML
مدیریت متن و تصاویر در طراحی HTML
حل مشکلات خروجی گرفتن از HTML
شخصی‌سازی چیدمان HTML با استفاده از CSS و JavaScript

مهارت ها

Digital PublishingInDesignProjectGraphic DesignAdobe

سرفصل ها

مقدمه

  • خوش آمدید
  • استفاده از فایل‌های تمرین

درک HTML

  • HTML چیست
  • چرا HTML
  • چرا ساخت در این دیزاین
  • آنچه HTML می‌تواند و نمی تواند انجام دهد
  • نمونه‌های پروژه

چگونه یک طرح‌بندی ایندیزاین به HTML ترجمه می‌شود - طرح‌بندی مجدد در مقابل طرح‌بندی ثابت

  • کدام گزینه برای پروژه شما مناسب است
  • بررسی گزینه‌های Export HTML موجود در InDesign
  • بررسی گزینه‌های Export EPUB موجود در InDesign
  • استفاده از in5 برای Export یک طرح از InDesign به HTML

هنگامی که HTML آن را دارید چه کاری باید انجام دهید

  • ارسال HTML به وب
  • انتشار به صورت EPUB
  • تعبیه HTML - DPS، EPUB، و جاهای دیگر
  • استفاده مجدد از محتوای HTML برای یک پست وبلاگ یا ایمیل

ایجاد برنامه‌ها از محتوای HTML

  • ایجاد یک برنامه وب
  • تبدیل به اپلیکیشن موبایل با استفاده از فریم ورک Baker
  • تبدیل به یک برنامه تلفن همراه با استفاده از PhoneGap Build
  • ایجاد اپلیکیشن موبایل با آمازون

بهترین روش‌ها برای متن

  • سبک‌های برچسب گذاری را صادر کنید
  • افزودن هایپرلینک به متن
  • قالب‌بندی لیست ها
  • متن مشروط

بهترین روش‌ها برای تصاویر

  • اضافه کردن متن جایگزین
  • کنترل کیفیت تصویر با شطرنجی سازی سفارشی
  • استفاده از استایل‌های آبجکت

کنترل جریان در HTML Reflowable

  • استفاده از پنل مقالات
  • استفاده از اشیاء anchor برای قرار دادن تصاویر در جریان متن

چالش‌ها و ملاحظات هنگام Export HTML از InDesign

  • قالب‌بندی متن و جاسازی فونت
  • اطمینان از تبدیل مناسب رنگ
  • اندازه صفحه، چیدمان مایع و چیدمان جایگزین چگونه دخیل هستند
  • استفاده از XML

گسترش و سفارشی کردن نتایج

  • استفاده از CSS سفارشی برای تغییر ظاهر
  • استفاده از جاوا اسکریپت سفارشی برای تغییر عملکرد

نتیجه

  • مراحل بعدی
۸۰,۰۰۰ تومان