Adobe Dreamweaver CC 2015 Manual do Utilizador Página 156
- Página / 700
- Índice
- RESOLUÇÃO DE PROBLEMAS
- MARCADORES
Avaliado. / 5. Com base em avaliações de clientes
149
Layout and design
Last updated 6/3/2015
Apply the Set Nav Bar Image behavior
Apply the Jump Menu behavior
Laying out pages with CSS
About CSS page layout
A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize
the content on a web page. The basic building block of the CSS layout is the div tag—an HTML tag that in most cases
acts as a container for text, images, and other page elements. When you create a CSS layout, you place div tags on the
page, add content to them, and position them in various places. Unlike table cells, which are restricted to existing
somewhere within the rows and columns of a table, div tags can appear anywhere on a web page. You can position div
tags absolutely (by specifying x and y coordinates), or relatively (by specifying its location with respect to its current
location). You can also position div tags by specifying floats, paddings, and margins—the preferred method by today’s
web standards.
Creating CSS layouts from scratch can be difficult because there are so many ways to do it. You can create a simple two-
column CSS layout by setting floats, margins, paddings, and other CSS properties in a nearly infinite number of
combinations. Additionally, the problem of cross-browser rendering causes certain CSS layouts to display properly in
some browsers, and display improperly in others. Dreamweaver makes it easy for you to build pages with CSS layouts
by providing 16 pre-designed layouts that work across different browsers.
Using the pre-designed CSS layouts that come with Dreamweaver is the easiest way to create a page with a CSS layout,
but you can also create CSS layouts using Dreamweaver absolutely-positioned elements (AP elements). An AP element
in Dreamweaver is an HTML page element—specifically, a div tag, or any other tag—that has an absolute position
assigned to it. The limitation of Dreamweaver AP elements, however, is that since they are absolutely positioned, their
positions never adjust on the page according to the size of the browser window.
If you are an advanced user, you can also insert div tags manually and apply CSS positioning styles to them to create
page layouts.
About CSS page layout structure
Before proceeding with this section, you should be familiar with basic CSS concepts.
The basic building block of the CSS layout is the div tag—an HTML tag that in most cases acts as a container for text,
images, and other page elements. The following example shows an HTML page that contains three separate div tags:
one large “container” tag, and two other tags—a sidebar tag, and a main content tag—within the container tag.
- Dreamweaver 1
- CC Help 1
- Legal notices 2
- Contents 3
- Chapter 1: What's new 8
- Device preview 9
- Visual Media Queries 9
- Support for linting code 10
- Support for Emmet 10
- Preview in Code view 11
- New code snippets 11
- Bootstrap integration 12
- New menus in Live view 13
- DOM panel 14
- Technology Previews 15
- Code folding 16
- Extract enhancements 16
- Support for % units 17
- Coding toolbar changes 18
- CSS Designer improvements 18
- Code hints 19
- Other changes 20
- Changes in server setup 20
- Dreamweaver workflow overview 22
- Workspace layout overview 23
- Workspace elements overview 23
- Document window overview 24
- Document toolbar overview 25
- Standard toolbar overview 25
- Coding toolbar overview 26
- Status bar overview 27
- Property inspector overview 27
- Insert panel overview 28
- Files panel overview 28
- CSS Designer 30
- Visual guides overview 32
- Manage windows and panels 33
- Move panels 34
- Add and remove panels 35
- Manipulate panel groups 35
- Stack floating panels 35
- Resize panels 35
- Save and switch workspaces 36
- Save a custom workspace 37
- Display or switch workspaces 37
- Delete a custom workspace 37
- Restore the default workspace 37
- Turn on color icons 38
- Restore default preferences 41
- Switch to Code view 42
- Switch to Split Code view 42
- Switch to Design view 42
- Resize the Document window 43
- Reports in Dreamweaver 44
- Display toolbars 45
- Use the Property inspector 45
- Use context menus 46
- Use the Insert panel 47
- Insert an object 48
- Workspace and workflow 62
- Create a keyboard shortcut 66
- Add a shortcut to a command 66
- Edit an existing shortcut 67
- Input Name options 69
- CEF integration 70
- Enhanced user experience 71
- Pop-up support 72
- Fluid Grid pages 72
- Error strings 72
- Architectural changes 73
- Chapter 3: Site management 75
- About dynamic sites 76
- Connect to a remote server 77
- Specify a connection method 78
- SFTP connections 79
- Scenario 3 81
- FTPS connections 82
- Local or network connections 83
- WebDAV connections 84
- Set Advanced server options 85
- ❖ In the Files panel: 86
- Set up a testing server 88
- Version Control category 91
- Advanced Settings category 91
- Cloaking and other categories 92
- Export your site settings 93
- Import site settings 93
- Chapter 4: File management 96
- Create a blank template 98
- Last updated 6/3/2015 100
- Create other kinds of pages 101
- Save and revert documents 101
- Save all open documents 102
- Open Related Files 104
- Disable related files 105
- Filter Related Files 106
- Managing files and folders 108
- View files and folders 110
- Open a file 111
- Create a file or folder 111
- Delete a file or folder 111
- Rename a file or folder 111
- Move a file or folder 112
- Refresh the Files panel 112
- File management 114
- Put files on a remote server 118
- Manage file transfers 119
- More Help topics 120
- Undo a file check-out 122
- Set up an SVN connection 124
- Commit files 125
- View revisions for a file 126
- Lock and unlock files 126
- Resolve conflicting files 127
- Go offline 127
- Clean up a local SVN site 127
- Synchronizing files 128
- Synchronize your files 129
- Compare two local files 131
- Compare two remote files 131
- Compare before putting files 132
- About site cloaking 132
- Uncloak all files and folders 134
- About Design Notes 135
- Work with Design Notes 136
- Site testing guidelines 138
- Use reports to test your site 139
- Use and save a report 140
- Chapter 5: Layout and design 141
- Using guides with templates 142
- Use the layout grid 143
- Use a tracing image 143
- Using Frames 144
- Nested framesets 146
- Create frames and framesets 148
- Select frames and framesets 149
- 1 Select Window > Frames 150
- 2 In the Frames panel: 150
- Open a document in a frame 151
- Save frame and frameset files 151
- View or set frame properties 152
- Laying out pages with CSS 156
- Working with Bootstrap files 162
- Open Bootstrap files 165
- A Row B Column 166
- Add Bootstrap components 167
- Add rows 167
- Add columns 167
- Visual Media Queries 168
- Visual Media Query bars 169
- Switch between breakpoints 169
- Edit media queries visually 170
- Add new media queries 170
- Delete media queries 171
- Using fluid grid layouts 171
- Create a fluid grid layout 172
- Edit fluid grid documents 172
- Insert fluid grid elements 172
- Nesting elements 173
- About tables 174
- • Select Insert > Table 175
- Import table data 176
- Export a table 176
- Select table elements 177
- Select a single cell 178
- Select nonadjacent cells 178
- Set table properties 179
- Format tables and cells 181
- Resize a table 182
- Clear a column’s set width 184
- Add a single row or column 184
- Add multiple rows or columns 184
- Split and merge cells 185
- Copy, paste, and delete cells 186
- Paste table cells 187
- Nest tables 188
- Sort tables 188
- Insert a jQuery widget 189
- Modifying jQuery widgets 189
- Add jQuery effects 189
- Event-based jQuery effects 190
- Remove jQuery effects 190
- Web-safe colors 191
- Use the color picker 191
- Chapter 6: CSS 193
- About cascading styles 195
- About text formatting and CSS 196
- CSS Designer panel 197
- Define media queries 199
- Define CSS Selectors 200
- Set CSS properties 201
- Set border properties 202
- Disable or delete properties 205
- Keyboard shortcuts 205
- Set CSS Styles preferences 207
- Create a CSS rule 207
- Edit a CSS rule 214
- Add a property to a CSS rule 215
- Move/export CSS rules 216
- Edit a CSS style sheet 219
- Format CSS code 219
- Disable/Enable CSS 220
- Inspect CSS in Live view 221
- Edit the Ignored Issues list 223
- Use Design-Time style sheets 224
- Working with div tags 224
- Insert and edit div tags 225
- CSS layout blocks 226
- Visualizing CSS layout blocks 227
- View CSS layout blocks 227
- Working with AP elements 228
- HTML code for AP Div elements 229
- Insert an AP Div 229
- Show AP Div borders 230
- Hide AP Div borders 230
- Work with nested AP Divs 230
- Draw a nested AP Div 231
- Insert a nested AP Div 231
- Select multiple AP elements 233
- AP Elements panel overview 234
- Select AP elements 234
- ❖ Do one of the following: 235
- Resize AP elements 236
- Resize an AP element 236
- Move AP elements 236
- Align AP elements 237
- Apply gradients to background 238
- CSS3 transition effects 241
- The CSS Styles panel 242
- Open the CSS Styles panel 246
- Set page properties 247
- Set HTML page properties 248
- Select elements 251
- Zoom in and out 253
- Working with text 254
- Add text to a document 255
- Insert special characters 255
- Add space between characters 256
- Add paragraph spacing 256
- Create a new list 257
- Create a nested list 257
- Search for and replace text 258
- Perform the same search again 259
- Stop a search in progress 259
- Search for a specific tag 259
- Arabic and Hebrew text 262
- Div properties 263
- Element Display 264
- Quick Property Inspector 264
- Live View Property Inspector 265
- Edit HTML attributes 266
- • Press Enter 267
- • Save the file 267
- Format text 268
- Marquee selection 270
- Traverse page elements 271
- Disable editing in Live View 272
- How to use the DOM panel 274
- Page content and assets 275
- Spell check a web page 279
- Import tabular data 280
- Use HTML Formatting 281
- Format paragraphs 282
- Change the color of text 282
- Align text 282
- Use horizontal rules 283
- Modify font combinations 284
- Insert dates 286
- Working with assets 287
- Add an asset to a document 289
- Select and edit assets 291
- Reuse assets in another site 291
- Managing favorite assets 292
- Add or remove favorite assets 293
- Insert and edit images 294
- Set image properties 295
- Visually resize an image 297
- Insert an image placeholder 298
- Replace an image placeholder 299
- Edit images in Dreamweaver 300
- Optimize an image 301
- Sharpen an image 301
- Create a rollover image 302
- Use an external image editor 302
- Adding media objects 304
- Remove a file type 306
- Insert Shockwave movies 307
- Add video (non-FLV) 307
- Insert plug-in content 307
- Troubleshooting plug-ins 308
- Insert an ActiveX control 309
- Insert a Java applet 310
- Adding video 311
- Inserting FLV files 312
- Insert an FLV file 313
- Troubleshoot FLV files 315
- Insert HTML5 video 316
- Inserting SWF files 318
- Insert FlashPaper documents 320
- Adding web widgets 321
- Adding Sound 321
- Audio file formats 322
- Link to an audio file 322
- Insert HTML5 audio 323
- Automating tasks 324
- Use the History panel 325
- Repeat steps 326
- Create a command 328
- Use a saved command 328
- Edit a command name 328
- About assets and libraries 329
- About library items 330
- Working with library items 331
- Edit a library item 332
- Rename a library item 332
- About Photoshop integration 335
- Create a Smart Object 336
- Update a Smart Object 337
- Update multiple Smart Objects 337
- Resize a Smart Object 337
- Smart Object states 338
- Edit pasted images 339
- About linking and navigation 341
- Document-relative paths 342
- Site root–relative paths 342
- Linking files and documents 343
- Linking and navigation 344
- Create a named anchor 346
- Link to a named anchor 346
- Create an e-mail link 347
- Create null and script links 347
- Update links automatically 348
- Change a link sitewide 349
- Test links in Dreamweaver 349
- Jump menus 350
- Navigation bars 351
- Image maps 352
- Troubleshooting links 353
- Fix broken links 355
- Chapter 9: Previewing 356
- Preview web pages on devices 357
- Inspect web pages on devices 358
- Previewing pages 359
- Preview pages in Live view 360
- Preview Live Code 360
- Previewing pages in browsers 361
- Preview in a browser 362
- Chapter 10: Coding 364
- XHTML code 365
- Regular expressions 366
- Server behavior code 368
- Viewing code 369
- Setting coding preferences 370
- Change the code format 371
- Customize themes 373
- Use an external editor 376
- Writing and editing code 377
- Display a code hints menu 378
- Site-specific code hints 379
- Save site structure 380
- Rename site structures 380
- Insert code using Emmet 383
- Insert HTML comments 384
- Copy and paste code 385
- Analyze code 386
- Edit tags with Tag editors 387
- Indent code blocks 388
- Navigate to related code 388
- Open the Code Navigator 389
- Extract JavaScript 390
- Work with code snippets 391
- Save a search pattern 392
- Recall a search pattern 392
- Open the Reference panel 393
- Collapsing code 394
- Lint code 396
- Optimize code 398
- Validate XML documents 399
- Validate an open document 400
- Validate a live document 400
- Customize validation settings 400
- Set Validator preferences 401
- Make pages XHTML-compliant 401
- Editing code in Design view 402
- Quick Tag Editor overview 404
- Edit an HTML tag 405
- Use a hints menu 406
- Edit or delete a tag 406
- Write a client-side script 407
- Edit a script 407
- Using JavaScript behaviors 408
- View and edit head content 408
- Set the page title 409
- Specify keywords for the page 410
- Add a Base meta tag 411
- Edit a Base meta tag 411
- About server-side includes 412
- Insert server-side includes 413
- Managing tag libraries 414
- Add a tag library 415
- Add tags to a tag library 415
- Add attributes to a tag 415
- Edit a tag in a tag library 416
- Edit an attribute for a tag 416
- Import tags from XML files 417
- Import custom ASP.NET tags 417
- Import JRun tags 418
- Chapter 11: Javascript 419
- About events 420
- Apply a behavior 421
- Change or delete a behavior 421
- Update a behavior 422
- Using built-in behaviors 422
- Apply the Go To URL behavior 426
- Apply the Jump Menu behavior 426
- Apply the Play Sound behavior 427
- Create a named text field 429
- Apply Set Text Of Text Field 429
- Chapter 12: Cross-product 433
- Cross-application integration 436
- Insert a Fireworks image 437
- Cross-product 438
- About Fireworks pop-up menus 439
- Create a web photo album 442
- About Adobe Bridge 443
- Working with ConnectNow 446
- System requirements 447
- About Timestamping 450
- BrowserLab 452
- 1 Do one of the following: 453
- Extract in Dreamweaver CC 458
- Getting started with Extract 459
- Extract panel and workspace 460
- Set Extract preferences 461
- Extract CSS from PSD files 462
- Copy text from PSD files 464
- Extract images from PSD files 465
- Manage files 471
- Chapter 13: Templates 474
- Links in templates 475
- Template parameters 476
- Template expressions 476
- Template expression language 477
- Insert an editable region 484
- Select editable regions 485
- Remove an editable region 485
- Insert a repeating table 486
- Insert an optional region 488
- Tem pl at es 489
- Creating a nested template 491
- Create a nested template 493
- Open a template for editing 495
- Rename a template 495
- Change a template description 496
- Delete a template file 497
- About template XML content 498
- Import XML content 498
- Undo the template changes 500
- Modify template properties 501
- Cut, copy, and delete entries 502
- Template syntax 503
- Check template syntax 504
- Creating media queries 506
- Chapter 15: XML 512
- Previewing XML data 517
- Create an XSLT page 519
- Attach XML data sources 520
- Create a dynamic link 525
- Edit an XSLT parameter 526
- Delete an XSLT parameter 527
- Insert XSL comments 529
- Select a node to repeat 531
- About web applications 539
- Web application example 539
- How a web application works 540
- Processing static web pages 540
- Processing dynamic pages 541
- Accessing a database 542
- Authoring dynamic pages 543
- Web application terminology 545
- Web server basics 547
- Choosing a web server 548
- Choosing a database 548
- About OLE DB connections 553
- About connection strings 554
- Edit a connection 558
- Connect to a database 559
- Delete a connection 560
- Removing connection scripts 565
- Designing dynamic pages 566
- 5 Test and debug the page 567
- About dynamic content sources 568
- About recordsets 568
- About URL and form parameters 569
- About session variables 569
- ASP server variables 572
- ColdFusion server variables 572
- Example: Selecting a table 578
- Define URL parameters 579
- Define form parameters 579
- Define session variables 580
- Define server variables 581
- Define ASP server variables 582
- Define PHP server variables 583
- Cache content sources 585
- About adding dynamic content 586
- About dynamic text 587
- Make text dynamic 587
- Make images dynamic 587
- Make HTML attributes dynamic 588
- Changing dynamic content 590
- Displaying database records 591
- About database records 592
- Navigation bar design tasks 594
- Create a dynamic table 596
- Create record counters 597
- Use predefined data formats 598
- Customize a data format 599
- Viewing live data 600
- About custom server behaviors 601
- Creating code blocks 603
- Positioning a code block 604
- View the dialog box 609
- Coding guidelines 610
- Testing server behaviors 610
- About building forms 611
- HTML form parameters 612
- URL parameters 613
- About ColdFusion forms 615
- Create ColdFusion forms 615
- Insert ColdFusion text fields 617
- Insert ColdFusion text areas 619
- Insert ColdFusion buttons 620
- Insert ColdFusion check boxes 620
- Insert ColdFusion file fields 623
- Insert ColdFusion date fields 624
- Validate ColdFusion form data 625
- Creating web forms 626
- Create an HTML form 628
- Text Field object properties 629
- Button object options 630
- Check Box object options 630
- Menu options 631
- Insert file-upload fields 631
- Insert an image button 632
- Hidden field object options 632
- Insert a group of check boxes 633
- About dynamic form objects 634
- Validate HTML form data 636
- Create accessible HTML forms 637
- HTML5 form elements 640
- About master and detail pages 642
- Build a master page 643
- Build the search page 649
- Build a basic results page 650
- Create the recordset filter 651
- Display the search results 653
- Building a record insert page 654
- About record update pages 657
- Retrieve the record to update 658
- Building a delete record page 662
- To create the links manually 663
- Build the delete page 665
- About ASP command objects 669
- About stored procedures 671
- Building a registration page 673
- About registration pages 674
- Building a login page 675
- About protected pages 677
- Redirect unauthorized users 678
- Log out users 679
- Using ColdFusion components 681
- View CFCs in Dreamweaver 682
- Edit CFCs in Dreamweaver 683
- Build web pages that use CFCs 684
- Define a recordset in a CFC 684
- Chapter 18: Accessibility 687
- Navigate panels 688
- Navigate a dialog box 689
- Navigate frames 689
- Select a frame 689
- Navigate a table 689
- First-time synchronization 692
- Scenario 1 694
- Scenario 2 694
- Automatic Synchronization 697
- Manual synchronization 697
Manuais e produtos relacionados com Software Adobe Dreamweaver CC 2015
Software Adobe Dreamweaver CS3 Manual do Utilizador
(738 páginas)
(738 páginas)
Software Adobe Premiere Pro CS4 Manual do Utilizador
(491 páginas)
(491 páginas)
Software Adobe Premiere Pro CS6 Manual do Utilizador
(485 páginas)
(485 páginas)
Software Adobe Premiere Pro CS3 Manual do Utilizador
(455 páginas)
(455 páginas)
Software Adobe Photoshop CS4 Manual do Utilizador
(707 páginas)
(707 páginas)
Software Adobe Photoshop CS3 Manual do Utilizador
(681 páginas)
(681 páginas)
Software Adobe Elements Organizer 9 Manual do Utilizador
(180 páginas)
(180 páginas)
Software Adobe Premiere Elements 12 Manual do Utilizador
(319 páginas)
(319 páginas)
Software Adobe Premiere Elements 8 Manual do Utilizador
(313 páginas)
(313 páginas)
Miele KWT 4154 UG-1 Handbücher
Bedienungsanleitungen und Benutzerhandbücher für Weinkühler Miele KWT 4154 UG-1.
Wir stellen 1 PDF-Handbücher Miele KWT 4154 UG-1 zum kostenlosen herunterladen nach Dokumenttypen zur Verfügung Betriebsanleitung
Comentários a estes Manuais