Starting From the Top:
description
Transcript of Starting From the Top:
![Page 1: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/1.jpg)
Starting From the Top:Implementing SharePoint 2013
Master Pages using Dreamweaver and Design Manager
Troy LanphierSenior SharePoint Solutions Developer –
GUIO,LLC
![Page 2: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/2.jpg)
Special Thanks to our Platinum Sponsor
…and our Gold Sponsor
![Page 3: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/3.jpg)
WHO’S THIS GUY, AND WHY IS HE TALKING ABOUT SHAREPOINT?
![Page 4: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/4.jpg)
WHO’S THIS GUY, AND WHY IS HE TALKING ABOUT SHAREPOINT?
TROY LANPHIER, MCT, MCSE• BACKGROUND IN SERVER INFRASTRUCTURE, STORAGE DESIGN, AND DISASTER RECOVERY• STRICTLY FOCUSED ON THE SHAREPOINT PLATFORM SINCE SHAREPOINT 2003 BETA
![Page 5: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/5.jpg)
WHO’S THIS GUY, AND WHY IS HE TALKING ABOUT SHAREPOINT?
TROY LANPHIER, MCT, MCSE• BACKGROUND IN SERVER INFRASTRUCTURE, STORAGE DESIGN, AND DISASTER RECOVERY• STRICTLY FOCUSED ON THE SHAREPOINT PLATFORM SINCE SHAREPOINT 2003 BETA
TECHNICAL EDITOR AND AUTHOR FOR O’REILLY/MICROSOFT PRESS• CO-AUTHOR/TECH EDITOR OF MICROSOFT SHAREPOINT FOUNDATION 2010 INSIDE OUT• AUTHOR OF EXAM REF 70-331, CORE SOLUTIONS OF MICROSOFT SHAREPOINT SERVER 2013
![Page 6: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/6.jpg)
WHO’S THIS GUY, AND WHY IS HE TALKING ABOUT SHAREPOINT?
TROY LANPHIER, MCT, MCSE• BACKGROUND IN SERVER INFRASTRUCTURE, STORAGE DESIGN, AND DISASTER RECOVERY• STRICTLY FOCUSED ON THE SHAREPOINT PLATFORM SINCE SHAREPOINT 2003 BETA
TECHNICAL EDITOR AND AUTHOR FOR O’REILLY/MICROSOFT PRESS• CO-AUTHOR/TECH EDITOR OF MICROSOFT SHAREPOINT FOUNDATION 2010 INSIDE OUT• AUTHOR OF EXAM REF 70-331, CORE SOLUTIONS OF MICROSOFT SHAREPOINT SERVER 2013
![Page 7: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/7.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO :• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER
![Page 8: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/8.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO:• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE
![Page 9: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/9.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO:• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE• NO, THAT’S NOT A TYPO, I REALLY DID MEAN HTML - NOT ASPX
![Page 10: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/10.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO:• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE• NO, THAT’S NOT A TYPO, I REALLY DID MEAN HTML - NOT ASPX
• TAKE A FIRST LOOK AT DESIGN MANAGER, FOCUSING ON ITS INTERACTION WITH MASTER PAGE DESIGN
![Page 11: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/11.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO:• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE• NO, THAT’S NOT A TYPO, I REALLY DID MEAN HTML - NOT ASPX
• TAKE A FIRST LOOK AT DESIGN MANAGER, FOCUSING ON ITS INTERACTION WITH MASTER PAGE DESIGN
• DISCUSS WHAT IS (AND ISN’T) READILY AVAILABLE WITHIN DESIGN MANAGER
![Page 12: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/12.jpg)
WHAT WE’RE FOCUSED ON TODAYWE HAVE ABOUT 55 MINUTES LEFT – IN THAT TIME, WE HAVE FIVE THINGS TO DO:• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE• NO, THAT’S NOT A TYPO, I REALLY DID MEAN HTML - NOT ASPX
• TAKE A FIRST LOOK AT DESIGN MANAGER, FOCUSING ON ITS INTERACTION WITH MASTER PAGE DESIGN
• DISCUSS WHAT IS (AND ISN’T) READILY AVAILABLE WITHIN DESIGN MANAGER
• CONVERT AND APPLY OUR MASTER PAGE
![Page 13: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/13.jpg)
THE PROBLEMWE BUILD A LOT MORE INTRANET (COLLABORATIVE) SITE COLLECTIONS THAN INTERNET (PUBLISHING ONLY) SITE COLLECTIONS• DESIGN MANAGER ISN’T AVAILABLE IN COLLABORATIVE SITE TEMPLATES
![Page 14: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/14.jpg)
THE PROBLEMWE BUILD A LOT MORE INTRANET (COLLABORATIVE) SITE COLLECTIONS THAN INTERNET (PUBLISHING ONLY) SITE COLLECTIONS• DESIGN MANAGER ISN’T AVAILABLE IN COLLABORATIVE SITE TEMPLATES
THE SOLUTIONFIND A WAY TO ENABLE DESIGN MANAGER
![Page 15: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/15.jpg)
THE PROBLEMWE BUILD A LOT MORE INTRANET (COLLABORATIVE) SITE COLLECTIONS THAN INTERNET (PUBLISHING ONLY) SITE COLLECTIONS• DESIGN MANAGER ISN’T AVAILABLE IN COLLABORATIVE SITE TEMPLATES
THE SOLUTIONFIND A WAY TO ENABLE DESIGN MANAGER
WHY CAN’T WE JUST USE PUBLISHING SITE TEMPLATES ALL THE TIME, THEN? – HERE’S WHY…
![Page 16: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/16.jpg)
SETTING UP YOUR SHAREPOINT SITE FOR DESIGN MANAGERPUBLISHING SITES ARE ALREADY SETUP FOR DESIGN MANAGER, BUT THEY’RE NOT TERRIBLY USEFUL AS INTRANET SITES• OUT OF THE BOX, SEVERAL INTRANET FEATURES ARE NOT ENABLED
AT THE SITE COLLECTION LEVEL- LIBRARY AND FOLDER BASED RETENTION- SHAREPOINT SERVER ENTERPRISE SITE COLLECTION FEATURES (!!!)
- NO INFOPATH FORMS SERVICES, VISIO SERVICES, ACCESS SERVICES, OR EXCEL CALCULATION SERVICES
- SHAREPOINT SERVER STANDARD SITE COLLECTION FEATURES- USER PROFILE SERVICES AND SEARCH (FROM THE SHAREPOINT SERVER STANDARD LICENSE)
- SITE POLICY (RETENTION SCHEDULES)- THREE STATE WORKFLOWS
![Page 17: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/17.jpg)
SETTING UP YOUR SHAREPOINT SITE FOR DESIGN MANAGERPUBLISHING SITES ARE ALREADY SETUP FOR DESIGN MANAGER, BUT THEY’RE NOT TERRIBLY USEFUL AS INTRANET SITES• EVEN WORSE, MORE CRITICAL INTRANET FEATURES ARE NOT ENABLED
AT THE SITE LEVEL- MINIMAL DOWNLOAD STRATEGY
- ONLY DOWNLOADS THE PORTIONS OF A PAGE THAT CHANGE- MOBILE BROWSER VIEW (FOR DOCUMENT LIBRARIES AND LISTS)- SHAREPOINT SERVER STANDARD AND ENTERPRISE FEATURES (IFS, AS, VS, AND ECS – AGAIN)- TEAM COLLABORATION LISTS
- NO DOCUMENT LIBRARIES, ISSUES LIST, ETC.- NO WIKI HOME PAGE
- WAIT, WHAT – NO, I DON’T USE WIKI PAGES! (WE’LL COME BACK TO THIS SHORTLY – READ ON)
![Page 18: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/18.jpg)
SETTING UP YOUR SHAREPOINT SITE FOR DESIGN MANAGERINSTEAD OF BUILDING A PUBLISHING SITE, WE CHOOSE TO ENABLE PUBLISHING ON A COLLABORATIVE SITE• HERE’S WHAT WE NEED
- ENABLE SHAREPOINT SERVER PUBLISHING INFRASTRUCTURE AT THE SITE COLLECTION LEVEL
- ENABLE SHAREPOINT SERVER PUBLISHING AT THE SITE LEVEL- SWITCH FROM A WIKI WELCOME PAGE TO A PUBLISHING WELCOME
PAGE- THIS IS OPTIONAL, BUT RECOMMENDED.
![Page 19: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/19.jpg)
DEMO 1
ENABLING PUBLISHING FEATURES IN A COLLABORATIVE SHAREPOINT
SITE
![Page 20: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/20.jpg)
WHAT WE’RE FOCUSED ON TODAYHOW ARE WE DOING FOR TIME?• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER -
CHECK
![Page 21: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/21.jpg)
MAPPING A DRIVE TO THE DESIGN FILESNOT REALLY A WHOLE LOT DIFFERENT FROM MAPPING A STANDARD NETWORK DRIVE• WORKS THE SAME WHETHER YOU ARE IN AN ON-PREMISE
SHAREPOINT 2013 INSTALLATION OR IN A CLOUD BASED, OFFICE 365 INSTALLATION
![Page 22: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/22.jpg)
MAPPING A DRIVE TO THE DESIGN FILESSELECT THE DESIRED DRIVE LETTER AND THEN PASTE IN THE URL FROM DESIGN MANAGEROPTIONALLY, YOU CAN CHOOSE TO CONNECT USING DIFFERENT CREDENTIALS
![Page 23: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/23.jpg)
MAPPING A DRIVE TO THE DESIGN FILESENTER YOUR CREDENTIALSIMPORTANT – SELECT “REMEMBER MY CREDENTIALS”
![Page 24: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/24.jpg)
MAPPING ERROR
OCCURS MOST OFTEN WHEN MAPPING THE DESIGN FILES IN OFFICE 365IMPORTANT – SELECT “REMEMBER MY CREDENTIALS”, AS SHOWN IN THE PREVIOUS STEP.
![Page 25: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/25.jpg)
DEMO 2
MAPPING A DRIVE TO THE SHAREPOINT DESIGN FILES
![Page 26: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/26.jpg)
WHAT WE’RE FOCUSED ON TODAYTWO DOWN, THREE TO GO• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER –
CHECK• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE – CHECK
![Page 27: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/27.jpg)
DESIGN MANAGER OVERVIEWDESIGN MANAGER IS A NEW FUNCTIONALITY IN SHAREPOINT 2013• ADDRESSES MAJOR BRANDING AND DESIGN REQUIREMENTS FOR
SHAREPOINT, INCLUDING:- DESIGN CHANNELS- PLACING DESIGN FILES WITHIN SHAREPOINT FOR USE- EDITING MASTER PAGES- EDITING DISPLAY TEMPLATES (SEARCH AND SEARCH-RELATED ITEMS)- EDITING PAGE LAYOUTS- PUBLISHING AND ASSIGNING YOUR DESIGN- PACKAGING UP YOUR DESIGN AS A SOLUTION
• WORKS THE SAME WHETHER YOU ARE IN AN ON-PREMISE SHAREPOINT 2013 INSTALLATION OR IN A CLOUD BASED, OFFICE 365 INSTALLATION
![Page 28: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/28.jpg)
DESIGN MANAGER OVERVIEWMASTER PAGES WITHIN SHAREPOINT 2013• START AS AN HTML DESIGN WITH NO CONTROLS SPECIFIED
(THE CORE HTML DESIGN YOU CREATE IN ADOBE DREAMWEAVER)
• HAVE “SNIPPETS” COPIED IN FROM THE SNIPPET GALLERY TO PROVIDE SHAREPOINT-SPECIFIC FUNCTIONALITY
- TOP AND VERTICAL NAVIGATION- SEARCH BOX- SITE TITLE AND LOGO- SIGN IN CONTROL
• ALL DESIGN MANAGER SNIPPETS ARE CONTAINED WITHIN A <DIV> TAG AND BEGIN WITH A TAG THAT LOOKS LIKE “<!--CS:”>
![Page 29: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/29.jpg)
DEMO 3
REVIEWING THE OUT-OF-THE-BOX SHAREPOINT MASTER PAGES
WITH DREAMWEAVER
![Page 30: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/30.jpg)
WHAT WE’RE FOCUSED ON TODAYTHREE DOWN, ALMOST HOME• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER –
CHECK• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE – CHECK
• TAKE A FIRST LOOK AT DESIGN MANAGER, FOCUSING ON ITS INTERACTION WITH MASTER PAGE DESIGN – CHECK
![Page 31: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/31.jpg)
BUILDING A BASIC SITE WITH DESIGN MANAGER• UPLOAD THE HTML FILE – MAKE SURE YOU SAVE A
COPY FIRST- NOTICE THAT THE HTML FILE IS FUNDAMENTALLY
REWRITTEN TO SUIT SHAREPOINT- WE’RE CHEATING – I BUILT A REALLY CRUMMY HTML
PAGE WITH MINOR BRANDING IN IT
![Page 32: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/32.jpg)
BUILDING A BASIC SITE WITH DESIGN MANAGER• UPLOAD THE HTML FILE – MAKE SURE YOU SAVE A
COPY FIRST- NOTICE THAT THE HTML FILE IS FUNDAMENTALLY
REWRITTEN TO SUIT SHAREPOINT- WE’RE CHEATING – I BUILT A REALLY CRUMMY HTML
PAGE WITH MINOR BRANDING IN IT• INSERT THE APPROPRIATE SNIPPETS AND PREVIEW
THE CHANGES- SNIPPETS ARE INSERTED IN DREAMWEAVER- CHANGES ARE PREVIEWED IN THE BROWSER
![Page 33: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/33.jpg)
BUILDING A BASIC SITE WITH DESIGN MANAGER• UPLOAD THE HTML FILE – MAKE SURE YOU SAVE A COPY
FIRST- NOTICE THAT THE HTML FILE IS FUNDAMENTALLY
REWRITTEN TO SUIT SHAREPOINT- WE’RE CHEATING – I BUILT A REALLY CRUMMY HTML PAGE
WITH MINOR BRANDING IN IT• INSERT THE APPROPRIATE SNIPPETS AND PREVIEW THE
CHANGES- SNIPPETS ARE INSERTED IN DREAMWEAVER- CHANGES ARE PREVIEWED IN THE BROWSER
• SAVE AND PUBLISH THE FILE• APPLY TO SITE COLLECTION
![Page 34: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/34.jpg)
DEMO 4
![Page 35: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/35.jpg)
WHAT WE’RE FOCUSED ON TODAYWHEW – WE MADE IT! ANY QUESTIONS?• SETUP OUR SHAREPOINT SITES TO USE DESIGN MANAGER –
CHECK• TIE ADOBE DREAMWEAVER (INSERT HTML EDITOR OF YOUR
CHOOSING) TO SHAREPOINT SO WE CAN EDIT MASTER PAGE HTML STRUCTURE – CHECK
• TAKE A FIRST LOOK AT DESIGN MANAGER, FOCUSING ON ITS INTERACTION WITH MASTER PAGE DESIGN – CHECK
• DISCUSS WHAT IS (AND ISN’T) READILY AVAILABLE WITHIN DESIGN MANAGER – CHECK
• CONVERT AND APPLY OUR MASTER PAGE – CHECK
![Page 36: Starting From the Top:](https://reader035.fdocuments.in/reader035/viewer/2022062520/5681634f550346895dd3ef32/html5/thumbnails/36.jpg)
CONTACT INFORMATIONTROY LANPHIER
EMAIL: [email protected]: HTTP://WWW.GUIO.COM/TROY
TWITTER: @TROYLANPHIER