Chapter 4: Online Platforms as Tools for ICT Content Development
At the end of this lesson, you should be able to: 1. Evaluate existing online creation tools, platforms and applications in developing ICT content for specific professional tracks (CS_ICT11/12- ICTPT-Ig-h-9); 2. Apply web design principles and elements using online creation tools, platforms, and applications to communicate a message for a specific purpose in specific professional tracks (CS_ICT11/12-ICTPT-Ig- h-10); 3. Create an original or derivative ICT content using creation tools, platforms, and applications to effectively communicate messages related to specific professional tracks (CS_ICT11/12-ICTPT-Ig-h-11). Website Application you are using Example: Shopee – Shopping online Platform-enabled website A platform-enabled website or online platform gives a feature on which allows to manipulate the content of the website. Most of the online platforms requires you to register in order to publish, manipulate, organize, or even delete a certain web content. Three types of online platforms •Social Media Platforms •Blogging Platforms •Content Management System or CMS Seven Elements of Modern Web Design 1. Text 2. Graphics/Illustrations 3. White Space 4. Links 5. Color 6. Video/Audio 7. Background Principles of Web Design Social Media Platforms Image result for social media
This platform allows you to create your
personal account or profile. After you register on this website, it will allow you to create pages or even groups where you can share content and ideas. Social Media platforms enables you to connect yourself to other users and get updates on their news feed. Facebook, Instagram and Twitter are examples of Social Media platforms. Blogging Platforms Image result for blogging websites
A platform on where a writer or
even a group of writers can share views on an individual subject. It is comparable to a newsletter where you can add menus, designs or even multimedia of a subject. Blogger is an example of blogging site. If you love to write or you want to share ideas online, blogging platforms is the perfect tool you can use. Content Management System (CMS) Image result for website creation platforms
One of the feature of this platform
is that you can publish your own website and manage its content through intranet or in a single computer. This is a software where you can easily create, update, organize, and publish the content of your website. A popular example of CMS is WordPress and Wix Text Image result for text styles
This is a mandatory element of a
web page. However, visitors got distracted about the font family of the text on website. So while you are designing your website, make sure that to choose well the font family and type that you need to use on your design and make the text is clear and in readable size Graphics/Illustrations Image result for graphics and illustration
make sure your images or
illustrations are not pixelated or must be on good quality. There are time that text give description to an image, so you make that these two elements are well arranged. White Space Image result for White space
Having a crowded website, it is
very hard to direct the attention of your visitor's eye. These white space gives your website a room to breathe. Links Image result for links
links or hyperlinks allows user to
jump to another site or page that is related of to your site. Color Best Website Color Schemes for Modern Web Design
The colors you use in your design
is a very important aspect. There are times that colors become visually distracting to your viewers. As some web designers do, they use the company logo of their client as their color reference on their website. Video/Audio Top 10 Best Free Music Websites To Download Songs Legally | KnowInsiders
there are sites use audio/video to
help their visitors to better understand what they are selling or teaching. These elements of web designing really helps your visitors especially those websites that offers tutorial of certain subject. Background Abstract Background Website Landing Page 542011 Vector Art at Vecteezy
Texture or background gives a
more appealing sight to your website. This will provide your website a feeling of a surface underneath. Portable Design Web Development Examples Feature - James Arthur Design Co
website design must be portable
and accessible. Your need to must compatible with other operating system and web browsers. You should also design your website on which it can be access to a different computer platforms or devices especially for those visitors who uses mobile device Design for Low Bandwidth What is Bandwidth in Web Hosting? Why is it Important? - Kripesh Adwani
Design for Low Bandwidth –
not all user who are online are connected to a high-speed internet connection. In designing a website you need to avoid large graphics or animations as the users may leave the site if downloading is slow. Direction Practical Photoshop: Art Direction Layout Design on Behance
Direction - identify the order of
importance of the various elements and place them in a sequence where the eye moves and perceives the things it sees. There should be consistent layout and structure. Regular testing What is Web Testing? Types of Web Application Testing | Katalon
Every device or project needs
maintenance, same as your website. Website should be regularly upgraded, updated and tested so that problems will be quickly resolved. Visitors who have encounter any errors like problems in loading or viewing in your website will not hold on. Simplicity 40+ Best Free Simple Website Templates For All Famous Niches 2020
The more option you place in your
site, the more difficult it is for a visitor to make a decision and more time is required to browse through them. as what they usually say "simplicity is beauty".