AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

4.01 How Web Pages Work.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Project 1 Introduction to HTML.
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.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
SUNY Morrisville-Norwich Campus-Week13 CITA 130 Advanced Computer Applications II Spring 2005 Prof. Tom Smith.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction to Web Lingo
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
Microsoft Office XP Illustrated Introductory, Enhanced Office Applications with Internet Explorer Integrating.
1st Project Introduction to HTML.
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.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.
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.
Creating a Web Page HTML, FrontPage, Word, Composer.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
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.
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
 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.
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.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
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 Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
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.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
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 Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
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.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
Chapter 29 World Wide Web & Browsing World Wide Web (WWW) is a distributed hypermedia (hypertext & graphics) on-line repository of information that users.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
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.
XP Creating Web Pages with Microsoft Office
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Web software.
Creating a Successful Web Presence
Introduction of FrontPage
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Page Design CIS 300.
Intro Project Introduction to HTML.
4.01 How Web Pages Work.
Presentation transcript:

AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE

Introduction Web applications have three main purposes to sell a product, to share general information about a specific subject, and to share information about yourself. A web page is a text file containing Hypertext Markup Language (HTML) formatting tags and links to graphic files and other web pages through a web server. In other words, “an interactive form of communication that uses a computer network.”

Types Web sites can be disk-based or server-based. a)Disk-based sites can be stored on floppy disks or on a hard drive b)Server-based sites have your files and folders stored on a Web server.

Introduction to FrontPage 2003 FrontPage allows you to create, format, and lay out text; add pictures created outside of FrontPage, establish hyperlinks, and organize your website and their links by using several views of the pages in a web in a drag-and-drop environment. WYSIWYG – What You See Is What You Get. A common term for HTML Editors like FrontPage and Dream weaver that let you preview to see what your finished page or site will look like.

Use FrontPage Views Once you have opened FrontPage, the View menu allows you to use the Folders view, where you can see all the files in your Web site. The View menu allows you to see your site from different perspectives. The Folders list shows all the folders and files in the site.

FrontPage Folders view

Other views Reports view identifies problems with pages and links in the web including slow-loading pages, broken links, and other errors. Navigation view lists the navigation order of the site and allows you to change the order that a user would view the pages. Hyperlinks view allows you to organize the links in the web pages. Tasks view provides a grid for inputting tasks you need to complete in your web.