FASHIONING TEXT STYLES AND COLORrrr.pptx
- 1. FASHIONING TEXT STYLES AND COLOR WEBSITE DESIGN; 7TH EDITION COMPUTER 9 : LESSON 4
- 2. RATING GROUP MEMBERS GROUP LEADER POGI, MASIPAG, MABAIT, AT MATULUNGIN JOHN ROBERT - 100/10 JEVRON JOSH - 8/10 SYA LANG MAY AMBAG GHENN DOREL - 8/10 OKAYY NA, MAY AMBAG NAMAN JAEREL - 4/10 KA-GROUPO PALA KITA BRO! ANO AMBAG MO? STEPHANIE PACIS - 2/10 NO COMMENT.
- 3. FASHIONING CSS 1 DEPRECATED TAGS 2 STYLE SHEET SYNTAX 3 FONT, COLOR AND TEXT 4 5 SPECIAL CHARACTERS 6 ESCAPE SEQUENCE 7 COMMENT TAGS 8 ACTIVITY TIME TABLE OF CONTENT BORCELLE 2/11
- 4. FASHIONING CSS FASHIONING CSS IF HTML HANDLES THE CONTENT OF THE WEBPAGE, THEN CSS IS INCHARGE OF THE PRESENTATION. HTML IS ABOUT MEANING, WHILE THE CSS IS ABOUT FORMATTING. CSS - CASCADING STYLE SHEET
- 5. THE BASIC PATTERN FOR CSS IS: PROPERTY: VALUE PROPERTY IS THE FEATURE OF THE PARAGRAPH YOU WANT TO STYLE, AND VALUE IS THE STYLE ITSELF SUCH AS THE HEIGHT OF ONE LINE IN A PARAGRAPH. <SPAN STYLE= “FONT-STYLE: ITALIC;”> THIS TEXT IS ITALICIZED </SPAN>
- 6. TYPES OF CSS INLINE SYLE SHEET EXTERNAL STYLE SHEET 1 2 3 THERE ARE THREE TYPE OF STYLE SHEET AND THEY ARE ARRANGED, CASCADED, ACCORDING TO SUPERIORITY THEY WILL FOLLOW THE COMMAND OF THE MOST SUPERIOR STYLE SHEET INTERNAL STYLE SHEET
- 7. INLINE STYLE SHEET THE FIRST, MOST SPECIFIC, AND HIGHEST PRIORITY AMONG THE THREE DIFFERENT SHEETS IS THE INLINE STYLE SHEET, WHICH CONTAINS CSS COMMANDS EMBEDDED OR PLACED INSIDE HTML TAGS. ALTHOUGH THIS IS THE MOST SUPERIOR OF THE THREE, THIS IS ALSO THE LEAST FLEXIBLE.
- 8. INTERNAL STYLE SHEET THE SECOND PRIORITY SHEET IS THE INTERNAL STYLE SHEET, WHICH RESEMBLE THE SUMMARY OF CSS COMMANDS LOCATED AT THE UPPER PORTION OF THE HTML DOCUMENTS.
- 9. THE THIRD MOST HIGHLY RECOMENDED TYPE OF CSS SHEET IS THE EXTERNAL STYLE SHEET, WHICH LIST ALL THE CSS COMMANDS IN A SEPARATE DOCUMENT. THIS IS A PLAIN TEXT FILE THAT CAN BE WRITTEN IN ANY TEXT EDITOR AND HAS EXTENSION NAME. EXTERNAL STYLE SHEET
- 10. Let’s Learn About DEPRECATED TAGS AND ATTRIBUTES COMPUTER 9: LESSON 4
- 11. <center > <s> or <strike> <font DEFINES STRIKER THROUGH TEXT IDENTIFIES FONT CHARACTERISTICS DEPRECATED TAGS AND ATTRIBUTES DEPRECATED MEANS THAT, IN A FUTURE VERSION OF XHTML, NONE OF THESE TAGS WILL BE ACCEPTED OR SUPPORTED BY BROWSERS. HERE ARE THE LIST OF SOME DEPRECATED TAGS: <U > CENTERS TEXT UNDERLINES TEXT TSS (SEE TEXT-DECORATION SECTION) TSS (SEE TEXT-DECORATION SECTION) (SEE TEXT-ALIGN SECTION) FSS (SEE FONT FAMILY SECTION) TAG S DESCRIPTI ON REPLACEM ENT
- 12. STYLE SHEET SYNTAX THE CSS SYNTAX IS MADE UP OF THESE PARTS: SELECTOR, PROPERTY, AND VALUE. THE WHOLE STRUCTURE LOOKS IKE THIS: SELECTOR { PROPERTY: VALUE }
- 13. STYLE SHEET SYNTAX THE SELECTOR IS THE HTML TAG YOU WANT TO DEFINE WHILE PROPERTY CORRESPONDS TO AN ATTRIBUTE, WITH EACH PROPERTY OF TAKING ON A VALUE. THE PROPERTY AND VALUE ARE SEPARATED BY COLON AND SURROUNDED BY CURLY BRACKETS ({}). THE STRUCTURE “PROPERTY: VALUE” FORMS A DECLARATION P { FONT-FAMILY: ARIAL }
- 14. STYLE SHEET SYNTAX IF YOU WANT TO SPECIFY ONE PROPERTY, YOU MAY SEPARATE EACH PROPERTY WITH A SEMICOLON: P { FONT-FAMILY : ARIAL ; FONT-STYLE: ITALIC }
- 15. STYLE SHEET SYNTAX TO MAKE THE STYLE DEFINITIONS MORE READABLE, YOU CAN PUT EACH PROPERTY ON REPARATE LINES. ITS IS ALSO ADVISABLE TO ADD A SEMICOLON TO THE LAST ENTRY FOR A TIDIER MARKUP. P { FONT- FAMILY: ARIAL; FONT STYLE: ITALIC; }
- 16. FONT, COLOR AND TEXT PAGOD NA AKO BAKS, MAKINIG NALANG KAYO.
- 17. 01 F O N T TO CHANGE THE TYPEFACE OF CHARACTERS IN YOUR PAGE, YOU CAN APPLY THE FOLLOWING FONT PROPERTIES TO THE DIFFERENT SELECTORS F O N T F A M I L Y 02 THIS IS THE FONT THAT YOUR EXT WILL BE IN. BE CAUTIOUS OF USING FANCY FONTS, AS NOT ALL WEB BROWSERS CAN RED ALL FONT TYPES. ON THE OTHER HAND, THE MOST COMMON FONT TYPE ARE ARIAL AND TIMES NEW ROMAN
- 18. 03 F O N T - S T Y L E THE POSSIBLE VALUES FOR THIS PROPERTY ARE: ITALIC, NORMAL, AND OBLIQUE, WHERE OBLIQUE LOOKS THE SAME WITH ITALIC. F O N T - W E I G H T 04 THIS REFERS TO HOW THICK EACH LETTER WILL BECOME. ITS VALUES ARE: NORMAL, LIGHTER, BOLD AND BOLDER. YOU MAY ALSO USE MULTIPLES OF 100, WHERE 100 IS THE LIGHTEST AND 900 IS THE BOLDEST.
- 19. FONT- SIZE 01 OLD 7 SIZE FONT SYSTEM- HAS THE FOLLOWING VALUES: A.)XX- SMALL B.)X- SMALL C.)SMALL D.)MEDIUM E.) LARGE F.) X-LARGE G.)XX-LARGE 02 LARGER OR SMALLER RELATIVE TO THE 7 OLD SIZE FONT SYSTEM 03 PERSENT RELATIVE TO THE DEFULT FONT SIZE % PERSENTAGE 04 POINT SIZE, THE FONT-SIZIG SYSTEM OF THE BROWERS PT 05 WHERE THE SIZE OF THE FONT IS MULTIPLIED BY THE VALUE OF THE NUMBER EM
- 20. 01 C O L O R THE COLOR PROPERTY REFERS TO THE COLOR OF THE TEXT. IT’S VALUE CAN BE ANY COLOR, AS LONG AS IT CA BE REPRODUCE BY THE COMPUTER. THERE ARE THREE TYPES TO EXPRESS COLOR VALUES BY NAME: THERE ARE 16 COLOR THAT CAN BE ENCODED BY NAME IN CSS. IN ADDIION, TRANSPARENT CAN BE ALSO BE SET AS COLOR. BY RGB VALUE: YOU TYPE IT IN THIS FORMAT: rgb(n,n,n) BY THE RGB-HEX CODE; HEX MEANS HEXADECIMA. IT IS COMPOSED OF 16 DIGITS.
- 21. 01 T E X T TOGETHER WITH FONT PROPERTIES, YOU CAN CONTROL THE APPEARANCE OF THE TEXTUAL CONTENT THROUGH THESE TEXT PROPERTIES: 01.1 T E X T - A L I G N VALUES AVAILABLE ARE: LEFT, RIGHT, CENTER AND JUSTIFY 01.2 T E X T - D E C O R A T I O N VALUES AVAILABLE ARE: OVERLINE, STRIKE- THROUGH,UNDERLINE, AND NONE. 01.3 T E X T - T R A N S F O R M A T I O N VALUES ARE AVAILABLE ARE: CAPITALIZED, UPPER CASE, LOWERCASE, AND NONE.
- 22. IN ADDITION, SELECTORS MAY BE STYLED WITH THE USE OF THE FOLLOWING. 01.4 L E T T E R - S P A C I N G THIS REFERS TO THE SPACE BETWEEN LETTERS, WHOSE VALUE ARE: NORMAL OR _EM 01.5 W O R D - S P A C I N G THIS REFERS TO THE SPACE BETWEEN WORDS 01.6 L I N E - H E I G H T THIS REFERS TO THE SPACE BETWEEN LINES, WHOSE VALUES ARE: _% OR _EM. THIS ADJUST THE HEIGHT OF THE LINE OR LINES. !
- 23. M O S T L A N G U A G E S C O N T A I N S N A U M B E R O F S P E C I A L C H A R A C T E R W I I T H D I A C R I T I C A L M A R K T H A T Y O U M A Y N E E D T O U S E . T H E S E A R E P A R T I C U L A R L Y I M P O R T A N T I F Y O U P L A N T O D I S P L A Y T E X T L A N G U A G E S O T H E R T H A N E N G L I S H . SPECIAL CHARACTERS
- 24. T H E R E A R E A L S O O T H E R C H A R A C T E R S W I T H S P E C I A L M E A N I N G S I N H T M L T H A T C A N N O T B E U S E I N T E X T J U S T A S T H E Y A R E . S U C H C H A R A C T E R S A R E , F O R I N S T A N C E , T H E L E F T A N G L E B R A C K E T A N D T H E R I G H T A N G L E B R A C K E T W H I C H A R E U S E D T O I N D I C A T E T H E B E G I N N I N G A N D E N D O F T A G S . ESCAPE SEQUENCES
- 25. W H E N Y O U A R E W R I T I N G H T M L D O C U M E N T , I T I S V E R Y H E L P F U L T O P O S T R E M I N D E R S T O Y O U R S E L F A B O U T W H A T Y O U A R E D O I N G . Y O U M I G H T N E E D T O R E F E R T O T H E S E C O M M E N T S , S U C H A S W H E N Y O U N E E D T O U P D A T E A P A G E Y O U C R E A T E D L O N G T I M E A G O . COMMENT TAGS
- 26. IDENTIFICATION 1.THE FONT THAT YOUR TEXT WILL BE IN. 2.WHAT IS CSS? 3.REFERS TO THE THICKNESS OF EACH LETTER. 4.HOW MANY COLOR CAN BE ENCODED BY NAME? 5.REFERS TO THE SPACE BETWEEN WORDS. ESSAY. (5 POINTS EACH) WHY DO WE NEED TO LEARN ABOUT FASHOINING TEXT STYLES? GIVE ME AN EXAMPLE OF A COLOR AND EXPLAIN WHY DID YOU CHOSE THAT COLOR.
- 27. John 3:16-17 “For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.” THANK’S FOR LISTENING BAKS’