ONLINE CREATION TOOLS, PLATFORMS, AND APPLICATIONS
illustrations and styles
- Illustrations include lines, shapes, texture and color which are fundamental elements that should not be overlooked. - Lines are used to organize, connect, and separate information and design elements. Combined with shapes, color, and texture they use a visual grammar which you can use to communicate.
images
- Images also aids in communicating your message to the viewers. Aside from being used as fillers, images also helps in leaving a lasting first impression. - Use specific images that are related to your content so that it will draw attention not only to the content but to your web page as a whole.
online platform
is a base of technologies designed to run within an online environment and provides interactive online services.
WYSIWYG = "what you see is what you get"
no coding skills are required. Instead, you manipulate with design components using an editor window and get the chance to choose what elements are on your page.
web templates
unique full page layout that contains generic information which can be replaced by the users with their own personal information.
mapping
- A transformation taking the points of one space into the points of the same or another space - Uses GPS to detect location and used for navigation
presentation/visualization
- Allows you to present and share presentations, infographics and videos with other people. - Use to communicate information clearly and efficiently. - Examples: slideshare, Prezi, Zoho
social media
- Computer-mediated tools that allow large group of people to create, share or exchange information, and interest - The information shared can in the form of ideas, pictures, videos or anything that you want to create and share to virtual communities
Dropbox
- Dropbox is a personal cloud storage service (sometimes referred to as an online backup service) that is frequently used for file sharing and collaboration - The Dropbox application is available for Windows, Macintosh and Linux desktop operating systems
web page creation
- Encompasses a number of important elements including color, layout, and overall graphical appearance - The platform does not require any web programming skill they provide a drag and drop interface and free hosting as well
Google Drive
- Free file storage and synchronization service by Google - Its main purpose is to expand your ability to store files beyond the limits of your hard drive
cloud computing
- Simply called as "The cloud" - Access anytime, anywhere. - The practice of using a network of remote servers hosted on the internet. - Instead of using your computer's hard drive, you store and access your data and programs over the Internet.
OneDrive
- SkyDrive, Windows Live SkyDrive and Windows Live Folders are old names of OneDrive - An online storage service offered by Microsoft, which it makes available to its customers
file management
- The storing, naming, sorting and handling of computer files - Process of naming, editing, storing and sharing files with the proper naming scheme and the use of an understandable hierarchy - A well-organized file management system makes it easy to know where everything is - PDF element for Business, Agiloft, Alfresco One, Cabinet, Contentverse, DigitalDrawer
1. Wix Web Builder 2. Weebly Web Builder 3. WordPress Web Builder: BoldGrid 4. MotoCMS Web Builder 5. Other Free WYSIWYG Web Builders • iPage.com • HostGator.com • bluehost.com
7 best WYSIWYG web builder reviews (2020)
• Presentation or Visualization • Cloud Computing • Social Media • File Management • Mapping • Web Page Creation Online
Online platforms currently include, but are not limited to:
buttons and menus
are also essential to web pages and they too need consistent styles. - should be well-organized. - should be clear and easy to understand.
links
are the most basic interface on web pages. should be distinctive in color from other types of text in a webpage. Keep ____ and regular text styled consistently to avoid users from thinking whether or not the text is a ____. - Make sure your ____ are working.
1. Simplicity 2. Consistency 3. Typography and Readability 4. Mobile Compatibility 5. Color Selection and Images 6. Easy Loading 7. Easy to Navigate 8. Communication
basic web design principles