Objective % Understand concepts for creating web-based digital media.

Transcription

1 Objective % Understand concepts for creating web-based digital media. ExplorNet s Centers for Quality Teaching and Learning 1

2 Concepts of Web Design "Web design encompasses many different skills and disciplines in the production and maintenance of websites." "The different areas of web design include web graphic design; (user)interface design; authoring (including standardized code and proprietary software); user experience design (web accessibility guidelines); and search engine optimization." From Wikipedia, the free encyclopedia ExplorNet s Centers for Quality Teaching and Learning 2

3 Effective Web Designs Can be relatively simple using text-based coding or complex using professional design software Use GUI (graphical user interface) such as buttons and image maps to allow users to interact with the site and access information quickly Use web accessibility guidelines to allow users with disabilities to interact with the site and access information ExplorNet s Centers for Quality Teaching and Learning 3

4 Effective Web Designs Use hypertext links that allow information, images, other pages and sites to be accessed thru the World Wide Web Use well-chosen keywords to maximize the ability of search engines to find the site. Are responsive in their design to accommodate different devices (desktops, tablets, smartphones.etc.) ExplorNet s Centers for Quality Teaching and Learning 4

5 Basic Components of a Website Page Layout l a way of organizing information on a web page; ensures the information on a page can be easily located Navigation l the method by which a user accesses all the pages and information on a website; should be easy to understand and use effectively Hyperlinks (Links) l clickable connections that link text or images to other pages of the website, out to external websites, or to files posted on a website Content l all of the information (text), images, and other multimedia that are contained within the pages of a website ExplorNet s Centers for Quality Teaching and Learning 5

6 Internet Browser vs Search Engine What is the difference? Google Search vs Google Chrome ExplorNet s Centers for Quality Teaching and Learning 6

7 Internet Browsers Computer programs that read & interpret code to display a web page to the user Example browsers include: Internet Explorer, Safari, Mozilla Firefox, Google Chrome l URL (Universal Resource Locator) the specific address of a page on the Internet l FTP (File Transfer Protocol) method by which data and files are transferred over the Internet ExplorNet s Centers for Quality Teaching and Learning 7

8 Search Engines Websites that organize and retrieve information located on the Internet. When a new website is created, information about its purpose, content, and connections are collected by search engines to add to their database. l Search Engine Optimization (SEO) involves designing websites with the intention of helping search engines best discover, organize, and retrieve the information ExplorNet s Centers for Quality Teaching and Learning 8