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.

Slides:



Advertisements
Similar presentations
Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.
Advertisements

AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.
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.
Institute of Technology Sligo - Dept of Computing Layer 7 The Application Layer Chapter Review.
. 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.
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.
CIS101 Introduction to Computing
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
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.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
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.
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.
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®
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”
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.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.
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.
The Internet. Network - Collection of computers and devices connected together via communications devices Internet - Worldwide collection of networks.
How the Web Works Digital Histories Workshop Adam Crymble.
CIS 250 Advanced Computer Applications Internet/WWW Review.
How to upload files to Altervista Overview:
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.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
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:
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
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
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Setting Up Your Development Environment
Dreamweaver.
4.01 How Web Pages Work.
Presentation transcript:

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 of a web site or folder in a web site (/index.html) Root Folder Main folder for all files and folders

Terminology (cont.) Local Site Series of folders storing a web site’s files on a local computer – housed inside the root folder. Remote Site Series of folders storing a web site’s files on a web server (a copy of the local site).

Terminology (cont.) Web Server Remote location (computer) for saving and making web site files available to the www.

Going Remote A web site lives “locally” in a “root” folder on your hard drive AND lives “remotely” online in an identical “root” folder on a web server.

Going Remote Dreamweaver uses FTP (File Transfer Protocol) to upload your local files to your remote root folder located on the iMET server. portfolio/lastname_firstinitial

Local File Management

Reaching the WWW

Design 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

File Structure: Yes or No?