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:

Slides:



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

Windows XP / Microsoft Word Computer Applications.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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.
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.
Creating and Publishing Your own website
Publishing a Web Page at the University of DE FREC 135.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
Windows Movie Maker. How to EXPORT Exporting……. In the Project, open the FINISH MOVIE tab.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Create a Website on the CWU network Find “How to Post a Web Page with a PC”
Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.
Publications, design sets, web pages
HTML.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
Build a personal website with pictures, links, and favorite stuff. 1) Respect teammates 2) Respect equipment 3) No bad things.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Or Just the ma’am Instructor: Eric Riley Basic HTML.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
How to upload files to Altervista Overview:
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.
 Anyone with access to the Internet can post a Web page.  You can create a Web page with just a text editor.  There are Web page construction tools.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
HTML HyperText Markup Language Victoria E. Kozlek.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
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.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
How To Make The Backup Of AVG Antivirus 2017 Definitions.
Tutorial: How to Creat a Website.
WEB PAGES: CREATING AND MAINTAINING **
Web software.
CoreFTP.
HTML HYPERTEXT MARKUP LANGUAGE.
CoreFTP.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
HTML Text editors and adding graphics
Computers Tools for an Information Age
Enhancing Your Web Site—Adding Links Web Page
Hypertext Markup Language
GenCyber Day Website Security.
Presentation transcript:

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: What You See Is What You Get –HTML:  Hyper-Text Markup Language  This is the code that formats web pages!

KompoZer is free. KompoZer is free. You can download it from: You can download it from: – The executable for KompoZer is in the KompoZer folder. What’s nice about KompoZer is that you don’t have to install it onto your computer. The executable for KompoZer is in the KompoZer folder. What’s nice about KompoZer is that you don’t have to install it onto your computer. –Just put the KompoZer folder on your desktop. –Go into the folder  click on kompozer.exe  Kompozer opens! –DO NOT DELETE ANY OF THE FILES IN THAT FOLDER!

Step ONE Create an folder for your web pages! Create an folder for your web pages! Each web site needs its own folder. Each web site needs its own folder. Create your folder on your Flash Drive. Create your folder on your Flash Drive.

Step TWO Create your index.html file. Create your index.html file. index.html: index.html: –This is the file that all web browsers look for when they access a web site. –A website is nothing more than a folder with a bunch of files. –The index.html file is the starting place! Save your index.html file to your web project folder. Save your index.html file to your web project folder.

Step THREE Create A New Page! Create A New Page! File  New  Blank Document File  New  Blank Document Immediately save the page Immediately save the page –File  Save as  Name the File –Make sure you save this file to the same folder where the index.html exitst.