Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.

Slides:

Advertisements

Similar presentations

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 11: Advanced Web Technologies.

Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

Lecture plan Information retrieval (from week 11)

HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Rommel Anthony Palomino Summer 2011.

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

Understand Web Page Development Software Development Fundamentals LESSON 4.1.

Project 1 Introduction to HTML.

Using Cascading Style Sheets CSS Basics. Goals Understand basic syntax of Cascading Style Sheets (CSS) Understand basic syntax of Cascading Style Sheets.

WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.

1st Project Introduction to HTML.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

Chapter ONE Introduction to HTML.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

Web Design Basic Concepts.

Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.

What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.

INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

CS 299 – Web Programming and Design Introduction to HTML.

SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.

1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web Define tags ….etc Allow to embed other scripting.

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

Sheet 1XML Technology in E-Commerce 2001Lecture 1 XML Technology in E-Commerce Lecture 1 WWW, HTML, CSS, XML, Meta-modeling.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.

1 MSCS 237 Overview of web technologies (A specific type of distributed systems)

Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.

IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.

Jozef Goetz, STEM Summer Camp Dr. Jozef Goetz.

Web Technologies Lecture 2 HTML and CSS. HTML Hyper Text Markup Language – Describes web documents – Made up of nested HTML markup tags – Tags are the.

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.

Introduction to the World Wide Web & Internet CIS 101.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

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.

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

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)

CSCI 3100 Tutorial 2 Web Development Tools 1 HTML 5 & CSS 3 1.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher

HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Web Basics: HTML/CSS/JavaScript What are they?

A PRESENTATION ON (IN PHP,CSS,HTML)

Project 1 Introduction to HTML.

Objective % Select and utilize tools to design and develop websites.

4.01B Authoring Languages and Web Authoring Software

Chapter 1 Introduction to HTML.

Project 1 Introduction to HTML.

HTML (Hypertext MarkUP Language)

Developing Web-Based Applications

Unit 2, Lesson 5 Website Development Tools

Objective % Select and utilize tools to design and develop websites.

Unit 2, Lesson 5 Website Development Tools

APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.

Introduction to Web Database By Rimpi Suman 1 1 Unit-6.

4.01B Authoring Languages and Web Authoring Software

Test 1 Review Website Basics, HTML, CSS

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

Chapter 2 HTML & CSS.

CIS 133 mashup Javascript, jQuery and XML

Presentation transcript:

Asstt. Prof Sonia Sharma Computer Dept 1

HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web Define tags ….etc Allow to embed other scripting languages to manipulate design layout, text and graphics Platform independent Current version is 4.x and in February W3C released the first draft of a test suite

HTML (Hypertext Markup Language) Example HTML code: Hello World Hello World 3

HTML (Hypertext Markup Language) 4

Common features Tables Frame Form Image map Character Set Meta tags Images, Hyperlink, etc… 5

HTML (Hypertext Markup Language) File Extensions: HTML, HTM Recent recommendation of W3C is XHTML 1.0 combines the strength of HTML 4 with the power of XML. XHTML 1.0 is the first major change to HTML since HTML 4.0 was released in

CSS (Cascading Style Sheet) Simple mechanism for adding style to web page Code be embedded into the HTML file HTML tag: CODE Also be in a separate file FILENAME.css HTML tag: Style types mainly include: Font Color Spacing 7

CSS (Cascading Style Sheet) Controls format: Font, color, spacing Alignment User override of styles Aural CSS (non sighted user and voice-browser) Layers Layout User Interface 8

CSS (Cascading Style Sheet) Client’s browser dependable Example code: p,h1,h2 { margin-top:0px; margin-bottom:100px;padding:20px 40px 0px 40px; } 9

CSS (Cascading Style Sheet) Hello World p,h1,h2 { margin-top:0px; margin-bottom:100px;padding:40px 40px 0px 40px; } Hello World 10

CSS (Cascading Style Sheet) 11

HTML without CSS 12

JavaScript Compact object-based scripting language Code be embedded into HTML file HTML tag CODE Also be in a separate file FILENAME.js HTML tag 13

JavaScript Main objectives: User interface, CGI capabilities without involving server Client side compilation Server provides no support Security hazard for client’s computer SCS websites JavaScript's Examples 14

CGI (Common Gateway Interface) Standard for external gateway programs to interface with information servers such as HTTP servers Real-time execution Main Objective: Dynamic Content User Interface Current version

CGI (Common Gateway Interface) Various choice in Programming language selections C, C++, PERL, Python PERL; most popular and widely used Server side execution Script runs as a stand alone process unlike PHP Basic difference with PHP is the execution approach 16