Web Page Concept and Design :

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
UNESCO ICTLIP Module 6. Lesson 11 Web Page Concept and Design : Getting a Web Site Up and Running Lesson 2. Principles of Web Page Design.
Getting to Know the WebQuest Rubric Categories of Scoring and Points Possible.
1 Design a Web Page Five steps for creating a content-rich, visually appealing webpage 1. Gather information 2. Determine the Intended Audience 3. Create.
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Chapter 10 Publishing and Maintaining Your Web Site.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
A Brief Glimpse of Web Design By: Samantha Beckett.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Analyzing a Webpage/site. Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate?
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
RESEARCHING TIPS & STRATEGIES Summer 2008 Melanie Wilson Academic Success Center MSC 207.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Web-designWeb-design. Web design What is it? Web-design features Before…
Exploring Business Technologies “I Can” and “I Will” Statements By Mr. Free.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
An Introduction To Websites With a little of help from “WebPages That Suck.
UNESCO ICTLIP Module 1. Lesson 61 Introduction to Information and Communication Technologies Lesson 6. What is the Internet?
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Web Development Management Training Ifugao State University College of Computer Science Nayon,Lamut, Ifugao February 14-18, 2013.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Your name 5??? Add graphics. Definition of matter. Properties of Matter MassVolume Explain mass. Add a graphic. Explain volume. Add a graphic. Textbook.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Introduction to Website Evaluation Patricia Heeter EME6415.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Appendix A Becoming an Adobe Certified Associate.
Web Site Development - Process of planning and creating a website.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
We looked at these two presentations and talked about the structure of setting up the table.
Web Design Tip and Tricks. Vision and Purpose Why do you want a website? Why do you want a website? A website is always under construction, is flexible.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Essential Elements to Keep in Mind While Designing a Website.
COMP 143 Web Development with Adobe Dreamweaver CC.
Concepts Ch 2 Review. 216 Browsers on both PCs and Macs share ___ colors.
Pre-Production Meet with the client to create a project plan:
Understanding the principles of website development
Section 7.1 Section 7.2 Identify presentation design principles
Chapter 2 Developing a Web Page.
Web-design.
Getting Started with Dreamweaver
Objective % Explain concepts used to create websites.
Evaluation & Maintenance
Website Procedures Basic Concepts.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Web Page Concept and Design :
Multimedia Web Site Design
Elements of Effective Web Design
Presentation transcript:

Web Page Concept and Design : Getting a Web Site Up and Running Lesson 2. Principles of Web Page Design UNESCO ICTLIP Module 6. Lesson 1

UNESCO ICTLIP Module 6. Lesson 1 Scope What are the first steps in web page design? What are the elements of a web page? What are the guidelines for the design elements of a web page? What are some tips in web page creation and design? What are the guidelines for creating library websites? How to evaluate web sites? UNESCO ICTLIP Module 6. Lesson 1

What are the first steps in web page design? State your purpose/objective – why build a website for your library? Determine your audience – who are your target audience? Define the content – what kind of information will be provided on your site? Identify the essential resources – do you have the budget, personnel, materials, time and other resources? UNESCO ICTLIP Module 6. Lesson 1

What are the first steps in web page design? State your purpose To publish online information about the library - collections, services To provide extension services – user education, reference services, tutorials To act as a gateway to local and external information resources on the Web – library catalog, online databases, e-journals To serve as a communication tool - through e-mail, instant messaging, and other similar software UNESCO ICTLIP Module 6. Lesson 1

What are the first steps in web page design? Determine your audience Who is your target audience? Students? Faculty? Or staff? What are their interests and needs? Are they proficient in using technology available in the library? Do you have the equipment and materials necessary to meet their needs? What will they get from your site? Learn anything or accomplish a task? UNESCO ICTLIP Module 6. Lesson 1

What are the first steps in web page design? Define the content What kind of information will be provided on your website? Is it educational information or entertainment? Does the content meet the information needs of your audience? Is it relevant ? interesting? Is it current and accurate? Will web pages be effective in conveying and distributing the information? UNESCO ICTLIP Module 6. Lesson 1

What are the first steps in web page design? Identify the essential resources Do you have the management’s support? Is the allocated budget enough for the creation and publishing of the web site? Do you have the manpower? Do the personnel involved in the project have the needed expertise? Are the necessary materials already available? What is your timeline for the creation of the library web site? UNESCO ICTLIP Module 6. Lesson 1

What are the elements of a web page? Title – title of the web page Web address – URL of the page shown at the browsers address box Content – information on the page - text, graphics and other media types Design – style of the page, font, color, background, visual elements Structure – layout of the page, title, headings, tables, frames, navigational tools, footers Hyperlinks – links to related resources UNESCO ICTLIP Module 6. Lesson 1

UNESCO ICTLIP Module 6. Lesson 1 Elements of a web page Document title Address (URL) Banner Web page title Navigational tools Search tool Graphic elements Hyperlinks Table / Navigational tools Content Hyperlinks Frames Footer / Copyright UNESCO ICTLIP Module 6. Lesson 1

Some tips in web page design Plan the web site structure and navigation Keep the layout simple and intuitive Use the same general style throughout Add standard navigation tools to each page Include copyright and contact information on each page UNESCO ICTLIP Module 6. Lesson 1

Some tips in web page design Use original or free graphics Use images wisely and keep file size small for fast download Respect copyright and intellectual property rights Always state the source of all materials used Spell check and proofread each page UNESCO ICTLIP Module 6. Lesson 1

Some tips in web page design Don’t crowd your pages – balance text, graphics and space Don’t overuse graphics, animations and other bleeding edge technology – use them to support and enhance but not to overpower your work Don’t use background that distracts the user or makes text unreadable UNESCO ICTLIP Module 6. Lesson 1

Some tips in web page design Don’t use blinking or glowing text for emphasis Don’t use long paragraphs of text – divide them into readable chunks Don’t create dead end pages, which have no links to any other local page in the site Don’t design for a specific browser UNESCO ICTLIP Module 6. Lesson 1

UNESCO ICTLIP Module 6. Lesson 1 Activity 1 Read the following articles: Designing effective web pages http://www.becta.org.uk/websiteawards/ effectivedesign.html Indiana University: Basics of Web Design. http://www.indiana.edu/~iuinfo/guides/ basics.html Make a checklist regarding your library’s web site – what you’ll need and what information you’ll provide UNESCO ICTLIP Module 6. Lesson 1

How to evaluate web sites? Accuracy – free from error and alteration Authority – credibility of author / publishing body Objectivity – creator’s point of view / bias Currency – timeliness of information Content – scope and depth of material Design – style, structure, and functionality Accessibility – availability of the resources UNESCO ICTLIP Module 6. Lesson 1

UNESCO ICTLIP Module 6. Lesson 1 Activity 2 Read the following articles: ALA’s Selection Criteria http://www.ala.org/parentspage/greatsites/criteria.html What makes a great web site? http://webreference.com/greatsite.html Visit and evaluate library web sites. Choose which ones you could use as models for your web site. UNESCO ICTLIP Module 6. Lesson 1