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

Similar documents
Microsoft Expression Web

Web Design Course. Home Page. Join in. Home. Objectives. Course Content. Assignments & Discussion. Grades. Help. Contact Me aab43@uakron.

Developing Your Own Academic Website. SGD Professional Development Seminar February 28, 2014

WEB& WEBSITE DESIGN TRAINING

WEB DEVELOPMENT IA & IB (893 & 894)

SELF SERVICE RESET PASSWORD MANAGEMENT CREATING CUSTOM REPORTS GUIDE

How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

websites for business

CLASSROOM WEB DESIGNING COURSE

How To Create A Website On Atspace.Com For Free (Free) (Free Hosting) (For Free) (Freer) ( (Web) (Femalese) (Unpaid) (

SPLIT BLOCK FINAL Web Design

Intro to Web Development

ACE: Dreamweaver CC Exam Guide

Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.

HTML Templates Guide April 2014

Website Builder Overview

The Energy Grid Powerful Web Marketing for the Alternative Energy Industry

Site Store Pro. INSTALLATION GUIDE WPCartPro Wordpress Plugin Version

U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide. Version:

[Tips & Tricks] September 8, 2011

Vodafone Business Connect

What Do I Need To Create My Webpage?

SM Wedding Userguide MagenTech [2012]

Web Accessibility means that a website is accessible if everyone, regardless of ability, can access the website and retrieve all the information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

Basic Website Creation. General Information about Websites

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Moonfruit. 2. Getting Started With Moonfruit You will begin the set up process through the you will receive from Moonfruit.

WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN )

Merchant Solutions. The pages are published to " domain, for example, "

Learnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady

Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design

WEB DESIGN COURSE CONTENT

Madison Area Technical College. MATC Web Style Guide

Appendix H: Cascading Style Sheets (CSS)

BT Website Centre Control Panel. User Guide Version 1.0

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

Setting up Web Material. An introduction

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

WEB 140 WEB DEVELOPMENT TOOLS

Contents. Introduction Downloading the Data Files... 2

ecommercesoftwareone Advance User s Guide -

How to get your Website listed with Search Engines and Directories

IAS Web Development using Dreamweaver CS4

ITP 101 Project 3 - Dreamweaver

Dreamweaver. Introduction to Editing Web Pages

How To Create A Website Template On Sitefinity

What Is A Content Management System?

Make a Joomla Template in 5 Easy Steps A Beginners Guide

Lesson Review Answers

PERSONAL WEBSITE DEVELOPMENT 101. Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley

GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website

HTML and CSS 2 Class Meetings Instructor Contact Office Hours: Tuesdays 5:30-7:30 PM Online Class Message List Opt Out of Class

WEB PAGE, DIGITAL/MULTIMEDIA AND INFORMATION RESOURCES DESIGN

User Documentation SEO EXPERT

Fast track to HTML & CSS 101 (Web Design)

Developing a Website. Chito N. Angeles Web Technologies: Training for Development and Teaching Resources

TIME SCHEDULE OBJECTIVES

Sell Online with a Website

<Insert Picture Here>

Website Marketing Audit. Example, inc. Website Marketing Audit. For. Example, INC. Provided by

A TO Z OF WEB HOSTING

Zeeblio Reviewer's Guide

How to work with the WordPress themes

Dreamweaver: Getting Started Website Structure Why is this relevant?

Qnet Website Design and Development Process

Web Designing with UI Designing

Introduction to Web Development

How To Design The Web And The Internet

Web Development. How the Web Works 3/3/2015. Clients / Server

WATKINS MFG DEALER GUIDE TO UNDERSTANDING WOORANK REPORTS

Note; Sample Analysis, names and product type changed to protect privacy

SiteBuilder E-Shop User Guide

Lesson Overview. Getting Started. The Internet WWW

Dreamweaver Tutorial - Dreamweaver Interface

This book is solely for personal use. You do not have the right to resell or distribute in any form. E-Design LLC

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

.NET Best Practices Part 1 Master Pages Setup. Version 2.0

Easy WP SEO User Guide. Version 1.5

Scoop Hosted Websites. USER MANUAL PART 4: Advanced Features. Phone: scoop@scoopdigital.com.au Website: scoopdigital.com.

Shelly, G. B., & Campbell, J. T. (2012). Web design: Introductory (4th ed.). Boston, MA: Course Technology.

IT3504: Web Development Techniques (Optional)

Programming exercises (Assignments)

CONFIGURING A WEB SERVER AND TESTING WEBSPEED

Setting Up Your Online ecommerce Shopping Cart

CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Web Authoring CSS. Module Descriptor

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

Shared Hosting. Getting Started Guide. Your First Website Online. Shared Hosting// Getting Started Guide

How to Create a Form and Manage the Spreadsheet in Google Docs

Outline. CIW Web Design Specialist. Course Content

IBRI College of Technology Department of Information Technology. Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday)

Getting Started Guide. Getting Started With Quick Shopping Cart. Setting up and configuring your online storefront.

Mindshare Studios Introductory Guide to Content Management Systems

Altru Masters Workshop Creating the Best Online Experience for your Patrons Part 1: Online Basics

Transcription:

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

There is an easy way to get a business website online free. http://www.kansasgetonline.com/ 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 1-800-428-3170 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 1-800-428-3170 and they'll help you get started.

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

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

Amaya is the W3C backed open source HTML editor.

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

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" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> Given its syntax, the DTD declaration is often called, for short, "Doctype". http://www.w3.org/qa/2002/04/valid-dtd-list.html

The default starting template from Komposer. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> 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-8859-1" 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.

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.

Alt + Enter to confirm changes.

Web Hosting Purchase a Domain Name: www.whatever.com about $12 a year. Storage and bandwidth about $50 a year. Take a look at www.ipage.com 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 emailed to you. You'll need a ftp program. Filezilla is an excellent free program http://filezilla-project.org/. 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.

SEO or Search Engine Optimization Googles Guide to SEO http://tinyurl.com/yz64bbo Submit to multiple search engines http://www.addme.com/

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

Fundamental HTML Links HTML & CSS http://en.wikipedia.org/wiki/html http://www.w3schools.com/ http://www.w3schools.com/sitemap/default.asp Adobe DreamWeaver http://www.adobe.com/devnet/dreamweaver.html Komposer http://kompozer.net/ Notepad ++ http://notepad-plus-plus.org/ Amaya http://www.w3.org/amaya/ Web Hosting Sites Ranking & Links http://www.consumer-rankings.com/hosting/ Filezilla http://filezilla-project.org/ Templates http://www.oswd.org/ Easy Webpage http://www.kansasgetonline.com/