Website Construction Features. Frames Websites can be created with or without the use of frames. If you choose to use frames: Frames pages are used to.

Slides:

Advertisements

Similar presentations

HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)

Advertisements

Litmus Learning Primer tests

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?

Page Design Scroll zone Data Tables Screen Readers

Web Pages Using FirstClass Dean McKinney Greater St. Albert Catholic Schools January, 2006.

Create a website with Google Sites

With Microsoft FrontPage 2003 Publishing a Web Page.

INTRANET UPDATE DOWNLOAD AND SET UP GUIDE.

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

Hyperlinks, Sections, Master Pages

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.

How the World Wide Web Works

The Internet & The World Wide Web Notes

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

The Internet & Web Browsers Business Webpage Design Kelly Seale.

Login using your admin password Getting started > To edit content on the website you need to login with administrative rights. Your login/ password would.

INTERNET CHAPTER 12 Information Available The INTERNET contains a huge amount of information a huge amount of information information on any topic you.

2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Networking Can you find it? Apps.

What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.

UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.

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.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Windows Internet Explorer 9 Chapter 1 Introduction to Internet Explorer.

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.

Saving and printing Section 4. Objectives Student will learn about print a web site, download files from the internet.

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.

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.

 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.

AUTO-BUSINESS HOW DO WE USE HYPERLINKS?. Edit an image that represents a hyperlink If a picture, AutoShape, or other graphic is used to represent a hyperlink,

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.

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.

11/8/ Word Processing Building a Website Using Microsoft Word Please visit and sign-up the free account using verified.

INTERNET. Objectives Explain the origin of the Internet and describe how the Internet works. Explain the difference between the World Wide Web and the.

Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.

Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module L Building Web Sites with FrontPage.

The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.

Part 2.  Transmission methods used  Bandwidth:  The speed at which Data can be carried.

Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.

Unit 13 – Website Development FEATURES OF WEBSITES.

Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.

World Wide Web 16 World Wide Web 16. World Wide Web 16 Everyone also talks about the Web But people don’t really understand how it works You need to know.

Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.

XP Creating Web Pages with Microsoft Office

(Unit 17, Task 8a). Definition: Evaluate Bring together all information and review it to form a conclusion. Give evidence for each view or statement.

Objective % Select and utilize tools to design and develop websites.

Introducing the World Wide Web

Objective % Select and utilize tools to design and develop websites.

Unit 2 – Webpage Creation

Lesson Objectives Lesson Outcomes

Hyperlinks, Sections, Master Pages

Create and edit web pages 2

Hyperlinks, Sections, Master Pages

How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.

Website A website is a collection of web pages (documents that are accessed through the Internet) When someone gives you their web address, it generally.

Presentation transcript:

Website Construction Features

Frames Websites can be created with or without the use of frames. If you choose to use frames: Frames pages are used to divide the browser window into different areas. Each area is a different webpage. The banner frame can be used to display the name of the website and a logo. The contents frame will have a menu. Clicking on a menu option will display a page in the main frame. t8ProjMan/unit%208%20ELT/ind ex.htmwww.kgv.ac.uk/intranet/it/cer/Uni t8ProjMan/unit%208%20ELT/ind ex.htm - How do the frames help people use this site?

Action Buttons A button is an image that represents an action. When you click on it with the mouse, some action happens. When 'pushed or clicked, in addition to performing a predetermined task, buttons often undergo a graphical change to look as if they are being temporarily depressed or pushed in. On websites, the action may be to link you to another page or to submit a form, etc. Click Me! (Test 6) - How do the buttons help people use the test?

Text Hyperlinks Any section of text can be used as a hyperlink to another webpage. Often hyperlinks are underlined so the user can recognise them. Hyperlinks may also be recognisable by formatting them a different colour to the body text. Visited links may be formatted a different colour to the original. /unit%207%20ELT/create/map.htmwww.kgv.ac.uk/intranet/it/cer/Unit7Web /unit%207%20ELT/create/map.htm - How do the text hyperlinks help people use the site?

Graphical (image) Hyperlinks Images can also be used as links. You can use any image as a link, but remember that all images must be downloaded into the browser for the webpage to display properly. This can take a long time over a slow connection and may deter some visitors. - How do the Graphical Hyperlinks help people use the site?

Internal / External Links Internal links allow the user to find their way around the site. Sites might use: Linking by structure and/or Linking by theme External links allow websites to link to a number of other sites. Portal sites and directories are full of external links. Other sites provide very few external links.

Hotspots / Image Maps A large image can be placed on a web page, which contains a number of hotspots that act as links. euro.htmlhttp://flagspot.net/flags/g( euro.html – How does the image map help people find flags on the site? s.com/walkshttp:// s.com/walks - How do the image maps and frames help visitors to this site?

Links An link allows the visitor to send an directly to the organisation. When the user clicks on it, a new message window is opened in their client software (such as Outlook).

Login Feature Several types of site may require user log-in: E-commerce sites Sites that can be personalised Forums & chat rooms How can this be helpful?

Fast download speeds Images, sounds, animation and video can all make sites slow to download. Web designers need to ensure file sizes are as small as possible to enable users to download the pages quickly. - How does the fast download of the many images on this site help the user?