VARS – Website Creation Planning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) WHY?

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

The Internet Information Systems, Intermediate 2.
HTML 4 Hypertext Markup Language Tables, Lists & Links Science & Art Multimedia.
Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2013 UMSL Introduction to Web Page Design.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
MSc. Publishing on WWW Tables and Style Sheets. Tables Tables are used to: Organize and display tabular data To create a layout for web pages.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Microsoft FrontPage: An Introduction Eva M. Fernández Queens LOTE Consortium May 5, 2003.
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.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Chapter 14 Introduction to HTML
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
Website Development with Dreamweaver
Adobe Contribute CS4 Targeted Training, LLC © Targeted Training, LLC 2010.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
FrontPage ® 2003 – Essentials Intermediate Lesson.
Getting What You Want From Adobe © Dreamweaver, Fireworks, and Flash Presented by Helen Siukola Jancich, M.S. Anastasia Trekles Milligan, M.S. Purdue University.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
CHAPTER 5 Working with Data Tables and Inline Frames.
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.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.
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.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Create and edit web pages 4
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Chapter 1 Introduction to HTML.
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then use the web page to create a template.
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
A01 DESIGN To be completed Your proposal  Your House style 
Computer communications
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Web Programming and Design
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

VARS – Website Creation Planning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) WHY?

VARS – Website Creation For development To share on the www Where? VARS – Website Creation

Notepad AOLPress Frontpage Express ISP Supplied tools Tools VARS – Website Creation

Internet Explorer Firefox Text readers Browsers? VARS – Website Creation

Basic Construction? See accompanying sample web page - 05.htm VARS – Website Creation

Simple colours Images Repeating images Backgrounds See accompanying sample web page - 06.htm VARS – Website Creation

align Laying out of text. See accompanying sample web page - 07.htm VARS – Website Creation

Size / Style / Formatting text See accompanying sample web page - 08.htm VARS – Website Creation

target Links to resources See accompanying sample web page - 09.htm VARS – Website Creation

Size Alt text Inserting Images See accompanying sample web page - 10.htm VARS – Website Creation

Clickable Animated images Image maps More with Images See accompanying sample web page - 11.htm VARS – Website Creation

Ordered Unordered Definitions Lists See accompanying sample web page - 12.htm VARS – Website Creation

A Great way to layout your page Or to just present tabular data Just three tags to get it started: - Rows - Columns Tables See accompanying sample web page - 13.htm

VARS – Website Creation Simplifies site design Can prove difficult to navigate Generally frowned upon Frames & iFrames See accompanying sample web page - 14.htm VARS – Website Creation

Additional functionality Extra features Javascript See accompanying sample web page - 15.htm VARS – Website Creation

Advanced techniques Cascading style sheets. Enable simple global formatting Metadata Limits or allows spiders Gives info about the site VARS – Website Creation

Emerging technologies Video streaming Flash www2 The way forward VARS – Website Creation

It’s easy It’s not expensive It’s fun For a hobby For the family WHY NOT? VARS – Website Creation