INTRODUCTION TO WEB DESIGN Anna Gabali – 02/08/11.

Slides:



Advertisements
Similar presentations
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Advertisements

Web Services Presentation. Site Management Console (SMC)
Project 1 Introduction to HTML.
SqoolTools and….. Your Own Virtual Classroom What is SqoolTools? SqoolTools is a free, hosted site which allows you to create your own virtual classroom.
1st Project Introduction to HTML.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
Lecturer: Ghadah Aldehim
Internet Standard Grade Computing. Internet a wide area network spanning the globe. consists of many smaller networks linked together. Service a way of.
Internet Information ISYS 105B. What is the Internet? Comprised of network of computers Started in 1969 by U.S. Defense Dept.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Making You Explore the Potential of Online Business CMS Based - Web Development Solutions.
The Internet and World Wide Web By: Shilpa Phanse 10/8/2008.
WHAT IS A WEBSITE AND HOW TO GET YOUR BUSINESS ONLINE Anna Gabali – 30/07/ MKLC.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
Section 4 – Computer Networks Setting up a small network.
 Commercial- to sell or promote company products  Portal- provide a variety of everyday services  Informational- provide useful info & news  Educational-
The Internet Industry Week Four. RISE OF THE INTERNET THE INTERNET – a global system of interconnected private, public, academic, business, and government.
Introduction To Internet
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
>> Introduction To The Internet Mr. Garel St. BACHS.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
The Internet and World Wide Web
University Web Training: Introduction to Web Editing Web Services.
1 UNIT 15 Webpage Creator Lecturer: fadwa tlaelan.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
 Social and Technological developments that led to Web 2.0 Internet connectivity available almost everywhere Personal computer evolved into homes, schools,
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.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
 The World Wide Web (WWW) is the total collection of web pages stored on web servers located all over the world  Many schools, companies etc. have their.
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.
Lesson 2: The World Wide Web Objectives After completing this lesson, you will be able to:  Define WWW and its relation to the Internet.  Explain how.
1. Internet usage Comp5001-Computer Skills advanced Lecture 3: 2.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
A s s i g n m e n t W e e k 7 : T h e I n t e r n e t B Y : P a t r i c k O b i s p o.
Introduction to Collaborative Tools A collaborative tools is software that allows for people to collaborate or conduct team work online while connected.
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.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.
By: The Immigrants :D I mean the Mexican and the Colombian I mean Daniel and Felipe.
How to create a website using Amazing.website builder POWERED BY.
The Internet & Web Browsers Business Webpage Design Created by Kelly Seale Adapted by Jill Einerson.
Quality and Reasonable SEO/SMO services
Unit 15 – Web Authoring Web Authoring Project.
Company Meeting Title Presenter.
4.01 How Web Pages Work.
Aone Software Technologies
Chapter A - Getting Started with Dreamweaver MX 2004
Egyptian Language School
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
UNIT 15 Webpage Creator.
Providing Network Services
THE INTERNET.
FUTURE JOBS READERS Level 2-② App Developers.
Create and edit web pages 2
Objectives To understand the about types of computer network
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Websites lesson 5.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
WEB DESIGNING THROUGH HTML
Website A website is a collection of web pages (documents that are accessed through the Internet) When someone gives you their web address, it generally.
4.01 How Web Pages Work.
Internet Vocabulary Terms
Presentation transcript:

INTRODUCTION TO WEB DESIGN Anna Gabali – 02/08/11

Lesson Objectives: Basic understanding of websites Basic understanding of what is needed to get a business online By the end of this session: Grasp the purpose of websites (business etc...) Grasp what is needed to have a website online Understand the learning process in web design

This session will last 10 minutes  Health & Safety: make sure your bags are out of the way and not on the floor,  Make sure you mobile phones are switch off  In case of a fire alarm make sure you follow your tutor instructions.

Before we start  Take a few second to tell us: Who you are What you do Do you use the Internet? If yes tell which website you like and why If not tell us why Task 1

What is a Website?  a website is a collection of documents known as web pages that contain:  images, words,  digital media,  Interactive forms  The main page in a website is called a homepage, and other pages in a website are called subpages.  Pages are connected by hyperlinks, which are spots on a page (usually text or images) that, when clicked, take the user to different location on the site.

Answer the following Identify 3 different reasons why people or businesses might want a website for : Task 2 –

Common reasons for having a web site PersonalFor sharing, portfolio BusinessFor catalogue, information, recruiting staff E-CommerceFor selling goods and services EducationalTraining and education News and EntertainmentNews and entertainment SocialSocialising Servicewww.google.com

What You Need to Get Online

Group exercise  Task 3  Scenario 1 -Miss Balajo, your best friend, an artist need an online presence what do you think would be the best web site for her portfolio – E-Business – News Site Why?  Scenario 2- JoJo bar/night club is planning for a website what would be the best domain name for their online presence; or Why?

What do you need to design a website?  Skills in different software packages  Skills in coding  Understanding of IT, Internet and World Wide Web technology  Research and Planning skills  Good communication skills if you work for yourself as web designer or within a team  Willingness to learn new trends, skills, software

What do you equip yourself with to start?  A Good computer  Internet connection  A way to get your site online (hosting company or your own server)  Text editing software would be enough (for coding only)  Graphics & wed design software package  Different browser software to test your designs

Conclusion  They are many reasons why you could have a website  To get your business online you need  A domain name  A web hosting company  SSL certificate – online security for data transmissio  A designed website with content (e-commerce, portfolio)  Search engine optimization

Next step to this lesson  What is a website made of?  Planning a website  Design a website (using both CMS wordpress-Dreamweaver)  With CMS you will learn how to use Content Management Systems (template based)  With Dreamweaver you will learn to build your site from scratch

Homework for next session  Task 1 Research types of websites  Task 2 Read the Learner Assessment book  Task 3 Look at wordrpess.com

Resources  eature=related How do you choose a domain name eature=related  p/u/21/8nFao4s4Mp0 On line learning p/u/21/8nFao4s4Mp0  (introduction to wordpress)