Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.

Slides:



Advertisements
Similar presentations
Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
Advertisements

Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
COMPSCI 345 / SOFTENG 350 TUTORIAL WEEK 8 | SAM KAVANAGH.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
Creating Tables in a Web Site Using an External Style Sheet
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.
Styles with Cascading Style Sheets (CSS) Web Design – Section 4-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
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.
ITEC 745 Instructional Web Authoring I Instructor: Ray Cole Week 8.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
Introduction to web development and HTML MGMT 230 LAB.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
Louisa Lambregts, Louisa Lambregts
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
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 CSS. What is CSS? CSS ("Cascading Style Sheets") determines how the elements in our XHTML documents are displayed and formatted. By using.
Site Organization. The Need to Organize Site Files Thus far, we have placed all our site files into the main (root) website folder. As a website becomes.
Is Your Site Accessible? Validating Your Web Site.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
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.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.
The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.
Course Content Emily Dixon. Content Strategy Web > Class > Modules > Module 1 (etc) > Projects > Exercises Public > NO strategy–It’s a mess Dixonem1 >
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML5 and CSS3 Illustrated Unit C: Getting Started with CSS.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
CSS Back to Basics Sandra Clark Sr. Software Developer Constella Group.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Web Basics: HTML/CSS/JavaScript What are they?
Getting Started with CSS
Web Development & Design Foundations with HTML5 8th Edition
Styles with Cascading Style Sheets (CSS)
Web software.
Intro to Web Development Class A Review
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
ITI 133 HTML5 Desktop and Mobile Level I
CSS.
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Digital Design – Copyright Law
Introduction to HTML- Basics
Mozafar Bag-Mohammadi
Computer communications
HTML and CSS Basics.
Client-Server Model: Requesting a Web Page
Web Programming and Design
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

Neal Stublen

Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using CSS  Incorporate meta content and multimedia

 Test HTML markup  Test CSS What’s Ahead?

Validating HTML Markup  Free service for validating page markup  Specify a URL  Upload a file  Paste HTML

Practice Activity  Validating Markup, Activity 1 Validate page markup (p.68)

Validating CSS  Free service for validating CSS  Specify a URL  Upload a file  Paste HTML

Practice Activity  Validating CSS, Activity 2 Validate CSS content (p.74)

Common Mistakes  Missing “punctuation” Semicolons Braces and brackets Typos Mismatched elements ○ (missing )

Validator Limits  Ignores styling section  Does not validate links  Does not account for use of JavaScript JavaScript may use undefined attributes JavaScript may alter styles

What Does It Mean?  Reveals improper syntax  But browsers are very forgiving  If you’re using other tools to generate your web pages, you may not be able to resolve all the errors it reports  Look at other sites – no one is perfect!

 Test HTML markup  Test CSS What’s Behind?