INDEX COPYRIGHTED MATERIAL

Transcription

1 INDEX $SPUrl, bit colors, Grid, , 365 About.com, 163 A Add a Page menu, 273, 335 Add an App menu, 16, 24 adjacent sibling selector, CSS, 155 AjaxDelta controls, , 217 alternate CSS, anonymous access, anonymous users, , 267 App Parts, 371, , apps, App Parts, 371, , autohosted apps, 370, App Parts, chrome control, debugging, Visual Studio 2012, branding, 399 chrome control, 399 Cloud app model, Cloud-hosted apps, 370 custom action, 371 immersive full-page apps, 371 COPYRIGHTED MATERIAL 400 $SPUrl

2 provider-hosted apps, 370, 399 SharePoint-hosted apps, 369, , 399 App Parts, creating, CSS, Napa Office 365, argb colors, 307 ASPMenu, ASP.NET 2.0, 20 ASP.NET pages, content pages, 202 content placeholders, structure, 201 server controls, user controls, attribute selector, autohosted apps, 370, App Parts, chrome control, , 399 debugging, Visual Studio 2012, B back to home link, background images composed looks, 311, 326 CSS, 180 master pages, 118 Beginning CSS: Cascading Style Sheets for Web Design, 162 Beginning HTML and CSS, 162 BLOB cache, enabling, body, CSS, 174 boilerplate, HTML5, , 365 branding, custom, 2 11 anonymous users, breadcrumbs, , 267 collaborations, 7 9 communication, 7 9 extranet, 9 Internet, 9 intranet, 8 composed looks, device channels, functional requirements, 89 levels, 10 navigation, new features, nonfunctional requirements, 89 planning, browsers, targeted, design comps, estimation, project, extranet sites, 92 information architecture, Internet sites, 92 intranet sites, 92 organization, 95 requirements analysis, screen resolution, 93 taxonomy, 95 usability, versions, SharePoint, 91 wireframes, branding, custom 401

3 branding, custom (cont.) questions to ask, 97 reasons for, 6 requirements analysis, responsive design, CSS, master page, solutions, websites, 5 branding, master pages, 198 branding assets, uploading to Master Page Gallery, 114 breadcrumbs, , 267 BreakfastColors.spcolor, BreakfastFonts.spfont, browsers, targeted, C canvas, HTML5, Cascading Style Sheets, see CSS case sensitivity, CSS, 154 catalogs, cross-site publishing, Categories menu, 335 Central Administration, 39 Change the Look menu, 303, , 318, child selector, CSS, 155 chrome control, autohosted apps, , 399 Chrome Developer tools, 163 class selector, CSS, 155 Cloud app model, Cloud-hosted apps, 370 Coca-Cola, 5 collaborations, 7 9 colors, composed looks, 327 comments, adding, 119 communication, 7 9 extranet, 9 Internet, 9 intranet, 8 composed looks, 69 75, , 327; see also themes applying, background images, 311 branding, custom, changing, choosing, 70 72, creation, CSS references, 317 current, 312 gallery, logos, replacing, modifying, setting up, SPColor files, SPFont files, 306, theme tokens, Content Delivery Network (CDN) link, jquery, Content Editor Web Part, 44, 56, 270 content pages, publishing pages, Web Part pages, 23 Wiki pages, branding, custom

4 content placeholders master pages, 219 moving, navigation, 240 Content Query Web Part (CQWP), 29, 56, ; see also Content Search Web Part configuration, content creation, Content Search Web Part, versus, 298 customization, styling, Content Search Web Part (CSWP), 29 31, 56, Basics tab, 287 content creation, Content Query Web Part, versus, 298 crawl, 285 customization, FURLs, preparation, publishing pages, 286, queries, Refiners tab, 288 Settings tab, 288 Test tab, 288 content types, CQWP, see Content Query Web Part cross-site publishing, catalogs, Content Search Web Part, display templates, 31 CSS, 25, alternate, background images, 180 body, 174 case sensitivity, 154 CssRegistration, custom, , 314 description, 178 dialogs, editor styles, external style sheets, Firebug, inheritance, left navigation, 177 modern, 163 page content, , 187 preview files, 321 pseudo classes, 157 Quick Launch, hiding, Quick Launch navigation, 177 references, 317 resources, 162 responsive design, ribbon, 174, 189 Script Editor Web Part, search boxes, 175, selectors, attribute, declarations, 153 Property: Value; Property: Value;, types, 155 SharePoint-hosted apps, site logo, 178 specificity, title, 178 tokens, 322 CSS 403

5 CSS (cont.) tools, top navigation, 176, traditional, web pages, Web Parts, 175, 188 CSS3, , 365 CSS3.Info, 163 CssRegistration tag, , 314 CSWP, see Content Search Web Part current composed look, 312 custom action, apps, 371 custom action, jquery, 341 custom ASP.NET markup snippets, 129 custom branding, 2 11, collaborations, 7 9 communication, 7 9 extranet, 9 Internet, 9 intranet, 8 content pages, levels, 10 master pages, reasons for, 6 responsive design, CSS, master page, themes, websites, 5 custom CSS, , 314 custom master page, custom navigation, adding, custom page layouts, custom preview files, D debugging autohosted apps, declarations, selectors, 153 Default SPColor, preview files, 321 Default SPFont, preview files, 321 descendant selector, CSS, 155 descriptions, CSS, 178 design comps, design files, , design packages, , importing, 148 limitations, 148 WSP files, 147 Design Manager, 26, , , , 314, 365 branding assets, uploading to Master Page Gallery, 114 design files, uploading, design packages, importing, 148 limitations, 148 WSP files, 147 Edit Master Pages page, 115 limitations, 111 Manage Device Channels page, 111 master pages, editing, background images, 118 comments, adding, 119 content placeholders, moving, design tools, CSS

6 display templates, editing, 130 HTML designs, converting, , 314 mapped drives, 118 navigation snippets, site logo snippets, snippet, code structure, 126 Snippet Gallery, snippets, adding, snippets, functionality, 129 master pages, publishing, custom master page, custom page layouts, design files, network drives, mapping to Master Page Gallery, page layouts, editing, placeholder content, adding, snippets, replacing content, Upload Design Files page, 112 Welcome screen, 110 WSP files, 147 design tools, master pages, Design Your Site link, 111 device channels, 32, , 267 master pages, 252 panels, Device Channel Panel snippets, 129 Device Channel Panels, dialogs, CSS, Display Order, composed look setting, 305, , 326 display templates, 31, 130, , 299 creating, cross-site publishing, 31 customization, editing, 130 property mappings, 292 documents, 16 Dreamweaver, 111 drop-down menus, adding, dynamic content snippets, 129 E Edit, ribbon, 38 Edit Image Properties dialog, 274 Edit Master Pages page, 115 Edit mode panel snippets, 129, 227 editing, master pages, editing, pages, images, image renditions, publishing site template, saving, 57 text, videos, Web Parts and apps, adding, editor styles, CSS, EOT settings, 309 EOTSRC, 308 errors, master pages, errors, master pages 405

7 estimation, project, event rollups, 271 Expression Web, 111 external style sheets, CSS, extranet, communication, 9, 29 extranet sites, 92 grid-based design, , 365 GUID, 225 H F Ferrari.com, 9 files, customized, Firebug for Firefox, Focus on Content, ribbon, 38 Follow, ribbon, 38 fonts, composed looks, 327 Font Color, CSS style, Font Face, CSS style, Font Scheme URL, composed look setting, 305, , 326 Font Size, CSS style, fontslot node, 308 full-effort branding, 10 full-page apps, 371 functional requirements, branding, 89 FURLs, G gallery, composed looks, gear icon, ribbon, see Settings menu general sibling selector, CSS, 155 Help icon, ribbon, 38 hidden files, 306 Highlight Color, CSS style, Home screen, 313 Hsieh, Tony, 5 HTML designs, converting, preview files, 321 tokens, HTML-based master pages, 26, HTML-based page layouts, 26 HTML5, , 365 boilerplate, , 365 canvas, video, I ID selector, CSS, 155 image controls, 44 image renditions, images, adding, 44 background, 311, 327 preview, estimation, project

8 Image URL, composed look setting, 305, , 326 Image Viewer Web Part, 44 information architecture, branding, inheritance, CSS, Internet, communication, 9, 28, 92 Internet Explorer, Internet Explorer F12 Developer tools, 163 intranet, communication, 8, 28, 92 intranet sites, SharePoint Online, 260 isinverted parameter, 307 items, site structure, 16 J K jquery, , 365 Content Delivery Network (CDN) link, custom action, 341 loading, local copies, ScriptLink tag, 341 search boxes, L Largeimgsrc, left navigation, CSS, 177 levels, branding, 10 Lists and Document Libraries, 16 local copies, jquery, logos, replacing, low-effort branding, 10 M Manage Device Channels page, 111 managed navigation, mapped drives master pages, 112 SharePoint Online, 262 Master Page Gallery, 16, 31 master pages, 20 21, 76 77, , , composed looks, 327 editing, background images, 118 comments, adding, 119 content placeholders, moving, design tools, display templates, editing, 130 HTML designs, converting, mapped drives, 118 navigation snippets, site logo snippets, snippet, code structure, 126 Snippet Gallery, snippets, adding, snippets, functionality, 129 master pages 407

9 master pages (cont.) preview, CSS tokens, 322 custom, HTML tokens, structure, publishing, custom master page, custom page layouts, design files, SharePoint 2013, 77 Site Settings, master pages, custom, AjaxDelta controls, , 217 ASP.NET pages, content pages, 202 content placeholders, structure, 201 server controls, user controls, branding, 198 content placeholders, 219 Design Manager, , editing, errors, HTML, publishing, responsive design, ribbon, scrollbars, 209 SharePoint Designer, 206, 211 SharePoint Server publishing, 205 Site Master Page Settings page, 205 starter master pages, structure, upgrading, Master Page URL, composed look setting, 305, , 326 MaximumDynamicDisplayLevels, ASPMenu, 239, 267 McDonald s, 5 media and content snippets, 129 Media Web Parts, medium-effort branding, 10 Microsoft Word, 275 modern CSS, 163 Modernizer, 333 Mozilla Developer Network, 162 My Sites, versus 2013, architecture, branding, 258 N Name, composed look setting, 305, , 326 Napa Office 365, navigation, 58 69, ASPMenu, , 267 breadcrumbs, , 267 content placeholders, 240 custom, adding, drop-down menus, adding, editing, managed, master pages

10 modifying, SiteMapDataSource, structural, 58 term set, 62, Term Store Management Tool, 64 tree view, types, navigation snippets, network drives, mapping to Master Page Gallery, new features, branding, cross-site publishing, catalogs, Content Search Web Part, display templates, 31 Design Manager, 26 device channels, 32 HTML-based master pages, 26 HTML-based page layouts, 26 New SharePoint Site menu, 273 news rollups, 271 Newsfeed, ribbon, 38 Nike, 5 nonfunctional requirements, branding, 89 Notepad++, 111 O Office 365, 15, 262, 267 organization, branding, 95 Other Web Parts snippets, 129 P Page Content control, 43 page content, CSS, , 187 page layouts, 78 82, changing, defaults, 79 80, 82 editing, placeholder content, adding, snippets, replacing content, reverting to default, 82 setting, page layouts, custom, branding solutions, content types, design packages, Edit mode panels, 227 files, customized, GUID, 225 master pages, upgrading, publishing, 227 SharePoint Designer, site columns, structure, 223 testing, 228 Web Parts, 224 photos, background, 311 placeholder content, adding, , 275 planning, branding, browsers, targeted, design comps, estimation, project, planning, branding 409

11 planning, branding, (cont.) extranet sites, 92 information architecture, Internet sites, 92 intranet sites, 92 organization, 95 requirements analysis, screen resolution, 93 taxonomy, 95 usability, versions, SharePoint, 91 wireframes, preview files, 316, CSS tokens, 322 custom, creating, HTML tokens, structure, CSS, 321 Default SPColor, 321 Default SPFont, 321 HTML, 321 preview images, adding, 53 PreviewSlot1, 307 PreviewSlot2, 307 PreviewSlot3, 307 Property: Value; Property: Value; selector, provider-hosted apps, 370 pseudo classes, CSS, 157 public sites, SharePoint Online, publishing, 15, 22 23, , 227 custom page layouts, 227 master pages, pages, publishing site template, editing, Q Quick Launch, hiding, Quick Launch navigation, 177 R RecolorImage, 315 related document rollups, 271 ReplaceBGImage, 315, 317 ReplaceColor, 315, 317 ReplaceFont, 315, 317 requirements analysis, branding, responsive design, CSS, master page, ribbon CSS, 174, 189 master pages, user interface, rollups, events, 271 news, 271 related documents, 271 Web Content Management (WCM) capabilities, root, SharePoint, planning, branding

12 S <s:color> tag, screen resolution, branding, 93 Script Editor Web Part, 56, ScriptLink tag, jquery, 341 scrollbars, 209 search boxes CSS, 175, jquery, search box snippets, 129 Security Trim snippets, 129 selectors, CSS, attribute, declarations, 153 Property: Value; Property: Value;, types, 155 Settings menu, 24, 38 39, 41, 111 Settings Menu Add a page, 335 Settings Menu Site Contents, 273, 276 <s:fontscheme> tag, 308 Share, ribbon, 38 SharePoint Designer, 206, 211, SharePoint Foundation 2013, 15 SharePoint-hosted apps, 369, App Parts, creating, CSS, Napa Office 365, SharePoint Online, 15, 110, intranet sites, 260 mapping drives, 262 public sites, publishing, 261 sandboxed solutions, 262 SharePoint root, 166 SharePoint Server 2013, 15, 205 sign-in snippets, 129 site collections, 16 site columns, Site contents menu, 317 site logo, CSS, 178 site logo snippets, Site Master Page Settings page, 205 Site Navigation term set, 62, Site Settings, master pages, Site Settings Look and Feel Change the Look, 303, , 318, 326 Site Settings Web Designer Galleries Composed looks, , 310, 316 site structure, 16 site title snippets, 129 SiteMapDataSource, , 267 sites, creating, 39 Sites ribbon, 38 SkyDrive, ribbon, 38 <s:latin> node, 307 Smallimgsrc, smiley face, drawing, Snippet Gallery, snippets adding, code structure, 126 functionality, 129 replacing content, SPColor files, , 327 specificity, CSS, specificity, CSS 411

13 SPFont files, 306, , 327 starter master pages, StaticDisplayLevels, ASPMenu, 239, 267 structural navigation, 58 Style library, , 376 Styles Page Element, CSS style, Styles Text Style, CSS style, subsites, creating, 39 Subsite Templates section, Page layout and site templates, 39 SVG settings, 309 SVGSRC, 308 Sync, ribbon, 38 T taxonomy, 95 team sites, term set, 62, Term Store Management Tool, 64 text, editing, Text Layout button, 24 theme tokens, RecolorImage, 315 ReplaceBGImage, 315, 317 ReplaceColor, 315, 317 ReplaceFont, 315, 317 Theme URL, composed look setting, 305, , 326 themes, 17 19, three-click rule, 96 Title, composed look setting, 305, , 326 title, CSS, 178 tokens, $SPUrl, 267 CSS, 322 HTML, theme, tools, CSS, top navigation, CSS, 176, top navigation snippet, 129 traditional CSS, tree view, , 267 TTF settings, 309 TTFSRC, 308 Typeface, 308 type selector, CSS, 155 typography, , 365 U universal selector, CSS, 155 Upload Design Files page, 112 UPS, 5 usability, branding, user interface branding 2 11; see also branding, custom composed looks, changing, choosing, SPFont files

14 logos, replacing, modifying, setting up, editing, page, image renditions, images, publishing site template, saving edits, 57 text, videos, Web Parts and apps, adding, master pages, SharePoint 2013, 77 Site Settings, navigation, custom, adding, drop-down menus, adding, editing, managed, modifying, structural, 58 term set, 62, Term Store Management Tool, 64 types, page layouts, changing, defaults, 79 80, 82 reverting to default, 82 setting, ribbon, sites, creating, 39 subsites, creating, 39 User Name, ribbon, 38 V versions, SharePoint, 15, 91 vertical navigation snippets, 129 video, HTML5, videos editing, embedding, 54 uploading, virtual private networks, 8 Visual Studio 2012, VPN, see virtual private networks W W3C, W3Schools, 162 WaffleNET home page, 319 WaffleThemed.css, Walt Disney, 5 web applications, site structure, 16 Web Content Management (WCM), 15, , 299 web design, 365 web fonts, , 365 web pages, CSS, Web Part pages, 23, 224 Web Parts, CSS, 175, 188 Web Parts and apps, adding, Web Parts and apps, adding 413

15 websites, branding, 5 Welcome screen, 110 Wiki pages, 23 24, 43 disabling, 24 images, adding, 43 wireframes, WOFF settings, 309 WOFFSRC, 308 Word, Microsoft, 275 WSP files, 147, 267 X Z XML files, , 327 XSL, 272, , , 291, XSLT, websites, branding