MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5...
Transcript of MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5...
![Page 1: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/1.jpg)
MadCap Flare Certification
Project
Abigail Scarborough
![Page 2: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/2.jpg)
Recipe Book• Vegan recipes • Title: Vegan Eats • Template: Top Navigation Basic 2
g Logo
![Page 3: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/3.jpg)
Outline • 6 Folders • 14 Topics (Recipes + Intro) • 5 Images • Two outputs • Multiple Links
![Page 4: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/4.jpg)
Styling• Master StyleSheet • CSS familiarity• Consistency • No inline styling • Image Size• Condition Tags• Color Theme
![Page 5: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/5.jpg)
Content• Recipe instructions
• Header 1 (title)
• Header 2 (ingredients/instructions)
• Linked to glossary terms, as needed
![Page 6: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/6.jpg)
Intro Page • Condition Tag: Online
only
• Links (6+) to external websites
• General Information about veganism
• Layers of bullets/headers(1-3) to create hierarchy
![Page 7: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/7.jpg)
Skins• Added custom logo
• Changed color themes
• Responsive
• Updates to TOC
• Fonts, sizes, etc
• Hover states
![Page 8: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/8.jpg)
Glossary and TOC • Vegan specific terms
• Cleared out default terms
• TOC linked correctly
• Linked glossary terms within content (topics)
![Page 9: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/9.jpg)
Online Output HTML 5• Skin style
• StyleSheet
• Logo is visible
• Tabs/Links all connected
• Search engine works
• Responsive
![Page 10: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/10.jpg)
Mobile and Tablet • Screen size responsiveness
• Viewable in multiple formats
![Page 11: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/11.jpg)
Paper Output PDF• Master Page/Page Layout
o Page numbers
o Margins
o Background page color
• No introduction page
• Glossary terms applied (footnotes)
• Page breaks between topics
![Page 12: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/12.jpg)
Certification • Requirements met
• Will not immediately apply - maybe in future
• Will use this project in portfolio
• Demonstrates proficiency in MadCap Flare
12 topics 6 links 3 images a skin a page layout a master page 2 condition tags 2 different output
types
![Page 13: MadCap Flare Certification Project - GitHub Pages Flare... · 2017. 9. 27. · Online Output HTML 5 • Skin style • StyleSheet • Logo ... o Background page color • No introduction](https://reader035.fdocuments.us/reader035/viewer/2022071420/6119ee9b3c45dd02ed7d1708/html5/thumbnails/13.jpg)
Thank You