Fundamental HTML. HTML = Hyper Text Markup Language. For the hands on portion we use a free program called Kompozer.

Size: px

Start display at page:

Download "Fundamental HTML. HTML = Hyper Text Markup Language. For the hands on portion we use a free program called Kompozer."

Janis Arnold
7 years ago
Views:

1 Fundamental HTML HTML = Hyper Text Markup Language For the hands on portion we use a free program called Kompozer. It can be downloaded at Scroll down to the 0.8b3 version English, Windows, and the Installer

2 There is an easy way to get a business website online free. I already have a website up and running. Can I host it, as is, at Intuit Websites? No, only websites created using Intuit Websites SiteBuilder can be hosted at Intuit Websites. This restriction enables us to provide you with the best support and service at the best price. Can I sell things on my website? You can upgrade and add a Shopping Cart to your website so customers can buy multiple products and services from your site with a single payment. If you need a more sophisticated Web Store, we have a number of fullfeatured ecommerce solutions to choose from; call Intuit at and they'll be happy to help you pick one. I don't have the time or the desire to build a website. Wait, is that a question? Actually, many people feel the same way, so we formed a design group whose sole job is to build a professional website for you. Call Intuit at and they'll help you get started.

3 Adobe Dreamweaver is the professional grade program for html creation. It has WYSIWYG and text editing.

4 Notepad++ is a text editor with syntax formatting for many programing languages, html among them.

5 Amaya is the W3C backed open source HTML editor.

6 Komposer - The latest version of Komposer has a split screen view. It has WYSIWYG and text editing. It's free.

7 There is not just one type of HTML, there are actually many: HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 Strict, and many more. All these types of HTML are defined in their respective W3C specifications, but they are also defined in a machine-readable language specifying the legal structure, elements and attributes of a type of HTML. Such a definition is called a "Document Type Definition", or, for short, DTD. Some tools which process HTML documents might need to know which DTD an (X)HTML document uses: this is why each (X)HTML document needs, at the beginning, a DTD declaration, such as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Given its syntax, the DTD declaration is often called, for short, "Doctype".

8 The default starting template from Komposer. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " Define which html we're using. <html> Start html <head> Start the header where document specific information is given. <meta content="text/html; charset=iso " http-equiv="content-type"> <title></title> The title of your webpage. </head> End the header. <body> Start of the body of the webpage (the stuff you see). <br> </body> End body. </html> End html.

9 Working with a template. From Komposer goto File / Open File and select index.html from the RedTie folder. The home page for every website is index.html. Now we can play with the HTML and CSS to see the effects. Modern web pages use Cascading Style Sheets to define the layout of page elements.

14 Alt + Enter to confirm changes.

15 Web Hosting Purchase a Domain Name: about $12 a year. Storage and bandwidth about $50 a year. Take a look at as an example. During sign up you'll purchase a domain name. They will verify availability. You will be assigned a user name, password, and ftp location. Complete ftp instructions should be ed to you. You'll need a ftp program. Filezilla is an excellent free program Komposer has a ftp client built in. Click on File and select Publish or Publish As from the menu. Complete package with homestead.com an Intuit Company (the QuickBooks people). No HTML needed.

16 SEO or Search Engine Optimization Googles Guide to SEO Submit to multiple search engines

17 Some of the many library books available here at the Salina Public Library.

18 Fundamental HTML Links HTML & CSS Adobe DreamWeaver Komposer Notepad ++ Amaya Web Hosting Sites Ranking & Links Filezilla Templates Easy Webpage

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as