Art 128 Interface Programming 1 In-class Presentation Week 2A

Slides:

Advertisements

Similar presentations

HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.

Advertisements

Web Pages Week 10 This week: CSS Next week: CSS – Part 2.

SM5312 week 11: CSS Menus & Navigation Bars1 An Introduction to Cascading Style Sheets CSS Menus and Navigation Bars Nick Foxall.

INTRODUCTORY Tutorial 7 Creating Liquid Layouts. XP Objectives Discern the differences among various types of layouts Create a liquid layout Create a.

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.

16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 11 :: a.

Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.

Interface Programming 1 Week 2. Interface Programming 1 CALENDAR.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 9 :: b.

Art 128 Interface Programming 1 In-class Presentation Week 3B.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 7 :: a.

Art 128 Interface Programming 1 In-class Presentation Week 11B.

Art 155 Information Architecture In-class Presentation Week 1A.

Art 128 Interface Programming 1 In-class Presentation Week 11A.

Technologies for web publishing Ing. Václav Freylich Lecture 5.

Pre-Module CSS BTM 395: Internet Programming. Cascading Style Sheets (CSS) Separation of structure from presentation CSS guide and tutorial –

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Cascading Style Sheet Basics Pepper. Looking at the HTML See the surrounding tags See head, body, paragraph, header See the ending tags See the list.

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.

CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

ECMM6018 Enterprise Networking For Electronic Commerce Tutorial 2 Cascading Style Sheets (CSS)

WRT235: Writing in Electronic Environments CSS Classes, IDs, divs.

Creating Styles and Style Sheets.  CSS styles don’t communicate in nice clear English, they have their own language.  P { color: red; font-size: 1.5.

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

Cascading Style Sheets. What is CSS? Short for Cascading Style Sheets, a new feature being added to HTML that gives more control over how pages are displayed.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

Planning your site/organization on the Web Please use speaker notes for additional information!

Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.

CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B.

Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,

Moving Boxes The CSS ‘box’ Model and moving elements around the page 1.

Art 155 Information Architecture In-class Presentation Week 1B.

1 © Netskills Quality Internet Training, University of Newcastle Using Style Sheets in Dreamweaver CS © Netskills, Quality Internet Training, University.

Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 3A.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 9 :: a.

XHTML & CSS 2 By Trevor Adams. Last week XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)

K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.

Interface Programming 1 Week 1. Interface Programming 1 CALENDAR.

ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.

Interface Design 2 Week 13. Interface Design 2 :: Week 13 :: Calendar.

Introduction. MIS 5450 Behavioral Layer JavaScript and DOM Structural Layer XHTML Presentation Layer CSS Design Development Process.

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

Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 3B.

Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.

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.

Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 2B.

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.

MIT 511- Web Design & Usability

Working with Cascading Style Sheets

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

Art 128 Interface Programming 1 In-class Presentation Week 1B

art 257 :: motion graphic design

Intro to Dreamweaver Web Design Section 8-1

Art 128 Interface Programming 1 In-class Presentation Week 2B

Kapi’olani Community College

HTML and CSS MIS 2402 Jeremy Shafer Department of MIS

Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.

Kapi’olani Community College

Kapi’olani Community College

Interface Design 2 Week 11.

Kapi’olani Community College

Art 222 Digital Multimedia In-class Presentation Week 1A

One Set of Styles Connected to As Many Pages as You Want!!!

Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.

Presentation transcript:

Art 128 Interface Programming 1 In-class Presentation Week 2A

:: in-class example Bull Terriers, the most beautiful ugly dogs http://themostbeautifuluglydogs.com/

:: in-class lesson Setting styles in the header Using external style sheets: Making a new style sheet Linking the style sheet to your html document Controlling the spacing (margins and padding) CSS: selector {property: value;}

:: in-class exercise HTML with styles set in the header: http://www2.hawaii.edu/~gargiulo/data/_spring_2006/art128/testSite01/public_html/week2a_layout01.html HTML with a linked style sheet: http://www2.hawaii.edu/~gargiulo/data/_spring_2006/art128/testSite01/public_html/week2a_layout02.html CSS style sheet: http://www2.hawaii.edu/~gargiulo/data/_spring_2006/art128/testSite01/public_html/css/art128_css01.css

:: homework due next class :: 01.19.06 For those who will be working from home on your home computer, get Dreamweaver set up by defining a class site. For those who do not have Dreamweaver, please email me and I will suggest an alternative application. W3schools XHTML Tutorial http://www.w3schools.com/xhtml/default.asp

:: post mortem How smoothly did today’s class run? What slowed us down? What did we skip over? How can we be more efficient in the future?