Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.

Slides:



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

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
5/8/ Introduction to Dreamweaver and HTML Diane Millican.
5/8/ Dreamweaver 8 Basics. 5/8/ What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.
. Website and file organization. How websites work.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
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.
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
Using the WWW in Teaching and Learning Barbara Watson Andrew Stansfield IT Service.
Microsoft Office XP Illustrated Introductory, Enhanced Office Applications with Internet Explorer Integrating.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
Web Design Terms and Concepts Ms. Scales. Q. What is a Server? A. A server is a computer that stores information many people can access. It runs special.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
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.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
WWW and HTML. Annoucement n Many people submitted the.vbp file and lost points n Can resubmit the.frm file to my , and get most.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Uploading Your Page to the Internet Configuring FTP on Dreamweaver.
XHTML Introduction to Xtensible HyperText Markup Language Screen Readers – Click the Notes button in the lower right corner.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
HTML ~ Web Design.
How the Web Works Digital Histories Workshop Adam Crymble.
CIS 250 Advanced Computer Applications Internet/WWW Review.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Application Layer Honolulu Community College Cisco Academy Training Center Semester 1 Version
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Newsgroup World Wide Web (WWW) Conservation Over the Internet e.g.ICQ File Transfer Protocol (FTP) Includes 6 main services: Electronic Mail Remote.
 How a computer works  The Internet  Browsers  Web Pages.
01 - Introduction Informatics Department Parahyangan Catholic University.
Site Home Web Server USB Your House Copy Full address of local site including drive letter Works for Content Modifications Only Not Relationship Structure.
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:
2/26/ Intro to HTML: The Language of WWW Nets.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Cloud Computing ILAS project DONE BY:. Table of content INTRODUCTION. ◦ Cloud computing in general ◦ What are the things that worked during the implementation.
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.
How FTP works ? & Send you web pages to server Speaker : Frank Liu.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Dreamweaver MX 2004 Basics Diane Millican 9/19/2018.
Setting Up Your Development Environment
Setting Up Your Development Environment
Dreamweaver.
4.01 How Web Pages Work.
Presentation transcript:

Introduction to Web Creation iMet Tool Training

Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent Design for everyone - use alt tags to comply with ADA - design for lower resolutions (800x600) Practice clean file management

Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page of a web site or folder in a web site (index.html) Root Folder Main folder for all files and folders Sub Folder Additional folders within a root folder

Terminology (cont.) Local Site Series of folders storing a web site’s files on a local computer – housed in the root folder Web Server Remote location for saving and distributing web site files to the www Remote Site Matching folders and files for a web site on a web server

Local File Management

Going Remote A web site lives “locally” in a “root” folder on your hard drive A web site available online has a “remote” matching root folder on a web server We use FTP (File Transfer Protocol) in Dreamweaver to upload your local site to the remote folder on the iMet server.

Reaching the WWW