Review for exam 1 Midterm Closed Book. Review for Exam 1 Blackboard topic Review for exam 1 Sample Question Multiple Choice True / False Matching type.

Slides:



Advertisements
Similar presentations
Introduction to HTML & CSS
Advertisements

CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
Website Design.
Cascading Style Sheets
Creating Pages in XHTML
XHTML Basics.
An Introduction to XML Based on the W3C XML Recommendations.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
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.
XHTML 16-Apr-17.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
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.
HTML, XHTML, CSS, & JAVAScript ~ an introduction ~
HTML Elements. HTML documents are defined by HTML elements.
Developing a Basic Web Page Posting Files on UMBC
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
INTRO TO WEB DEVELOPMENT
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
Computer Sciences Department
Creating a Simple Page: HTML Overview
Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
Creating a Basic Web Page
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
CS 299 – Web Programming and Design Introduction to HTML.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
Website Development & Management Creating Web Pages CIT Fall Instructor: John Seydel, Ph.D.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
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.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
Website Development & Management Going Live with Web Pages (b) CIT Fall Instructor: John Seydel, Ph.D.
Lesson 4.
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
ECA 228 Internet/Intranet Design I Intro to Markup.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
XML Basics A brief introduction to XML in general 1XML Basics.
Discussion on Image Software. Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
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.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
How to… Cascading Style Sheets. How to Insert a Style Sheet When a browser reads a style sheet, it will format the document according to it. There are.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
© Dr. Graham Rollings Dr. Graham Rollings, 09 June 2016 HTML & CSS A very High-level Introduction.
Tutorial 3 Adding and Formatting Text. Objectives Session 3.1 – Type text into a page – Copy/paste text from a Word document – Check for spelling errors.
HTML Structure & syntax
HTML A brief introduction HTML.
Cascading Style Sheets (Introduction)
Cascading Style Sheets (Introduction)
HTML5 - 2 Forms, Frames, Graphics.
Presentation transcript:

Review for exam 1 Midterm Closed Book

Review for Exam 1 Blackboard topic Review for exam 1 Sample Question Multiple Choice True / False Matching type Short answer Tutorial Outlines

XHTML is HTML written as XML The Most Important Differences from HTML: 64 Document Structure XHTML DOCTYPE is mandatory (1) The XML namespace attribute in is mandatory,,, and is mandatory(2) XHTML Elements XHTML elements must be properly nested(3) XHTML elements must always be closed (4) XHTML elements must be in lowercase (5) XHTML documents must have one root element XHTML Attributes Attribute names must be in lower case(6) Attribute values must be quoted(7) Attribute minimization is forbidden

Block vs. Inline CSS inline-css/ inline-css/

CSS property - Display p p

Deprecated Deprecated means 65 What did XHTML deprecate in general l4-ref/article.php/ /Deprecated-Tags-in- HTML-40.htm l4-ref/article.php/ /Deprecated-Tags-in- HTML-40.htm Link from BB tutorial 1

Hyperlinks Targets 66 What are the four main targets for hyperlinks on web pages? Provide a simple example of each one

CSS Cascading Style Sheete 67 What is CSS and what is its primary purpose when making web pages?

Ways to Connect CSS to HTML 68 List the three levels (ways to connect css to html} of CSS and generally discuss what they do and how they are applied in the HTML

3 Big words on how CSS works 69 What does inheritance mean within CSS? 70 What does precedence mean within CSS? 71What does specificity mean within CSS?

CSS format Rule 72 What is the general format for a CSS style or rule Self closing tag also know as an empty element /is not required but it is good idea to use.

CSS selectors 73What are CSS selectors and what do they in CSS? Provide four examples of CSS selectors

Pathnames 74 What is a pathname? 75What is the default pathname? Provide an example of one. 76 What is a relative pathname? Provide an example of one

Things to Remember Case Sensitivity Different web browsers render the HTML content differently depending on browser (I.E. Chrome, etc) and possibly version. Proper nesting of tags

Images Review We talked about inserting images Tag Attributes Best practice is to size the image before uploading to reduce load time

A few Ways to Modify Images Free and on Web Doesn’t require an install Adobe Photoshop or Fireworks If you already have the CS suite Otherwise costs money MS Paint has an option to re-size Free and already installed GIMP Free photo editor similar to Photoshop

Pathnames Project Pathname Project on Blackboard Path Default Relative Absolute