Dreamweaver CC: The Missing Manual. Covers 2014 release. 2nd Edition (e-book)

Dreamweaver CC: The Missing Manual. Covers 2014 release. 2nd Edition (e-book) - Opis

Dreamweaver CC is a powerful tool for designing all kinds of websites, from those with simple, static pages to interactive, media-driven sites for desktop, laptop, and mobile devices. But the program still doesn...t include a printed guide to its amazing capabilities. That...s where this Missing Manual comes in. With hands-on tutorials and coverage of every feature, you...ll learn to build, deploy, and manage sites whether you...re an experienced designer or just getting started.The important stuff you need to know:Dive into page design. Quickly learn the basics of working with text, images, links, and tables.Edit pages in Live view. Dynamically add elements to live pages and immediately see the results.Design once, and for all. Build fluid-grid sites that adapt themselves to desktop, tablet, and mobile devices.Troubleshoot your HTML. Use the new Element Quick View to reveal the hierarchy of page elements.Style with ease. Tap Dreamweaver...s enhanced CSS Designer to copy and paste styles.Enhance Dreamweaver. Get new program features with add-ons that integrate directly with Dreamweaver.Bring your pages to life. Use jQuery UI to add interactive page elements like tabbed content panels.Create universal pages. Avoid browser incompatibility with workarounds. Spis treści: Dreamweaver CC: The Missing ManualA Note Regarding Supplemental FilesThe Missing CreditsAbout the AuthorsAbout the Creative TeamAcknowledgementsThe Missing Manual SeriesPrefaceWhat Dreamweaver Is All AboutWhy Dreamweaver?Whats New in Dreamweaver CC 2014Life in the CloudWhats Gone in Dreamweaver CC 2014HTML (...) więcej BasicsDocument TypesOf Tags and PropertiesXHTML in DreamweaverHTML5, the New Markup StandardAdd Style with Cascading Style SheetsAdd Interactivity with JavaScriptMobile Web DesignHow This Book Is OrganizedAbout This BookWindows and Macintosh CommandsThe Very Basics of Reading This BookAboutTheseArrowsOnline ResourcesThe Missing CDRegistering Your BookReporting ErrataUsing Code ExamplesSafari Books OnlineI. Building a Web Page1. Dreamweaver CC Guided TourSetting Up Creative CloudDownloading Dreamweaver CCGetting Around the Dreamweaver WindowChoosing a Dreamweaver WorkspaceThe Document WindowThe Insert PanelThe Files PanelThe Properties PanelThe Application BarOrganizing Your WorkspaceFloating PanelsIconic panesWorkspace layoutsSetting Up a SiteCreating a Web PageManaging Files and Folders with the Files PanelAdding FilesAdding FoldersMoving Files and FoldersRenaming Files and FoldersDeleting Files and FoldersTutorial: The Dreamweaver Test DrivePhase 1: Getting Dreamweaver in ShapePhase 2: Creating a WebsitePhase 3: Creating and Saving a Web PagePhase 4: Adding Images and TextPhase 5: Preview Your WorkPhase 6: Finishing the Page2. Working with TextAdding Text to Pages in Design ViewSimple Copy and PastePaste SpecialChanging the Paste Commands Standard BehaviorPasting Text from Microsoft Word: The Basic MethodPasting Text with Word FormattingPasting Excel Spreadsheet InformationImporting Word and Excel Documents from WindowsAdding Special Characters to PagesLine BreaksNonbreaking SpacesMultiple SpacesAdding a Date to Your PageSelecting TextApplying HTML Tags to TextStructuring Paragraphs with HTMLParagraphsHeadlinesPreformatted TextIndented ParagraphsFormatting ListsBulleted and Numbered ListsCreating a bulleted or numbered listFormatting existing text as a listReformatting Bulleted and Numbered ListsAdding new items to a listFormatting bullets and numbersNested listsDefinition ListsRemoving and Deleting List ItemsRemoving list formattingDeleting list itemsUsing HTML Text StylesEditing in Live ViewAdding Text in Live ViewMoving and Removing Text in Live viewEditing Pages with Element Quick ViewChecking SpellingAbout DictionariesPerforming a Spell Check3. Introducing Cascading Style SheetsCascading Style Sheet BasicsWhy Use CSS?Internal vs. External Style SheetsTypes of StylesCreating StylesCreating New Styles with CSS DesignerChoose a Style SourceChoose a SelectorTag hintsSet Properties for the SelectorCreating Styles Using the Properties PanelCreating styles for non-text elementsApplying StylesApplying a Class Style to TextApplying a class style in Live viewApplying a class style to objectsOther class styling optionsApplying Multiple ClassesRemoving a Class StyleApplying IDs to a TagLinking to an External Style SheetWorking with StylesEditing StylesDeleting a StyleRenaming a Class StyleDuplicating a StyleFormatting Text with CSSChoosing a FontSpecifying fontsUsing Adobe Edge Web FontsManaging Adobe Edge web fontsCreating a custom font stackUsing Adobe Edge web fontsChanging the Font SizePicking a Font ColorAdding Bold and Italic FormattingAligning TextText Properties in CSS DesignerList PropertiesTutorial: Creating Cascading Style SheetsSetting Up a SiteAdding Web FontsCreating an External Style SheetEditing a StyleAdding Another StyleCreating a Class StyleAttaching an External Style Sheet4. LinksUnderstanding LinksAbsolute LinksDocument-Relative LinksRoot-Relative LinksLink Types in ActionLinking from the home page to the Contact Us page (contact.html)Linking from the Horoscopes page to the Pisces pageLinking from the Scorpio page to the Horoscopes pageAdding Links to a PageBrowsing for a FileUsing the Point to File ToolTyping or Pasting a Web AddressUsing the Hyperlink ObjectAdding Email LinksLinking Within a Web PageAdding an ID to a Target PageLinking to an IDModifying LinksChanging a Links DestinationRemoving a LinkStyling LinksCSS and LinksCreating a Navigation MenuGetting a CSS Menu System from Adobe Add-OnsAdding a Menu with SubmenusAdding, Editing, and Removing Menu LinksChanging the Look of the Navigation MenuFormatting Top Menu itemsSize & PositionColorsImagesTextFormatting rollover menu buttonsFormatting submenu buttonsTutorial: Adding Links to PagesLinking to Other Pages and WebsitesFormatting LinksAdding an Email LinkAdding a Navigation BarStyling the Menu BarAdding the CSS Menu to Other Pages5. Working with ImagesAdding ImagesAdding a Placeholder ImageInserting Images from PhotoshopAdding Photoshop ImagesJPEG optimization optionsGIF and PNG8 optimization optionsPNG optimization optionsModifying an ImageAdding an ID to an ImageAdding a Text Description to an ImageChanging an Images SizeControlling Images with CSSWrapping Text Around an ImageAdding BordersBackground ImagesBackground-imageBackground-repeatBackground-attachmentPositioning a background imageEditing ImagesDreamweavers Built-In Editing ToolsCropping an imageResampling an imageBrightness and contrastSharpening imagesSetting Up an External EditorEditing Smart ObjectsSmart Object warningsOptimizing an ImageUsing Image MapsEditing a Hotspots PropertiesCreating Rollover ImagesTutorial: Inserting and Formatting GraphicsSetting UpAdding an ImageInserting a Photoshop FileUsing Background Images and Custom Bullets for Lists6. Working with TablesTable BasicsInserting a TableEditing a TableSelecting a TableSelecting Rows or ColumnsSelecting CellsExpanded Tables ModeModifying Table PropertiesAligning TablesClearing Width and Height ValuesResizing a TableModifying Cell and Row PropertiesAlignment PropertiesHeaderA Property to ForgetCell BackgroundsCell BordersSetting Cell DimensionsTips for Surviving Table-MakingThe contents take prioritySetting column widthsDo the mathAdding and Removing CellsAdding One Row or ColumnAdding Multiple Rows or ColumnsDeleting Rows and ColumnsMerging and Splitting CellsWorking with Tabular DataImporting Data into a TableSorting Data in a TableExporting Table DataTutorial: Creating TablesAdding a TableImporting Tabular DataFormatting the TableFinal Improvements7. Working with HTMLControlling How Dreamweaver Handles HTMLAuto-Fixing Your CodeServer-Side Web PagesSpecial Characters and EncodingViewing HTML Markup in Code ViewThe Coding ToolbarCode HintsJavaScript code hintsjQuery code hintsPHP code hintsCode CollapseSetting Code FormatsIndentsLine breaksCharacter case for tags and attributesThe tagAdvanced Formatting optionsRelated FilesFinding nested PHP filesDesigning Pages in Live ViewInserting HTML Structural Elements in Live ViewEditing Pages in Live ViewChanging Tag Attributes, Classes, and IDs in Live ViewExamining Page ElementsTroubleshooting Interactive PagesAdding Tags with the Quick Tag EditorUsing the Quick Tag EditorComparing Versions of a Web PageDownloading and Setting Up Diff ToolsComparing Files from the Files PanelComparing Files with WinMergeComparing Files with TextWranglerFinding References on Site-BuildingTutorial: Building Pages in Live ViewEditing Pages in Live ViewInserting Images in Live ViewApplying CSS to Your Web PageApplying Classes to Page Elements in Live View8. Finding and Replacing Text, Tags, and CodeFind and Replace BasicsSearching Text and HTML MarkupPhase 1: Set the Scope of Your SearchPhase 2: Specify What to Search ForPhase 3: Provide Replacement TextPhase 4: Choose the Search SettingsPhase 5: Take ActionCreating Advanced Text SearchesLimiting a Search by TagLimiting a Search by AttributeCreating Advanced Tag SearchesTutorial: Adding Alt Text FastII. Building a Better Web Page9. Learning Advanced CSS TechniquesFine-Tuning Page Design with Advanced SelectorsDescendent SelectorsDescendent selectors with class and ID stylesStyling Groups of ElementsEditing Styles with the Properties PaneMoving and Managing StylesResolving CSS ConflictsInheritanceThe CascadeCSS Sleuthing with Computed PropertiesCSS Sleuthing with Inspect ViewAnalyzing the CascadeUsing the Code Navigator to Identify StylesStyling Pages for PrintPreviewing Media Styles in DreamweaverTips for Printer Style SheetsAnimating Style TransitionsUnderstanding the CSS Transitions PanelDeleting a TransitionUsing CSS3Code-HintingCommon CSS3 PropertiesTutorial: Using Advanced StylesCreating a Descendent SelectorAdding a CSS TransitionAdding CSS3 PropertiesAdding One Last Transition10. Choosing a Page LayoutTypes of Web Page LayoutsFloat Layout BasicsThe Mighty
TagThe InsertDiv CommandA Simple ExampleUnderstanding the Box ModelDreamweavers HTML TemplatesThe Structure of Dreamweavers HTML LayoutsModifying Dreamweavers HTML LayoutsEditing HTML LayoutsModifying Fixed LayoutsCreating and Modifying Liquid LayoutsOther Styles to ChangeUsing Absolute PositioningThe CSS Positioning PropertiesPositioning typeWidth and heightVisibilityZ-IndexOverflowPositionClipAdding an AP Element to Your PageModifying AP ElementsResizing Absolutely Positioned ElementsMoving AP ElementsPlacing AP ElementsAligning AP ElementsBackground Image and ColorTutorial: Building a CSS-Based LayoutAdding CSS3 PropertiesCreating a Fixed-Width DesignAdding Styles and Using Absolute Positioning11. Troubleshooting CSSAnalyzing CSS with DreamweaverUsing the Computed View to Identify StylesEditing CSS PropertiesAnalyzing CSS in JavaScript and Server-Side PagesFollowing links in server-side pagesOvercoming Common CSS ProblemsClearing and Containing FloatsAvoiding Float DropsIII. Building Websites for Mobile Devices12. Designing Websites for Mobile DevicesPreviewing Pages at Different ResolutionsPreviewing Different Screen Sizes in DreamweaverPreviewing Your Layout with Edge InspectThird-Party Help for Window Size DilemmasMedia QueriesTwo Approaches to Media QueriesCreating Media Queries with CSS DesignerMedia queries for desktop and tablet browsersUsing a Site-Wide Media Queries FileUsing @media to Add Queries to Internal Style SheetsUsing Media Queries and Global CSS StylesStrategies for Using Media QueriesOrganizing Your Style Sheets for Media QueriesAdding Styles to Media Query Style Sheets13. Building Fluid Grid WebsitesUnderstanding Fluid Grid LayoutsGetting Started with Fluid Grid LayoutsBuilding Fluid Grid Layout PagesLaying Out Fluid Grid PagesStyling Fluid Grid Layout PagesUsing Responsive Starter TemplatesTutorial: Building a Fluid Grid LayoutAdding New Elements to a Fluid Grid LayoutAdding Text to Fluid Grid Layout PagesLaying Out Tablet and Desktop ViewsAdding Images to Fluid Grid LayoutsNesting HTML ElementsStyling Your Fluid Grid Web PageAdjusting the Layout for Different Views14. Creating Pages for jQuery Mobile SitesjQuery MobileCreating Mobile PagesTouring a Mobile PageAdding Content to a jQuery Mobile PageAdding listsAdding a layout gridAdding a collapsible blockAdding buttonsAdding new pagesFormatting a jQuery Mobile PageLaunching Your jQuery Mobile SiteIV. Bringing Your Pages to Life15. Building Interactive PagesThe Roles of JavaScript, jQuery, and jQuery UIAdding Collapsible ContentAdding Content to an AccordionChanging an Accordions PropertiesChanging the Look of an AccordionChoosing a themeDownload jQuery UI themesSwapping themesCustom-Formatting Widgets with CSS DesignerMore formatting inside jQuery UI widgetsAdding Tabbed ContentSetting Properties for TabsAdding a Date PickerAdding Pop-Up MessagesjQuery UI Widgets for ProgrammersProgressbarAutocompleteSliderjQuery Buttons and More ButtonsWorking with Dreamweaver BehaviorsBehavior BasicsApplying BehaviorsThe Behaviors PanelApplying Behaviors, Step by StepEditing BehaviorsA Quick ExampleSpecifying BehaviorsA Sampler of Behaviors, One by OneEffectsFadeBlindHighlightShakeSlideOpen Browser WindowImage ActionsPreload ImagesSwap ImageSwap Image RestorePopup Message16. Adding Forms to PagesForm BasicsProcessing Form InformationCreating a FormAdding Form ElementsSetting Form Element PropertiesThe Datalist Form ElementThe Text Form ElementThe Label Form ElementThe Password Form ElementThe Text Area Form ElementThe Email, Number, Date, and Other Special Form ElementsThe Checkboxes and Checkbox Group Form ElementsCheckbox groupsThe Radio Buttons and Radio Group Form ElementsRadio GroupThe Select Menus and List Form ElementsThe File Form ElementThe Hidden Form ElementThe Button ElementThe Reset buttonThe Button buttonThe Fieldset Form ElementTutorial: Adding Forms to PagesInsert a FormAdd a Text and Email Form ElementAdding (and Removing) a Number Form ElementAdding a Select Menu Form ElementAdding Date and Time Form ElementsAdding Radio Button Form ElementsAdding Text Area and Submit Button Form ElementsStyling Labels17. Adding Sound, Video, and AnimationAdding Sound to a PageProducing Audio Files in Browser-Friendly FormatsAdding Audio to Web PagesUsing HTML5 VideoConverting Video Files to Browser-Friendly FormatsAdding Video to Your PageEmbedding YouTube VideosAdding Adobe Edge Animate AnimationsFlash: An IntroductionInserting a Flash AnimationChange Animation PropertiesPlay Your AnimationRename Your AnimationReplace Your AnimationSet the Src propertyChange your animations sizeSet Playback OptionsLeave Margins UnspecifiedSelect a Quality SettingAdjust Your Animations ScaleAlign Your AnimationBackground ColorWmodeAutomating the Flash DownloadAdding Flash VideosTutorial: Embedding Sound, Video, and Animation in PagesAdding a Sound Clip to a PageAdding Video to a PageAdding Adobe Edge Animate Compositions to a PageV. Managing a Website18. Introducing Site ManagementStructuring a WebsiteSetting Up a SiteSite NameLocal Site FolderDefault Images FolderLinks Relative ToWeb URLCase-Sensitive LinksCacheManaging Dreamweaver SitesEditing or Removing SitesExporting and Importing SitesViewing Files in the Files PanelModifying the Files Panel ViewEditing Page Elements from the Assets PanelViewing the Assets PanelInserting AssetsAdding color and link assetsFavorite AssetsIdentifying favoritesUsing favoritesRemoving favoritesOrganizing favorite assets19. Testing Your SiteSite Launch ChecklistTesting Web Pages with BrowserStackPreviewing Pages with BrowserStackChanging Settings in BrowserStackFinding and Fixing Broken LinksFinding Broken LinksChecking an open pageChecking specific pagesChecking an entire websiteFixing Broken LinksListing External LinksOrphaned FilesChanging a Link Site-WideValidating Web PagesSteps for Validating Web PagesCleaning Up HTML (and XHTML)Fixing Page Problems with Site Reports20. Moving Your Site to the InternetAdding a Remote ServerSetting Up a Remote Server with FTP or SFTPMore Remote Server Options for FTPSetting Up a Remote Server Using FTP over SSL/TLSSetting Up a Remote Server over a Local NetworkSetting Up a Remote Server with WebDAVSetting Up a Remote Server with RDSAdvanced Remote Server SettingsTransferring FilesMoving Files to Your Web ServerOther ways to move files to your serverGetting Files from Your Web ServerCloaking FilesCheck In and Check OutChecking Out FilesChecking In FilesSynchronizing Site FilesCommunicating with Design NotesSetting Up Design NotesViewing Design NotesOrganizing the Columns in the Files PanelCreating Custom ColumnsPhase 1: Defining new columnsPhase 2: Adding the column to the Files panelVI. Dreamweaver Power21. Creating Reusable Page ElementsSnippets BasicsUsing SnippetsCreating SnippetsOrganizing SnippetsUsing Built-In SnippetsLibrary BasicsCreating and Using Library ItemsAdding Library Items to a PageEditing Library ItemsRenaming Library ItemsDeleting Library ItemsTutorial: Using Snippets and Library ItemsCreating a SnippetCreating a Library Item22. TemplatesTemplate BasicsCreating a TemplateTurning a Web Page into a TemplateBuilding a Template from ScratchDefining Editable RegionsBuilding Pages Based on a TemplateApplying Templates to Existing PagesUpdating a TemplateUnlinking a Page from a TemplateUsing Repeating RegionsAdding a Repeating RegionAdding a Repeating TableWorking with Repeating RegionsUsing Editable Tag AttributesMaking an Attribute EditableChanging Properties of Editable Tag AttributesUsing Optional RegionsAdding an Optional RegionLocking Optional RegionsRepeating Optional RegionsOptional Editable RegionsAdvanced Optional RegionsEditing and Removing Optional RegionsHiding and Showing Optional RegionsExporting a Template-Based SiteTutorial: Building TemplatesCreating a TemplateCreating a Page Based on a TemplateCreating and Using Optional RegionsUpdating a Template23. Customizing DreamweaverKeyboard ShortcutsDreamweavers Stock ShortcutsMake Your Own Set of ShortcutsChanging Keyboard ShortcutsCreate a Shortcut Cheat SheetDreamweaver Add-OnsBrowsing for and Installing Add-OnsBuilding and Selling Your Own Add-OnsDownloading and Installing ExtensionsExtension SourcesThe Extension Manager24. Working with Server-Side ProgrammingDynamic Website BasicsSetting Up a Dynamic WebsiteSetting Up a Testing ServerWindowsMacsLocalhost and the Local Site Root FolderSetting Up a Dynamic Site in DreamweaverCreating a Dynamic PageUsing Server-Side IncludesCreating a Server-Side IncludeAdding a Server-Side Include to a Web PageWorking with Related PHP FilesPHP Code HintsVII. AppendixesA. Getting HelpGetting Online HelpDreamweaver Online HelpDreamweaver Support CenterAdobe TVGetting Help from Other Dreamweaver FansB. Dreamweaver CC 2014, Menu by MenuFile MenuEdit MenuView MenuInsert MenuModify MenuFormat MenuCommands MenuSite MenuWindow MenuHelp MenuC. Dreamweaver CCD. Answers found here!IndexAbout the AuthorsCopyright
mniej