Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Slides:



Advertisements
Similar presentations
An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more.
Advertisements

3.02B Authoring Languages 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.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
Website Design.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.
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
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
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.
HTML Introduction HTML
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Chapter 14 Introduction to HTML
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
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.
CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.
XHTML Introduction to Xtensible HyperText Markup Language Screen Readers – Click the Notes button in the lower right corner.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Hypertext Mark-Up Language Web Page Creation HTML.
How the Web Works Digital Histories Workshop Adam Crymble.
Introduction to web development and HTML MGMT 230 LAB.
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Application Programming Presented by: Mehwish Shafiq.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
The Teacher Computing HTML HyperText Markup Language.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
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:
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML HyperText Markup Language Victoria E. Kozlek.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming 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 HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
XHTML/CSS Week 1.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
HTML HYPERTEXT MARKUP LANGUAGE.
Making Web pages.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
HTML Structure.
Presentation transcript:

Basic Web Page Design

Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver® CS6 (for basic web page design notepad /Microsoft word can be used) Website:

Learning basic html using Notepad: HTML  HyperText Markup Language Notepad as editor Step1: In html, there is a starting tag( ). Most, but not all tags have a closing tag. The browser will interpret everything between and as an HTML document. Step2: HTML document needs a pair of head tags. Step3: In the head tags are the title tags. My IRES web page!

Step 4: Within the body tags write My IRES web page! Welcome to my website! For details tag description see: Step 5: Save the page as index.html (Save as: all files) To transfer the files you need FTP. Open FTP (file transfer protocol). On the server site open public html folder. And then transfer index.htm or.html to the server site. References:

Learning basic html using Microsoft word: 1. Converts text to HTML code 2. Transforms images to GIF or JPEG formats (that are web-compatible) 3. Creates a single HTML file 4. Generates an XML style sheet 5. Makes a folder that contains XML file

Create a basic web page using word by opening a blank document and adding your own text and pictures. Save the word file as web page format ; file extension.htm or html (as for example index.htm or index.html). An additional folder is generated with the same name as the web page file (as for example index_ files) To transfer the files you need FTP. Open FTP (file transfer protocol). On the server site open public html folder. And then transfer index.htm or.html and the associated folder to the server site. For details visit: eb_pages.htm eb_pages.htm

Questions??