WEB PAGE CHALLENGE Lets play WE WILL PLAY
WEB PAGE CHALLENGE Let’s play!
WE WILL PLAY THIS CHALLENGE JEOPARDY STYLE. THE WINNER WILL RECEIVE “HEAD FIRST HTML AND CSS: A LEARNER'S GUIDE TO CREATING STANDARDS-BASED WEB PAGES 2 ND EDITION. ” THE WINNER MAY ALSO SELECT THEIR CHOICE OF A PRINT OR KINDLE EDITION.
GAME BOARD 100 300 100 450 500 200 100 300 150 400 500 250 350 200
WHAT IS NOTEPAD++ ?
A TEXT EDITOR. IT IS SOMETIMES REFERRED TO AS A CODE EDITOR.
IN HTML TERMINOLOGY, WHAT ARE THESE CALLED? < ></ >
THEY ARE CALLED TAGS.
WHAT IS THE FIRST LINE OF CODE THAT SHOULD ALWAYS BE WRITTEN IN YOUR HTML FILE?
THE DECLARATION. <!DOCTYPE>
IF I WANT ONE HEADING TO STAND OUT MORE THAN THE REST ON MY PAGE, WHAT SHOULD I USE?
THE HEADING 1 ELEMENT IN THE TAG. <h 1></h 1>
IF I WANT TO TEST WHAT MY PAGE LOOKS LIKE, I JUST NEED TO DOUBLE CLICK THE FOLDER WITH MY FILES. True or False?
FALSE. YOU MUST VIEW HTML FILES IN A WEB BROWSER.
MY IMAGE DOES NOT SHOW. WHAT IS WRONG WITH MY LINE OF CODE? <img=“PUPPIES. jpg”>
YOU MUST ADD THE SOURCE ATTRIBUTE TO LET THE WEB BROWSER KNOW WHERE IT IS LOCATED. <img src=“PUPPIES. jpg”>
WHAT IS CSS?
CASCADING STYLE SHEETS DESCRIBE THE STYLE OF AN HTML DOCUMENT. IT ALLOWS YOU TO CUSTOMIZE THE LOOK OF YOUR PAGES.
WHERE DO I WRITE CSS IN MY HTML DOCUMENT?
YOU WILL DEFINE CSS STYLING BETWEEN YOUR <head></head> TAGS. You must write your CSS between the <style></style> tags.
WHAT DOES A RELATIVE HYPERLINK DO?
IT IS USED TO POINT TO A FILE THAT IS HOSTED ON THE SAME SERVER.
WHAT DOES AN ABSOLUTE HYPERLINK DO?
THEY ARE NOT HOSTED ON THE SAME WEB SERVER. THEY REQUIRE THE PROTOCOL AND DOMAIN NAME. USE THIS LINK WHEN YOU NEED TO POINT TO FILES THAT ARE NOT ON YOUR HOSTING SERVER.
WHY WOULD I WANT TO USE A MAIL LINK?
IT AUTOMATICALLY OPENS THE USER’S DEFAULT EMAIL PROGRAM. THIS MAKES IT CONVENIENT FOR SOMEONE TO SEND YOU A MESSAGE. IF THE USER HAS NOT SET UP A DEFAULT EMAIL PROGRAM, A MESSAGE COMES UP ASKING THEM IF THEY WOULD LIKE TO CONFIGURE A DEFAULT EMAIL.
I WANT A USER TO EASILY GET BACK TO MY HOME PAGE. HOW DOES THAT WORK?
WITH THE OPENING ANCHOR TAG, USE THE ATTRIBUTE href. YOU WILL USE THE index. html FILE TO POINT TO. <a href=“index. html”>
WHY CAN I NOT NAME THE FILE TO MY HOME PAGE home. html? IT IS EASIER TO REMEMBER.
THE WEB BROWSER ALWAYS LOOKS FOR THE index. html FIRST. THIS IS A STANDARD. IF YOU DO NOT HAVE AN index. html FOR THE WEB BROWSER TO SEE, THERE WILL BE AN ERROR.
HOW DOES USING THE BOOKMARK WORK?
THE ATTRIBUTE id IS USED TO LINK TO AN ELEMENT WITH A SPECIFIED id THAT IS LOCATED WITHIN THE SAME PAGE.
MY FILES ARE COMPLETE AND MY WEBSITE LOOKS GOOD. HOW CAN I SHOW IT TO EVERYONE?
YOUR FILES MUST BE UPLOADED TO A WEB SERVER. GENERALLY, YOU WILL LOOK FOR A HOST PROVIDER. YOU MUST ALSO GET A DOMAIN NAME. THIS IS WHERE PEOPLE WILL KNOW TO GO AND VISIT YOUR PAGE.
WHERE CAN I GO TO EXPLORE HTML FURTHER?
THERE ARE MANY RESOURCES AVAILABLE. ONE OF THE WELL KNOWN IS: https: //www. w 3 schools. com/ht ml/default. asp
- Slides: 35