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.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

1 Web Site Design Overview of the Internet Cookie Setton.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
CSS Menus and Rollovers. Agenda foil Separating style from content 3 pages in one file Rollovers in CSS Horizontal drop-downs Vertical drop-downs.
1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
1st Project Introduction to HTML.
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.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Chapter 14 Introduction to HTML
1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
Web Design Basic Concepts.
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.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Introduction to Web Development in HTML Web module day 1 IS 201.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Website Development with Dreamweaver
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Hypertext Mark-Up Language Web Page Creation HTML.
Introduction to web development and HTML MGMT 230 LAB.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.
Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
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.
Project: Web Designer. Phase 1: The World Wide Web.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Create and edit web pages 4
Chapter 1 Introduction to HTML.
Chapter 2 Developing a Web Page.
Project 1 Introduction to HTML.
The Internet and HTML Code
Unit 2, Lesson 5 Website Development Tools
INTRODUCTION TO HTML5.
Unit 2, Lesson 5 Website Development Tools
Create and edit web pages 2
Starting to develop a website
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
Presentation transcript:

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 to create the navigation for your website.

 There are a number of different ways you can create web pages.

 You can type the HTML (HyperTextMarkup Language) code used to format a web page into a simple text editor like Microsoft® Notepad®.  This is a good way to get familiar with HTML.  However, writing and editing HTML like this is fiddly and not well suited to complex pages.

 HTML is essentially a set of instructions which is sent to a web browser, telling it how to format a web page.  These instructions are in the form of tags.  Different tags tell the browser to format text, images or tables in different ways.  For example, if you want some text to appear in bold, you use the tag, and to switch off bold you use the tag.

 In order to develop dynamic websites, web developers designed tools that were more sophisticated than HTML.  DHTML (Dynamic HyperText Markup Language) is a general term for several technologies used to create interactive websites, including CSS (cascading style sheets), which we will look at later in this chapter, and JavaScript.

 Many web developers use Dreamweaver® to create websites.

 You will want to include navigation links to other pages in your site and also to external websites.  The pages you want to link to don't have to be complete, but they must exist.

 Many websites include some kind of menu bar, whether across the top or down the side of the page.  This is to provide a consistent method of navigating around the site.  The menus can be simple hyperlinks or more complex menus using forms with drop-down menus or scripts.  Forms and scripts are covered later in this unit.

 Hyperlinks are one of the key features of the World Wide Web in that they allow links to be made from one page to another.  Visitors to web pages can then follow the hyperlinks (by clicking on them) to take them to another page.  Hyperlinks which link to another page within the same site are called internal hyperlinks, while those that link to a page on a different site are called external hyperlinks.  A hyperlink can simply be some text on the page, or an image such as a button.  Hyperlinks within text are normally shown by underlined text of a different colour to the standard text on the page.

 You can also create a link to a place within a page.  This is useful if you have a long page and want to create a link to different subjects or headings within the same page.