UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.

Slides:



Advertisements
Similar presentations
3.02H Publishing a Website 3.02 Develop webpages..
Advertisements

Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Small Business Resource Power Point Series Web Site Development – A Beginners Guide.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
1 of 4 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
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.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
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.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Designing for the Web 7 Useful Design Principles.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
INTERNET CHAPTER 12 Information Available The INTERNET contains a huge amount of information a huge amount of information information on any topic you.
Presentation by Judy Yorimoto Copyright 1999.
UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.
Exploring Word Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 6: Introduction to HTML: Creating a Home Page.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Web-designWeb-design. Web design What is it? Web-design features Before…
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Chapter 9 Publishing and Maintaining Your Site. 2 Principles of Web Design Chapter 9 Objectives Understand the features of Internet Service Providers.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Chapter 8 Browsing and Searching the Web. 2Practical PC 5 th Edition Chapter 8 Getting Started In this Chapter, you will learn: − What is a Web page −
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Introduction to Web Page Design. General Design Tips.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Welcome to Minnesota’s eFolio St. Cloud Technical College June 2, 2003 Norman Baer Matt St. Martin.
Principles of Web Design 6 th Edition Chapter 9 – Site Navigation.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
We looked at these two presentations and talked about the structure of setting up the table.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Dialup ISP Why Would You Choose a Dialup ISP Today? In today’s world of high speed internet connections and blazing speed you might have thought there.
1 Section 4 Web Skills InternetWebHTML. 2 The difference between the Internet and the Web The Internet is a way of linking large multi-user computers.
3.02H Publishing a Website 3.02 Develop webpages..
Section 7.1 Section 7.2 Identify presentation design principles
Web software.
Section 10.1 YOU WILL LEARN TO… Define scripting
Website Design and Management Section 3 - Design
Unit 14 Website Design HND in Computing and Systems Development
Lippincott Procedures Training Tour for General Users
4.02 Develop web pages using various layouts and technologies.
Basic Web Page Creation
WEB DESIGNING THROUGH HTML
Training Tour for General Users
Presentation transcript:

UNIT 14 1 Websites

Starter 2 1

Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most important features with them. 3

Starter 4 2

Starter 2 1.Design Are the pages simple and easy to understand or are they full with too much information and too many links? Has the designer considered: ▫ Who is the site for? ▫ What information do they need? ▫ How do they want the information presented? 5

Starter 2 2.Navigation Is it easy to move round the site? Can you see the route you’ve taken from the home page to your current location? Can you get back to the home page with a single click. 6

Starter 2 3.Ease of use Is the site easy to use? 4.Accuracy ▫ Is the information contained accurate and reliable? 5.Up to date ▫ Is the site kept up to date? 7

Starter 2 6. Helpful graphics Are the graphics included simply to make the site look more attractive or do they serve a useful purpose? 7. Compatibility ▫ Can most browsers access the site without difficulty? 8

Reading 9 3

Reading 3 1.He is an expert in web design offering advice to webmasters. 2.Business people wanting to improve their websites. 3.Provide advice on building an effective navigation system in sites. 10

Reading 11 4

AdviceText Base your navigation system on text links, not graphical buttons. 1 If you use graphical navigation, include ALT text links. 2 Include a site map in outline form with all the major sections and key subpages listed. 3 Don’t use frames but if you must use them, include a no-frames version for those whose browsers do not support frames. 4 Be consistent in your navigation links from page to page. 5 12

AdviceText No page should be more than four clicks away from any other page. 6 Use well-placed links rather than a search function. 7 Offer alternative routes through your site so that visitors can browse in different ways. 8 Limit choice. 9 13

14 1)It’s a good idea to use text links because visitors use them more often than graphical links. 2)Avoid using only graphical buttons because some visitors browse with the graphics turned off. 3)You should always include ALT text captions if you use graphical links as some browsers do not support them Exercise - 7

15 4)I recommend you include a site map because it helps visitors to navigate your site. 5)You had better not use frames because they can be confusing and some browsers do not support them. 6)You should keep navigation elements in the same position on each page. Exercise - 7

16 7)Use logical links because they will help visitors to find what they want. 8)Avoid using a search function as they produce irrelevant answers and visitors may not know how to use them. 9)It’s not a good idea to have too many links on a page as this may overwhelm visitors. Exercise - 7

Exercise If you’re a complete beginner; you should choose a free ISP which provides its sign- up software on CD- ROM. 2. I recommend you choose an ISP which provides local call access numbers. 3. Avoid using an ISP which uses national call rates for online time. Charges can be very expensive. 4. You should not use a free ISP which charges an initial set up fee. 17

Exercise If you need access your from any computer, Web-based is a good idea. 6. You should choose POP3 for a faster and more efficient service. 7. I recommend around 25 to 50 Mb of free Web space as this is sufficient for most personal website developments. 18

Exercise If children use your PC, I recommend you choose an ISP which restricts access to some newsgroups. 9.You had better check support line charges as some ISPs use their support lines to raise revenue. 10. You should choose an ISP which offers reliable service. 11. It’s a good idea to have multiple accounts and use the one which offers the best service at any one time for your needs. 19

Specialist Reading 20

Specialist Reading – Part A 1)A- HTML B- XML 2)A markup language. 3)SGML and XML. 4)A. identity B. Meaning C. Structure. 5)You can define your own custom markup tags. 6)You can explicitly define the contents in a document. 7)The start of a new paragraph. 8)Because of the intelligent nature of XML content i.e. they can identify the type of data in a document. 9)An e-commerce website. 21

Specialist Reading – Part B (1) a -- F b -- T c -- F d -- F e -- T f -- T 22

Specialist Reading – Part B (2) a -- iii b -- v c -- iv d -- i e -- ii 23