WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

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

3.02D HTML Overview 3.02 Develop webpages.
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.
5 Steps to Web Site Development Mrs. Harris, November 2011.
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
4.01 How Web Pages Work.
. Website and file organization. How websites work.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
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.
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.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Chapter 14 Introduction to HTML
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Computer Sciences Department
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.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Web Technologies Website Development Trade & Industrial Education
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
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.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Incorporating Multimedia into a Web Site (Case Study) Unit G.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Intro to Multimedia Unit 1.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
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.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
HTML Structure & syntax
4.01 How Web Pages Work.
HTML Basics.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Hosted by Coach Slanina
Creating a Web Page Using HTML
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Designing a Web Site.
4.01 How Web Pages Work.
Hyperlinks, Images, Comments, and More…
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

WEB DESIGN USING DREAMWEAVER

The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file within a Web site which has a unique name Types of Web Sites –Commercial: sell or promote a company’s products or services –Educational: provide information about a school, university or topic –Informational: provide people with information –Personal: used by individuals to share information –Portal: provide a variety of services that people use everyday

Elements of a Web Page Text –Words, letters, numbers and other symbols Graphics –Drawings, charts, diagrams, paintings, photographs, and navigational buttons Multimedia –Audio, video or animation Hyperlinks –Internal links, external links and intrapage links

Web Site Development Determine the purpose and goals of the Web site Design and develop the Web site Evaluate and test the Web site Implement the Web site Maintain the Web site

Determine Purpose and Goals What is the site’s purpose –What do you want the site to do What are the site’s goals –What impact do you want the site to have What tools do you need to reach your goals –Do you need special hardware and/or software What is your primary (target) audience –Who will visit/use the site What kinds of hardware and software are the site’s visitors likely to be using

Design and Develop a Site The design process –Interaction design Where will the user need to go In what order will the user move around the site Will the purpose of each link be clear to the user –Information design What text should be on each page What graphics will I include Be sure that text and graphics support the site’s purpose –Presentation design What will the site look like What color scheme will be used Where will I position menus and hyperlinks

Evaluate and Implement a Site Evaluate and Test a Site –Make sure all hyperlinks work correctly –Use various browsers and different computers to view your site Implement the Site –Publish the site on a web server –Retest the site after publishing to make sure all of it still works

Maintain the Site Keep your site current and working properly –Add, delete and update content and pages –Check the links to make sure they continue to work properly (Remember, if you have external links outside Web sites may change location or shut down: check regularly)

HTML HTML stands for Hypertext Markup Language –The code used to create web pages –Consists of tags (a starting and ending tag) –Uses nested tags (a tag enclosed in another set of tags) –An empty tag requires only an opening tag –HTML and the other text in the web page are called its source code –Usually written using Notepad or any other text editor

3 Main Parts of HTML Document Type Definition –Specifies the version of HTML you are using: Start HTML Header Document Title Body CONTENT End HTML

ACTIVITY

Adding Images Using HTML You use the tag to insert images into a Web page Image tags have 5 attributes: –src: the source location of the image –alt: an alternative text message to display if the image does not display –align: wraps text around the image and places the image on the screen –border: places a border around the image –width and height: specifies the image’s height and width EXAMPLE:

Inserting Links using HTML Hyperlinks are external, internal or intrapage Use anchor tags to create all links ( ) Hyperlinks can be text or graphic –Text links example Century Public Library –Graphic links example

Relative and Absolute Links Relative links –Contains the name of the file being linked to –Only works if the file is in the same folder as the document containing the link –Links pages within the same web site Absolute links –Contains the complete URL of the file being linked to –Requires the full file path because it absolutely must follow the path to get to the file –Typically used for external links (to an outside file or website)