Web Design Playground (eBook)

SummaryWeb Design Playground takes you step by step from writing your first line of HTML to creating interesting and attractive web pages. In this project-based book, you'll use a custom online workspace, the book's companion Playground, to design websites, product pages, photo galleries, and more.Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.About the TechnologyHow do top designers learn to create beautiful web pages and intuitive user experiences? Great examples, expert mentoring, and lots of practice! Written by web designer and master teacher Paul McFedries, this unique book shapes and sharpens your skills in HTML, CSS, and web page design.About the BookWeb Design Playground takes you step by step from writing your first line of HTML to creating interesting, attractive web pages. In this project-based book, you'll use a custom online workspace to design websites, product pages, photo galleries, and more. Don't worry about setting up your own servers and domain namesthe book comes with a free "e;playground"e; which lets you experiment without any of that! You can concentrate on core skills like adding images and video and laying out the page, plus learning typography, responsive design, and the other tools of the web trade.What's insideGetting started with HTML, CSS, and web designA free, fully interactive web design workspaceWorking with images, color, and fontsFull-color illustrations throughout About the ReaderIf you can use a browser, you're ready to create web pages!About the AuthorPaul McFedries has written nearly 100 books, which have sold over four million copies world-wide.Table of ContentsPART 1 - GETTING STARTED WITH HTML AND CSSGetting to Know HTML and CSSBuilding Your First Web PageAdding Structure to Your PageFormatting Your Web PageProject: Creating a Personal Home PagePART 2 - WORKING WITH IMAGES AND STYLESAdding Images and Other MediaLearning More About StylesFloating and Positioning ElementsStyling Sizes, Borders, and MarginsProject: Creating a Landing PagePART 3 - LAYING OUT A WEB PAGELearning Page Layout BasicsCreating Page Layouts with FlexboxDesigning Responsive Web PagesMaking Your Images and Typography ResponsiveProject: Creating a Photo GalleryPART 4 - MAKING YOUR WEB PAGES SHINEMore HTML Elements for Web DesignersAdding a Splash of Color to Your Web DesignsEnhancing Page Text with TypographyLearning Advanced CSS SelectorsProject: Creating a Portfolio Page