by Julie C. Meloni | Publisher: Sams | Release Date: November 2015 | ISBN: 9780672337710

Skip the reading and learn by watching!Short, clear videos show you visually how to perform individual tasks in HTML and CSSHTML & CSS Video How-To is a series of short, 2- to 5-minute how-to videos that walk you through a specific task or technique related to creating web pages with HTML and CSS.Adapted from Julie C. Meloni's book Sams Teach Yourself HTML and CSS in 24 Hours, each video is self-contained and focused entirely on one particular task. You can either go through the videos in sequence or you can jump into a particular task, see how something is done, and then jump out again.About the InstructorJulie C. Meloni is a software development manager and technical consultant living in Washington, D.C. She has written several books and articles on web-based programming languages and database topics, including the bestselling Sams Teach Yourself PHP, MySQL and Apache All in One.Skill LevelBeginnerIntermediateJust a couple minutes is all you need to learn how to...Create and View a Basic Web PageCreate a Style Sheet of Your OwnAdd Classes to Your Style SheetOutline an HTML5 DocumentUse New HTML5 Semantic ElementsAdd Attributes to HTMLConstruct Three Types of ListsAdd Special CharactersCreate a Basic RésuméUse CSS to Set Background, Text, and Border ColorsCreate Rounded Corners on ParagraphsLink to an Email AddressStyle Link PseudoclassesBuild a Basic TableChange the Features of a TableCreate a Tiled BackgroundPlace Images on a Web PageExperiment with Image AlignmentCreate Your Own ImagemapAdd Sound with the AUDIO ElementAdd a Video with the HTML5 VIDEO ElementSpecify Margins to Affect Page ElementsUse CSS to Align Elements on a PageSee the Difference Between Margins, Padding, Borders, and ContentShow the Difference Between a Fixed and Liquid LayoutBuild a Fixed/Liquid Hybrid LayoutStyle a List to See the Box ModelChange How the List Indicators LookCreate Vertical Navigation with CSSCreate Horizontal Navigation with CSSDisplay Additional Rollover TextChange the Appearance of a Page After a ClickRotate a 2D ElementMake a 2D Box Shrink with CSS TransitionsMake Links Print FriendlyTest Print Styles Without Wasting PaperCreate a Random Quotes AreaBuild an Image RolloverCreate a Basic Web FormUse the New HTML5 Input ControlsComment Your CodeIndent Code for ClarityList Your Pages with the Major Search SitesWho Should Use These VideosAnyone who wants to learn how to use HTML and CSS to create, edit and maintain web pagesCasual web designers and developers at all levels

1. Learn how to...
   • Use FileZilla QuickConnect FTP 00:02:17
   • Use an Index Page 00:03:08
   • Create and View a Basic Web Page 00:02:26
   • Format Text in HTML 00:02:52
   • Create a Style Sheet of Your Own 00:03:10
   • Add Classes to Your Style Sheet 00:06:21
   • Outline an HTML5 Document 00:04:18
   • Use New HTML5 Semantic Elements 00:04:02
   • Add Attributes to HTML 00:04:06
   • Construct Three Types of Lists 00:03:49
   • Create a Basic Résumé 00:06:09
   • Add Special Characters 00:02:25
   • Use CSS to Set Background, Text, and Border Colors 00:04:11
   • Create Rounded Corners on Paragraphs 00:03:02
   • Link to an Email Address 00:03:02
   • Style Link Pseudoclasses 00:03:28
   • Build a Basic Table 00:03:01
   • Change the Features of a Table 00:03:16
   • Crop in GIMP 00:01:07
   • Create a Tiled Background 00:03:08
   • Place Images on a Web Page 00:02:22
   • Experiment with Image Alignment 00:01:45
   • Create Your Own Imagemap 00:03:26
   • Add Sound with the AUDIO Element 00:02:34
   • Add a Video with the HTML5 VIDEO Element 00:02:19
   • Specify Margins to Affect Page Elements 00:02:44
   • Use CSS to Align Elements on a Page 00:02:48
   • See the Difference Between Margins, Padding, Borders, and Content 00:02:55
   • See the Different Overflow Values 00:02:09
   • Show the Difference Between a Fixed and Liquid Layout 00:03:11
   • Build a Fixed/Liquid Hybrid Layout 00:05:07
   • Style a List to See the Box Model 00:04:30
   • Change How the List Indicators Look 00:03:43
   • Create Vertical Navigation with CSS 00:04:22
   • Create Horizontal Navigation with CSS 00:01:52
   • Display Additional Rollover Text 00:03:05
   • Change the Appearance of a Page After a Click 00:04:14
   • Rotate a 2D Element 00:01:42
   • Make a 2D Box Shrink with CSS Transitions 00:02:01
   • Make Links Print Friendly 00:02:26
   • Test Print Styles Without Wasting Paper 00:02:40
   • Create a Random Quotes Area 00:02:45
   • Build an Image Rollover 00:02:45
   • Create a Basic Web Form 00:02:19
   • Use the New HTML5 Input Controls 00:03:50
   • Comment Your Code 00:03:35
   • Indent Code for Clarity 00:02:19
   • List Your Pages with the Major Search Sites 00:01:51