Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.

$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.

MIS 2211 The Internet from a Technology Perspective A network of networks Comprised of hundreds of thousands of networks (nodes) throughout the world Very.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.

OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.

What Is A Web Page? An Introduction to the Internet.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.

Website Design - Review Layout using tables. Table exmaple James 11/08.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

Name Teacher: Group: 1 Unit 2 – Webpage Creation.

Creating your Webpage with tables. This is a 2 column by 1 row table!

Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.

Dreamweaver MX Unit A CIS 205—Web Site Design & Development.

The Internet. An interconnected network of computers globally Computers are able to communicate and share information with one another from remote locations.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

Webpage Design.

The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

Website Project Development Presentation by APNARAJ.COM.

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

9/4/01Mary Price - The Internet1 9/4/01Mary Price - The Internet 2 T h e I n t e r n e t ? I n t e r n a t i o n a l N e t w o r k.

Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.

Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

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.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

01 - Introduction Informatics Department Parahyangan Catholic University.

Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.

 In the 1960s, ARPANET (Advanced Research Projects Agency Network), the internet’s predecessor, was invented  ARPANET used two technologies that are.

The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.

Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.

 Internet –INTERnational NETwork is the network of computer networks.  It is a Wide Area Network(WLAN).You can have unlimited access to internet. 

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.

Connecting From Home Editing at Home(You don’t have to.)

4.01 How Web Pages Work.

4.01 How Web Pages Work.

Professional Web Designing For Absolute Beginners

Chapter A - Getting Started with Dreamweaver MX 2004

E-commerce | WWW World Wide Web - Concepts

E-commerce | WWW World Wide Web - Concepts

Introducing the World Wide Web

بسم الله الرحمن الرحيم.

ICT Communications Lesson 1: Using the Internet and the World Wide Web

Getting Started with Dreamweaver

Modelling the internet

HTML HYPERTEXT MARKUP LANGUAGE.

Objectives To understand the about types of computer network

Modelling the internet

HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.

What is HTML used for? STRUCTURE Text Video Lists Audio Links Forms Images Tables Click: Fades in text, lists, links, images, tables, forms, audio,

4.01 How Web Pages Work.

Internet Vocabulary Terms

An Introduction to the Internet

Presentation transcript:

Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to HTML First assignment

-Trivia- 1. Last year Google had added it's trillionth address. 2. One in Ten print titles could be forced to cut their publishing frequency, move online or simply shutdown. 3. When Google was created in 1995 it was initially called “Backrub”

 The Internet is made up of millions of networked computers (called servers)  Servers store websites, data and all types of information  Every server has a completely unique address.  A server address is known as an IP address.  Your website address (Domain Name) is 100% unique. eg.  The domain name is connected to an IP address that is also completely unique. The computer reads the address as- eg

-Key Elements- Web Page HTML Web Browser Web Server

General aspects of website design General Design Concepts - Tables, Page Layout, Navigation, Backgrounds, Banner ads Information it holds- Text, Images, Animated images, Video, Sound. Interactive- buttons, movies (flash), Links, Forms.

This is the title of the page. The body text goes here. tag Closing tag