What are the recommended export settings for HTML?« Back to Questions List

Export Kit allows you to customize your Output with Layer Options and Output Options before you export to personalize your project.

Production Exports

  1. Open Export Kit Suite, select 'Exports'
  2. Click the dropdown, select 'HTML5'
  3. Check 'Customize'
  4. Uncheck 'Hide Overflow'
  5. Check 'Relative Positions'
  6. Check 'Layer Effects'
  7. Click the 'Align Output' dropdown, select your alignment

These are the general settings required for production.

Client Previews

  1. Open Export Kit Suite, select 'Exports'
  2. Click the dropdown, select 'HTML5'
  3. Check 'Customize'
  4. Disable 'Allow Layer Tags'

This will create a "demo" for the client where many features are disabled. This is great when your client wants to "see your progress". You can additionally go further by adding ${img} tag to folders so the client only gets a full "preview" of content, then remove the ${img} tags for production.

Blog Entry / Module

  1. Open Export Kit Suite, select 'Exports'
  2. Click the dropdown, select 'HTML5'
  3. Check 'Customize'
  4. Check 'Relative Positions'
  5. Check 'Inline Content'

This will create a "cut-and-paste" style output and add all the CSS styles direclty to each element.

Fast Exports

  1. Open Export Kit Suite, select 'Exports'
  2. Click the dropdown, select 'HTML5'

This will create a "preview" export where all layers are stacked in a single div. You can additionally go further by adding ${img} tag to folders for a faster export, then remove the ${img} tags for production.

Added October 7, 2015 6:14 pm

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

2309 views
0 answers
Last Answered 10 years ago by admin

Categories

Recent Answers

asked by Sander
asked by bps9191980
asked by admin
asked by anup-sarkar
[+] View All Recent Questions

Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.