CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH.

Slides:

Advertisements

Similar presentations

HTML5 & CSS3 The Future of Web Technologies by Dang Minh Tuan.

Advertisements

Key Points of Making Presentations Doncho Minkov Telerik Corporation

I Can Use My Words.

15 LAYOUT Controlling the position of elements Creating site layouts Designing for different sized screens.

CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.

Today’s Goals What is HTML?

T W E A K Teacher Website Etiquette and Know-how.

Cascading Style Sheets Scripting with Style. CSS versus HTML  Ways to format in HTML –HTML Tag extensions –Converting Text to images –Page Layout with.

CSS Basics LIS Webteam April 8, Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.

More HTML Chapter 4. 2 Nesting Tags How do you write the following in HTML? The wrong way: This is really, REALLY fun ! Tags must be correctly nested.

Websites with Weebly are easy!. Easy Website Creation with Weebly Making your library media center’s web presence current and effective Holly Frilot,

HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).

Finding articles on a topic. Where to look? Google Fast and easy Hard to pick through questionable sources. Library Databases – (all the online and print.

© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.

Responsive Design - It’s time for a reality check.

Define html document byusing Example : Title of the document The content of the document......

Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.

Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)

Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.

Basics of Smarajit Dasgupta.

Today’s objectives  Complete web page  Using xhtml & CSS  Adding CSS to documents Embed url(File);  CSS.

WRT235: Writing in Electronic Environments CSS Backgrounds, colors, fonts.

Basic Responsive Design Techniques. Let’s take a look at this basic layout. It has a header and two columns of text, in a box that is centered on the.

Cascading Style Sheets. Defines the presentation of one or more web pages Similar to a template Can control the appearance of an entire web site giving.

11 HTML5 sharing St Bonaventure College & High School 31 May 2012.

STILL CHAPTER 4 More Style. Topics How to specify “style” for beautifying your content?  Using tag and style attributes and values Separate file for.css.

CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.

Administration, Coverage, Review. Exam Administration Midterm exam is in class from 5:15 – 6:30PM on Thursday Feb 20 th. The exam is open book and open.

Cascading Style Sheets CSS by Pavlovic Nenad by. 2Cascading Style Sheets Presentation Contents What are CSS? What are CSS? History of CSS History of CSS.

All you need to know about building donation pages Marta Fornal de Seixas.

Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.

11/6/13 MORE CSS!. TODAY’S AGENDA Review: float for positioning objects Review: CSS and color Introductions to: o CSS and images o CSS backgrounds o CSS.

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober

Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Data Access Europe BV Eddy Kleinjan,

Websites with Weebly are easy!. Easy Website Creation with Weebly Holly Frilot, Library Media Specialist Collins Hill High School, Suwanee, GA.

XHTML and CSS. The Browser The browser is not print!

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

Daveandal.net Cascading Style Sheets 101 “How I learnt to love CSS and found my inner designer”

INTRODUCTION TO CSS. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features of CSS Features of CSS  Creating Style Sheet Creating Style Sheet.

Cascading Style Sheets

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.

OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

Introduction to Bootstrap

QUnit JavaScript Testing in the Enterprise David Lee Oct. 11, 2011.

Cascading Style Sheets Primary readings Presentations Explain & review projects with class mates.

Developing Web Applications with HTML and CSS “Selectors and Properties”

External Style Sheets Exploring Computer Science – Lesson 3-6.

Websites with Weebly are easy!. What is Weebly? Weebly is a free website creator. It is very easy to use. If you feel comfortable creating documents with.

Absolutely no one is born with good manners Start out talking about manners, ask students questions about what manners are what they mean Learn the.

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

Bold and Italics. Bold and Italics in XHTML 1. Via CSS, using the "font-weight:bold" and "font-style:italic" styles. 2. By using the and ("emphasis")

CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.

Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents Dr. Irwan Sembiring,ST.,M.Kom.

AngularJS A Gentle Introduction John

CS3220 Web and Internet Programming Page Layout with CSS

CS3220 Web and Internet Programming Page Layout with CSS

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

PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.

Web Design History By Jayam Web Solutions.

Fixed Positioning.

I Can Use My Words.

Working in Groups.

CS3220 Web and Internet Programming Page Layout with CSS

ЕВРОПА ЕUROPE.

Presentation transcript:

CSS Trends Presenter: Dang Minh Tuan

About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH teacher Website:

Topics History of CSS and the Web (3’) –For who? Any How to use CSS (10’) –For who? Basic Level CSS today (25’) –For who? Intermediate Level (who know how to use CSS) Something more (5’) –Future of CSS –HTML 5 (if we have enough time)

History of CSS and the Web

HTML C S S When the Web was born, CSS is nearly NOTHING People use HTML to make the Web Presentation

Use only HTML to make Website And Regret Later It’s very Hard to Change

The Age of CSS

Everything You Know About HTML Is Wrong

b { font-weight: normal; font-style: italic; } I’m a bold. But I’m normal and in italic style.

How to use CSS

DEMO Converting the Presentation of a HTML Element from One to Another And Some CSS Properties!

It’s time to separate Structure from Presentation HTML CSS

CSS becomes stronger

How CSS look like in 2009? CSS today

CSS3 More Magic

CSS3 More Magic Easy Text Columns Fancy Modal Inline Form Labels Using Image Masks

OOCSS More Power, More Flexible

CSS Frameworks More Libraries. More Choices.

More tools CSS Generator

Others! I want to talk more about –CSS for Applications –CSS in various devices –Future of CSS Will 2D Webs die when 3D Webs coming (and CSS dies, too)? How about CSS for Application –HTML5

Thank you For listening and supporting me Ask me more at: