Web Design: HTML & CSS Lauren Lewis Mauricio Gomez.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

Introduction to HTML & CSS

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

Project 1 Introduction to HTML.

Working with Cascading Style Sheets. 2 Objectives Introducing Cascading Style Sheets Using Inline Styles Using Embedded Styles Using an External Style.

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.

How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.

Chapter ONE Introduction to HTML.

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.

Web Design Basic Concepts.

Basics of HTML.

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

CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

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.

XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.

 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)

Creating a Basic 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.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.

Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,

Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.

Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.

CSS : Cascading Style Sheets Ann Dobbs Class: i385e.

Louisa Lambregts, Louisa Lambregts

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Cascading Style Sheets CSS. Source W3Schools

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.

Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.

Jozef Goetz, STEM Summer Camp Dr. Jozef Goetz.

CNIT 132 – Week 4 Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of.

Cascading Style Sheets

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

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

CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.

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

Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Introduction to the World Wide Web & Internet CIS 101.

HTML HyperText Markup Language Victoria E. Kozlek.

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)

XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.

WEB DESIGN Presentated By Amit Kapri Contact No

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.

MIT 511- Web Design & Usability

Working with Cascading Style Sheets

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

Project 1 Introduction to HTML.

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

Chapter 1 Introduction to HTML.

Introduction to Website Creation in sphb K200

Styles with Cascading Style Sheets (CSS)

Project 1 Introduction to HTML.

Introduction to Advance Web Technologies

Unit 2, Lesson 5 Website Development Tools

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

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

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

Digital Design – Copyright Law

Web Page Development Tools

What is the difference between Computer and Software programming?

Web Page Development Tools

Apply procedures to create cascading style sheets.

HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.

HTML and CSS Basics.

Presentation transcript:

Web Design: HTML & CSS Lauren Lewis Mauricio Gomez

What is Web Design?  “The planning and creation of websites”  Including:  Information architecture  User interface  Site structure  Navigation  Layout  Colors  Fonts  Imagery All of these are combined with the principles of design to create a website that meets the goals of the owner and designer.

HTML vs. CSS HTML  HTML is a markup language for describing web pages  “Hyper Text Markup Language”  A markup language is a set of markup tags  HTML documents are described by HTML tags  Each HTML tag describes different document content  CSS is a style sheet language used for descirbing the look  “Cascading Style Sheets”  It defines how HTML elements are to be displayed  Useful because it saves a lot of work  External Style Sheets are stored in CSS files CSS

Basic HTML Shell

 **Show CSS Sandbox  **Show website page source code to explain to students how complex this coding can get  **Talk about website we made and all the different tags and their meaning  **Allow students to create simple web page, maybe provide shell and allow them to change the design  **Return to PowerPoint deck

Real World Applications  Web designers and developers are needed in a variety of industries and businesses across the globe.  Websites allow organizations, companies, and government entities to: Provide information to the public Market products and services Interact with customers Execute operations

Careers & Salaries  About ¼ of web developers were self employed in 2012  The minimal education needed to become a web developer is an associate’s degree in web design or related field  Web developers need knowledge of both programming and graphic design  The median annual wage for web developers was $62,500 in May 2012  Employment of web developers is projected to grow 20% form , faster than the average for all occupations

Resources    En-US/Learn/HTML.com      Free HTML/CSS Tutorials Free website creators

Follow us on Social Media! #FITC & visit FITC Group