Introduction to web design discussing which languages is used for website designing

Slides:



Advertisements
Similar presentations
Table, List, Blocks, Inline Style
Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Introduction to HTML & CSS
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Cascading Style Sheets Controlling the Display Of Web Content.
Controlling Page Style: Cascading Style Sheets (CSS) References: 1.Wang, P.S & Katila, S. (2004). A Introduction to Web Design and Programming. CA: Thomson.
4.01 Cascading Style Sheets
CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Basics of HTML.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Styles and Style Sheets for Design
Cascading Style Sheet (CSS)
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
CSS Basic (cascading style sheets)
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz.
Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.
ECA225 Applied Interactive Programming Cascading Style Sheets, pt 1 ECA 225 Applied Online Programming.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.
ECA 228 Internet/Intranet Design I Cascading Style Sheets.
Chapter 4 Frames and Cascading Style Sheets. Frames Frames divide a browser window into two or more separate pieces or panes, with each pane containing.
1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…
CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
1 Cascading Style Sheets
Week 1: Introduction to HTML and Web Design
CSS.
Working with Cascading Style Sheets
Cascading Style Sheet.
CSS Cascading Style Sheets
Web Basics: HTML/CSS/JavaScript What are they?
Style Sheets.
4.01 Cascading Style Sheets
Cascading Style Sheets
Madam Hazwani binti Rahmat
Cascading Style Sheets
Cascading Style Sheets
CASCADING STYLE SHEET CSS.
IS333: MULTI-TIER APPLICATION DEVELOPMENT
CSS Cascading Style Sheets
Website Design 3
Cascading Style Sheets - Building a stylesheet
Software Engineering for Internet Applications
Putting An Image on Your Web Page
Cascading Style Sheets™ (CSS)
Web Design and Development
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Cascading Style Sheets - Building a stylesheet
Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements
4.01 Cascading Style Sheets
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Web Programming and Design
Week 5: Recap and Portfolio Site
Web Programming and Design
Presentation transcript:

2

 Web design is referred to presenting the content on web browsers  A web page contain some information’s which are rendered through markup languages like:- HTML  HTML is the most important element in web site deign. Because HTML render our contents on the web browser’s

Languages for web design web design  There are several kinds of languages using for web designing Some of those are :-  Html  CSS

HTML( Hyper text markup language)  HTML is most useful language in web design. It is use to render the content on web browser  HTML stands for “hyper text markup language” in which hyper text refers to a text which has a link for another page or content and markup means to structure of contents on web page

Html Elements There are two types of elements in html  Block level elements A block level element contains the full width oaf an web page and start with new line.  Inline elements An inline element contain space only where they exist in the page.

Tables in HTML  The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the tag in which the tag is used to create table rows and tag is used to create data cells.

Html forms  A html form contains form elements. Forms are basically use to submit user’s data on the database by using some methods “GET” and “POST”

Tags of HTML  HTML tags are the hidden keywords within a web page that define how your web browser must format and display the content. Most tags must have two parts, an opening and a closing part. For example, is the opening tag and is the closing tag.

CSS (Cascading Stylesheet)  CSS stands for cascading style sheet. CSS is use to style the simple HTML contents like font-style, color, back-ground- color, positioning of a element and much more thing that we ca do with CSS

Types of stylesheet  Inline stylesheet An inline stylesheet are declare in the opening tag of the specific element.  Internal stylesheet An internal stylesheet is declare within the HTML document section between  External stylesheet External stylesheet are some text file whose are saves by the extension name “style.css” external style is most useable then any of them. There are three types of stylesheet in CSS

CSS selectors  A CSS selector is the part of a CSS rule set that actually selects the content you want to style. Let's look at all the different kinds of selectors available, with a brief description of each.

22

CSS background property  The background property is use to set the background-color of a web content like background-color, background-image background- attachment, background-position.

CSS images  Images are the important content of any web site.  CSS makes it easy to control for display images in our web page.

CSS links  CSS provides the freedom to create styled links in many ways.  There are four states of links:- a:link (link have URL of other page) a:active (user currently on the link) a:hover (move mouse curser over the link) a:visited (user has visited the link)

CSS position  Position property allow the element to alien the content anywhere in the website from top, bottom,left,right, center