ETECH PDF Presentation Design Guide

Slide - A single page of a presentation. Design Template - Pre-designed graphic styles that can be applied to slides. Slide Show - A collection of slides displayed in sequence to present to an audience. Press “F5” - The key used to display a slideshow. Animati...

Slide - A single page of a presentation. Design Template - Pre-designed graphic styles that can be applied to slides. Slide Show - A collection of slides displayed in sequence to present to an audience. Press “F5” - The key used to display a slideshow. Animation - A set of effects applied to text or graphics within a slide. Transition - Motion effects applied to slides to control how they move from one to another during a slideshow. Normal View - Simplified layout used for editing and formatting slides. Notes Page View - Displays slides on the top portion and speaker notes at the bottom. Outline View - Displays all text in outline form, ignoring design and animations. Slide Sorter View - Displays miniature versions of slides to allow re-arrangement. Spreadsheet Software - Software that allows users to organize data in rows and columns and perform calculations. MS Excel - A spreadsheet software with features for calculation, graphing, pivot tables, and macros. Row - Horizontal line of entries in a table. Column - Vertical line of entries in a table. Cell - The place where information is held in a spreadsheet. Active Cell - The currently selected cell. Formula - An expression that calculates the value of a cell. Merge - The action of combining two or more cells. =SUM - Calculates the sum of values in a range of cells. =AVERAGE - Calculates the arithmetic mean of a range of cells. Layout Layout is the process of planning and arranging graphics or text in a page or book. A good layout should have a balanced makeup and alignment of elements. Symmetrical Layout There should be equal weights or elements on both sides of the page. Asymmetrical Layout It may be asymmetrical when there is an artistic and different intensity on one side of the page. Text Legibility The text should use an appropriate font face. It should be left justified, right justified, or centered. The flow of text should be easy to read. Image Proportionate The images should be sharp in color, have high resolution, and include appropriate captions. Proximity and Harmony The elements should be close together but not cluttered. They should not compete with each other. Consistency There should be uniformity of theme on each page. Color and Shape Use color to create interest by providing variety in the design, such as through color contrast and shapes. Emphasis There should be one point of interest on a page. The elements to be emphasized should have a different size, color, shape, or background. ICT: Information and Communications Technology. It stresses the role of unified communications and the integration of telecommunications, computers, and software systems that allow users to access, store, transmit, and manipulate information. Web 1.0: The first stage of the World Wide Web (www), characterized by static, read-only web pages where users could only provide feedback via private emails. Introduced in 2004, Web 2.0 emphasizes user interaction and participation. Users can contribute content and use web browsers for various applications, making the internet more interactive. Folksonomy: A feature of Web 2.0 that allows users to categorize and classify information using freely chosen keywords (tags). It’s commonly used on social media platforms like Twitter and Instagram with hashtags. Long Tail: In Web 2.0, services are often provided on-demand, using time-based or bandwidth-based pricing, making it more flexible for users compared to one-time purchase pricing. Artificial Intelligence in Web 3.0: Web 3.0 incorporates AI to process user information more effectively, allowing computers to understand data in a human-like manner and deliver more relevant results. Web 3.0: Described as the read-write-execute web, Web 3.0 emphasizes semantic search and interaction, providing a more intelligent user experience. It includes features like 3D graphics, AI, and enhanced connectivity. Technology Convergence: The tendency for different technological systems to evolve toward performing similar tasks, often merging into a unified system. Proportion: "When combining images, resize the image to make it proportionate and realistic." Fonts and Shapes: "Fonts and shapes should complement each other. You can use rounded shapes with rounded fonts and sharp shapes with sharp fonts." Text and Background: "Text and background should be aligned to have an organized look. You can align text with shapes or geometric figures in the image." Background Color: "You can change the background if it does not match the image or the totality of the presentation. You can also add effects to the background." Emphasis: "There should be a focal point to a page that will attract viewers. The element you want to emphasize should be sharp, big, and most vibrant in your design." Blending Color: "You can use color blending to match the background with other elements in the page." Hyperlink Tag (): "User can make a link to the other document or the different section of the same document by creating Hypertext Links also known as Hyperlinks". Paragraph Tag (): "Element is the component of a document’s structure such as a title a paragraph or a list. It can include an opening and a closing tag and the contents within it". Horizontal Line Tag (): "Unpaired Tags: An unpaired tag does not have a companion tag. Unpaired tag also known as singular or Stand- Alone tags. e.g., , etc." HTML Role (Structuring Web Content): "HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language... HTML uses markup tags to describe web pages". Hypertext Links for Navigation: "User can make a link to the other document or the different section of the same document by creating Hypertext Links also known as Hyperlinks". Formatting Consistency (CSS and Tags): "HTML also provides tags to make the document look attractive using graphics font size and colors". Tag: "Tags are always written within angle brackets. It is a piece of text used to identify an element so that the browser realizes how to display its contents. e.g., tag indicates the start of an HTML document". Attribute: "Attribute is the property of a tag that is specified in the opening angle brackets. It supplies additional information like color, size, home, font-style, etc., to the browser about a tag. E.g., most of the common attributes are height, color, width, src, border, alignment, etc." Element: "Element is the component of a document’s structure such as a title, a paragraph, or a list. It can include an opening and a closing tag and the contents within it".