book

Adobe Dreamweaver Classroom in a Book (2020 release)

Name: Adobe Dreamweaver Classroom in a Book (2020 release)
Author: Jim Maivald
ISBN: 9780136412243

by Jim Maivald

March 2020

Intermediate to advanced

550 pages

13h 13m

English

Adobe Press

Read now

Unlock full access

Cover
Title Page
Copyright Page
Where are the Lesson Files?
Contents
Getting Started
About Classroom in a BookTinyURLsPrerequisitesConventions used in this bookBolded textCode fontStrikethroughMissing punctuationElement referencesWindows vs. macOS instructionsInstalling the programUpdating Dreamweaver to the latest versionOnline contentLesson filesWeb EditionAccessing the lesson files and Web EditionRecommended lesson orderBonus materialOn first launchChoosing the program color themeSetting up the workspaceDefining a Dreamweaver siteChecking for updatesAdditional resourcesAdobe Authorized Training Centers
1. Customizing your Workspace
Touring the workspaceUsing the Start ScreenQuick StartStarter TemplatesCreate New and OpenExploring the New Feature guidesSetting interface preferencesSwitching and splitting viewsCode viewDesign viewLive viewSplit viewLive Code modeInspect modeSelecting a workspace layoutStandard workspaceDeveloper workspaceWorking with panelsMinimizing panelsClosing panels and panel groupsDraggingFloatingGrouping, stacking, and dockingPersonalizing DreamweaverSaving a custom workspaceWorking with toolbarsDocument toolbarStandard toolbarCommon toolbarCreating custom keyboard shortcutsUsing the Property inspectorUsing the HTML tabUsing the CSS tabAccessing image propertiesAccessing table propertiesUsing the Related Files interfaceUsing tag selectorsUsing the CSS DesignerSources@MediaSelectorsPropertiesAll and Current modesUsing the Visual Media Query (VMQ) interfaceUsing the DOM ViewerUsing element dialogs, displays, and inspectorsPosition Assist dialogElement DisplayImage DisplayText DisplaySetting up version control in DreamweaverExploring, experimenting, and learningReview questionsReview answers
2. HTML Basics
What is HTML?Where did HTML begin?Basic HTML code structureFrequently used HTML elementsHTML tagsHTML character entitiesWhat’s new in HTML5HTML5 tagsSemantic web designNew techniques and technologyReview questionsReview answers
3. Working with Code
Creating HTML codeWriting code manuallyWriting code automaticallyWorking with multicursor supportCommenting your codeWorking with CSS preprocessorsEnabling a preprocessorCreating the CSS source fileCompiling CSS codeNesting CSS selectorsImporting other style sheetsLearn more about preprocessorsLinting supportSelecting codeUsing line numbersUsing tag selectorsUsing parent tagsCollapsing codeExpanding codeAccessing Split Code viewPreviewing assets in Code viewReview questionsReview answers
4. CSS Basics
What is CSS?HTML vs. CSS formattingHTML defaultsHTML5 defaults?Browser anticsCSS box modelApplying CSS stylingCascade theoryInheritance theoryDescendant theorySpecificity theoryCode NavigatorCSS DesignerMultiples, classes, and ids, oh my!Applying formatting to multiple elementsUsing CSS shorthandCreating class attributesCreating id attributesCSS3 features and effectsCSS3 overview and supportReview questionsReview answers

5. Web Design Basics
Developing a new websiteWhat is the purpose of the website?Who is the audience?How do they get here?ScenarioWorking with thumbnails and wireframesCreating thumbnailsCreating a page designCreating wireframesDesigning for mobile devicesThe third wayReview questionsReview answers
6. Creating a Page Layout
Evaluating page design optionsWorking with predefined layoutsStyling a predefined layoutStyling elements using the Extract panelTroubleshooting CSS conflictsExtracting text from a Photoshop mockupDeleting components and attributes from a templateInserting new menu itemsCreating new elements with the DOM panelCreating menu items with copy and pasteExtracting text stylingCreating a gradient background using ExtractExtracting image assets from a mockupCreating new Bootstrap structuresAdding a background image to the headerFinishing up the layoutReview questionsReview answers
7. Working with Templates
Creating Dreamweaver templatesRemoving unneeded componentsModifying a Bootstrap layoutModifying text formatting in a Bootstrap elementAdding template boilerplate and placeholdersFixing semantic errorsInserting metadataValidating HTML codeWorking with editable regionsImage carouselCard-based sectionList-based sectionInserting a new Bootstrap elementInserting an editable regionInserting an optional editable regionWorking with child pagesCreating a new pageAdding content to child pagesAdding metadata to a child pageUpdating a templateRemoving an optional region from a child pageRemoving unused sections from a child pageReview questionsReview answers
8. Working with Text, Lists, and Tables
Previewing the completed fileCreating and styling textImporting textDuplicating Bootstrap rowsDeleting unused Bootstrap componentsCreating listsBasing content structures on listsPasting multiple elements in Live viewCreating new list-based itemsCreating and styling tablesCreating tables from scratchCopying and pasting tablesStyling tables with CSSStyling table cellsAdding header rows to tablesControlling table displayInserting tables from other sourcesCreating semantic text structuresAdding and formatting caption elementsSpell-checking webpagesFinding and replacing textReview questionsReview answers
9. Working with Images
Web image basicsVector graphicsRaster graphicsRaster image file formatsPreviewing the completed filesInserting an imageInserting images in Design viewOptimizing images with the Property inspectorInserting non-web file typesWorking with Photoshop Smart Objects (optional)Copying and pasting images from Photoshop (optional)Inserting images using the Asset panelAdapting images to mobile designUsing the Insert menuWorking with the Insert panelInserting images in the site templateAdding CSS classes to template structuresAdding images to a Bootstrap carouselStyling headings and text in a Bootstrap carouselSelf-paced exercise: Inserting images in child pagesReview questionsReview answers
10. Working with Navigation
Hyperlink basicsInternal and external hyperlinksRelative vs. absolute hyperlinksPreviewing the completed filesCreating internal hyperlinksCreating relative linksCreating a home linkUpdating links in child pagesCreating an external linkCreating an absolute link in Live viewSetting up email linksCreating an image-based linkCreating image-based links using the Element DisplayCreating text links using the Text DisplayTargeting page elementsCreating internal targeted linksCreating a destination link in the Element DisplayTargeting id-based link destinationsLocking an element on the screenStyling a navigation menuAdding a telephone linkChecking your pageSelf-paced exercise: Adding additional linksReview questionsReview answers
11. Publishing to the Web
Defining a remote siteSetting up a remote FTP site (optional)Cloaking folders and filesWrapping things upCreating a home pageCompleting the home pagePutting your site online (optional)Synchronizing local and remote sitesReview questionsReview answers
Appendix: TinyURLs
Index
Production Notes
12. Working with Mobile Design
Responsive designMobile-first designTesting responsiveness in DreamweaverMedia type propertiesMedia queriesMedia query syntaxWorking with the Visual Media Query interfaceIntroducing web frameworksSetting up web-hosted fontsSetting the base fontBuilding font stacks with web-hosted fontsSpecifying font sizeCreating custom media queriesAdding rules to a media queryControlling text styling with media queriesChanging component visibility with media queriesControlling Bootstrap element alignmentRevising Bootstrap template structureAdapting content to mobile designChecking pages for design conflictsMaking tables responsivePreviewing pages using Real-Time PreviewFixing issues for mobile design and desktopReview questionsReview answers
13. Working with Web Animation and Video Bonus
Understanding web animation and videoPreviewing the completed fileAdding web animation to a pageMaking the animation responsiveApplying image dimensionsAdding a video posterSetting HTML5 video optionsMaking the video responsiveDon’t host your own videosReview questionsReview answers

Content preview from Adobe Dreamweaver Classroom in a Book (2020 release)

7 WORKING WITH TEMPLATES

Lesson overview

In this lesson, you’ll learn how to work faster, make updating easier, and be more productive. You’ll learn how to do the following:

Create a Dreamweaver template.
Insert editable regions.
Produce child pages.
Update templates and child pages.

This lesson will take about 2 hours to complete. To get the lesson files used in this lesson, download them from the webpage for this book at www.adobepress.com/DreamweaverCIB2020. For more information, see “Accessing the lesson files and Web Edition” in the Getting Started section at the beginning of this book.

Dreamweaver’s productivity tools and site-management ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Adobe XD Classroom in a Book (2020 release)

Publisher Resources

ISBN: 9780136412243

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Adobe Dreamweaver Classroom in a Book (2020 release)

by Jim Maivald

7 WORKING WITH TEMPLATES

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.