170 likes | 228 Views
Key question. What are the three standardized core languages used to implement web pages? Write the full name not the abbreviation. Key Concept Questions: True or False. jQuery is a JavaScript library CSS is an extension of HTML. Explain.
E N D
Key question • What are the three standardized core languages used to implement web pages? Write the full name not the abbreviation.
Key Concept Questions: True or False • jQuery is a JavaScript library • CSS is an extension of HTML. Explain. • HTML can be used to change the appearance of a website. Explain. • HTML should be used to control the appearance of a website. Explain. • CSS alone can be used to make a web page interactive, i.e., user interaction can change the appearance of a website.
Show an example of how CSS can make a page interactive • a {color: black} • a:hover {color: red; font-weight: bold}
HTML questions • Which HTML tag defines an item in a list? • Which HTML tag defines a list that uses bullets instead of numbers? • Which HTML tag defines a numbered list? • Which HTML tag contains the title and character set of a web page?
HTML questions • Which CSS attribute makes text bold? • How do you use CSS to make a <div> centered? • What is the difference between the CSS color attribute and background-color attribute? • Write the CSS code to make list items bold but only if the list items are inside of a <nav> tag: • Write the CSS code to center the text of paragraphs but only if the paragraph is in a <div> tag with the class name “center”:
JavaScript and jQuery type questions • No code writing, but you must identify JavaScript vs. the other languages.
Which of these is jQuery • A. document.getElementByID(“intro”); • B. var x = 3; • C. $(“#intro”).html(“hello”); • D. #intro { color: red };
What is wrong with this code • HTML: • <button>OK</button> • <button>Cancel</button> • jQuery: • $(“button”).click( submit() );
Identify theHTML, CSS, JavaScript or jQuery • <p style=“margin: 50px”>This is a paragraph with big margins</p> • <input type=“submit” onclick=“myFunction()”> • .important { font-weight: bold;} • $(“.important”).css(“color”, “red”);
Identify the HTML, CSS, JavaScript or jQuery • $("#sportlink").attr("href","http://www.espn.com"); • $("#red").attr(”style",”color: red");
Why is JavaScript better than CSS for implementing interaction?
Frontend design refers to • The web server • Form processing • CSS coding • Database development • PHP Programming
Backend development refers to • Graphic design • Interface design • Page layout design • Database development • Style sheet development
Mark up with HTML Carmelo Anthony Player ProfileBiographyCarmelo was born in Baltimore MD and went to college at Syracuse University. He won a national championship. He is a nice guy. Hobbies – Most Favorite To Least Drain Buckets Getting Tattoos Tweeting Programming in JavaScript
Lab 9 • http://www.cs.siena.edu/~ebreimer/courses/csis-180-f13/labs/lab9/part4a.html