{
  "surfaces": {
    "CCX_TUTORIAL_2.5": {
      "containers": [
        {
          "containerId": 1,
          "containerLabel": "1",
          "dataType": "application/json",
          "data": "{}",
          "startDTS": "2023-05-02T10:17:34.721Z",
          "endDTS": "2026-01-01T07:59:59.999Z",
          "containerAnalyticsData": {
            "variationId": "31230",
            "actionBlockId": "10560_31230ActionBlock_0",
            "campaignId": 10560,
            "containerId": "1",
            "controlGroupId": "",
            "treatmentId": "faf7ccfe-c99d-4163-803e-06eb15eabb09"
          },
          "content": {}
        },
        {
          "containerId": 2,
          "containerLabel": "2",
          "dataType": "application/json",
          "data": "{\"tutorials\":[{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"d91d1329-f6a2-3cca-8b67-4f5972e01116\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/what-is-dreamweaver\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"See what you can do with Dreamweaver\",\"short\":\"See what you can do with Dreamweaver\",\"long\":\"Learn how Dreamweaver is the all-in-one visual development tool for creating, publishing, and managing websites and mobile content.\"},\"media_types\":[\"video\"],\"published_on\":\"2021-04-28T23:42:07.016Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/what-is-dreamweaver_1800x1012.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/what-is-dreamweaver_297x176.jpg\"},\"title\":\"See what you can do with Dreamweaver\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"60\",\"learning_approach\":\"overview\",\"related_applications\":{\"fi_code\":[\"cc_storage\"],\"sap_code\":[\"CCSN\"]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"overview\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Overview\",\"enName\":\"Overview\",\"id\":\"5ef362d439f04456b6df4a4cd8d6c639\",\"internalId\":\"overview\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.cc-home.html\"},\"created_on\":\"2018-07-10T21:13Z\",\"modified_on\":\"2023-01-27T15:03:43.804Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"f9a113bd-3fdc-3d4c-8569-f211edd29a67\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"270c43aa-4481-347f-bbd1-94c1794972dc\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/anatomy-of-website-construction\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Understand the anatomy of a website\",\"short\":\"Understand the anatomy of a website\",\"long\":\"Learn how most web pages are made using HTML and CSS.\"},\"media_types\":[\"visualize\"],\"published_on\":\"2021-04-28T23:42:18.734Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/anatomy-website_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/anatomy-website_297x176.jpg\"},\"title\":\"Understand the anatomy of a website\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"300\",\"learning_approach\":\"wordless-workshop\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web-pages\",\"html\",\"css\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"HTML\",\"enName\":\"HTML\",\"id\":\"e8a899ead8624415a163c487e783f168\",\"internalId\":\"html\"},{\"name\":\"CSS\",\"enName\":\"CSS\",\"id\":\"9f0c041d2b9e42838dde14d54f55befc\",\"internalId\":\"css\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.cc-home.html\"},\"created_on\":\"2018-07-10T21:26Z\",\"modified_on\":\"2023-01-27T14:57:15.749Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"79caf608-3fc3-3c0e-a9ae-30614db408d2\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"22cb3421-e972-35aa-bbb3-f0ed5300fa98\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/stages-web-design\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Follow the stages of web design\",\"short\":\"Follow the stages of web design\",\"long\":\"Learn about the key stages in a web project including planning your content, wireframing your design, creating web pages, and publishing your site.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:08.563Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/create-first-website_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/create-first-website_297x176.jpg\"},\"title\":\"Follow the stages of web design\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"300\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web-design\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Mobile and web design\",\"enName\":\"Mobile and web design\",\"id\":\"e0704c35fc3447c8a4a1992fe61d8e90\",\"internalId\":\"web-design\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.cc-home.html\"},\"created_on\":\"2018-07-10T21:29Z\",\"modified_on\":\"2023-01-27T15:02:54.514Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"fbed8b7b-5715-357d-afe4-dbf643d83eff\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"bc96fc52-00c9-370c-9070-46bdf4dc3f59\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/change-user-preferences\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Set your own user preferences\",\"short\":\"Set your own user preferences\",\"long\":\"Learn how to set preferences to optimize the way you use Dreamweaver.\"},\"media_types\":[\"video\"],\"published_on\":\"2021-04-28T23:42:17.274Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-05_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-05_297x176.jpg\"},\"title\":\"Set your own user preferences\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"300\",\"learning_approach\":\"video\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"fundamentals\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.cc-home.html\"}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.241Z\",\"modified_on\":\"2023-01-27T14:57:55.770Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"63e70b45-24aa-3aa3-ad3a-fa90d95619db\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"2489643d-52e3-3078-86b8-0237bb2890d1\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/edit-html-tags\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Edit tags on the fly\",\"short\":\"Edit tags on the fly\",\"long\":\"Learn how to easily change between a div, h1, h2, or any tag with the Quick Tag Editor.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:14.227Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-html-tags_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-html-tags_297x176.jpg\"},\"title\":\"Edit tags on the fly\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"240\",\"learning_approach\":\"project\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web\",\"productivity\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Productivity\",\"enName\":\"Productivity\",\"id\":\"eca6391be8684287bdd91bcc171c5224\",\"internalId\":\"productivity\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.219Z\",\"modified_on\":\"2023-01-27T14:58:40.190Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"bdb208f5-990a-3e19-8974-eb5101d6e7a2\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"c7d44e1e-366b-3112-a5ec-fe513de591ec\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/edit-code-view\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Code with shortcuts and error checking \",\"short\":\"Code with shortcuts and error checking \",\"long\":\"Take advantage of advanced features to add blocks of code using shortcuts, edit multiple lines simultaneously, and quickly find syntax errors.\"},\"media_types\":[\"video\"],\"published_on\":\"2021-04-28T23:42:14.454Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-code-view_1000x560.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-code-view_297x176.jpg\"},\"title\":\"Code with shortcuts and error checking \",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"1020\",\"learning_approach\":\"video\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web\",\"productivity\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Productivity\",\"enName\":\"Productivity\",\"id\":\"eca6391be8684287bdd91bcc171c5224\",\"internalId\":\"productivity\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.237Z\",\"modified_on\":\"2023-01-27T14:58:36.605Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"9a9c184c-80ff-3e8a-a896-20da2886aa62\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"e94ba8fb-531e-357a-92ca-2a2e625a9c35\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/define-a-dreamweaver-site\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Define a site\",\"short\":\"Define a site\",\"long\":\"Learn how to define a site in Adobe Dreamweaver to manage the pages of a website from one location.\"},\"media_types\":[\"video\"],\"published_on\":\"2021-04-28T23:42:15.784Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/define-a-dreamweaver-site_1800x1012.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/define-a-dreamweaver-site_297x176.jpg\"},\"title\":\"Define a site\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"540\",\"learning_approach\":\"video\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.cc-home.html\"}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.cc-home.html\"},\"created_on\":\"2018-07-10T21:39Z\",\"modified_on\":\"2023-01-27T14:58:25.252Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"88355721-18a8-3b7e-8676-c97b6bff64ef\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"bfca3c9f-8a57-3496-aba8-4276ed7f1d24\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/work-with-html-layout\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Define page structure with HTML\",\"short\":\"Define page structure with HTML\",\"long\":\"A well-defined web page structure provides the foundation for your layout and styling. See how to use HTML to structure your pages in Adobe Dreamweaver.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:06.499Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-layout_1800x1012.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-layout_297x176.jpg\"},\"title\":\"Define page structure with HTML\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"720\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"layouts\",\"html\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Layout\",\"enName\":\"Layout\",\"id\":\"f3975b5fc0f246f1ace91516607d250e\",\"internalId\":\"layouts\"},{\"name\":\"HTML\",\"enName\":\"HTML\",\"id\":\"e8a899ead8624415a163c487e783f168\",\"internalId\":\"html\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.cc-home.html\"},\"created_on\":\"2018-07-10T21:29Z\",\"modified_on\":\"2023-01-27T15:04:00.386Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"1e36e3e5-2d39-3f19-883d-3e44f6061d0b\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"69317ded-847e-3bff-8776-cce6ef3d9cb8\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/learn-css-basics-of-web-page-layout\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Lay out and style web pages with CSS\",\"short\":\"Lay out and style web pages with CSS\",\"long\":\"Use Cascading Style Sheets (CSS) to position elements on your web pages and apply color in Adobe Dreamweaver.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:13.330Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/learn-css-basics-of-web-page-layout_1800x1012.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/learn-css-basics-of-web-page-layout_297x176.jpg\"},\"title\":\"Lay out and style web pages with CSS\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"900\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"layouts\",\"web-pages\",\"css\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Layout\",\"enName\":\"Layout\",\"id\":\"f3975b5fc0f246f1ace91516607d250e\",\"internalId\":\"layouts\"},{\"name\":\"CSS\",\"enName\":\"CSS\",\"id\":\"9f0c041d2b9e42838dde14d54f55befc\",\"internalId\":\"css\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.247Z\",\"modified_on\":\"2023-01-27T14:58:47.125Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"04e508db-b3d6-354b-933e-b2da0ff8942c\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"ac7cf0c0-7226-3473-90a8-8decde35b330\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/center-website\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Center a website\",\"short\":\"Center a website\",\"long\":\"Learn how to center a website using HTML and CSS.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:17.471Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/center-website_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/center-website_297x176.jpg\"},\"title\":\"Center a website\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"600\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web-design\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/center-website.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/center-website.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Mobile and web design\",\"enName\":\"Mobile and web design\",\"id\":\"e0704c35fc3447c8a4a1992fe61d8e90\",\"internalId\":\"web-design\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/center-website.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/center-website.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.218Z\",\"modified_on\":\"2023-01-27T14:57:53.609Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"bf2a5ad0-d03d-3b7a-8056-24d02bd910fc\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"7b995d49-6019-3da0-95ba-46880fea6c52\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/use-css-to-style-divs\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Style page elements with CSS\",\"short\":\"Style page elements with CSS\",\"long\":\"Learn how to use CSS to style divs and other containers by applying background color and spacing between elements.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-08-27T17:48:47.109Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/use-css-to-style-divs_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/use-css-to-style-divs_297x176.jpg\"},\"title\":\"Style page elements with CSS\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"480\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"layouts\",\"web-pages\",\"css\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Layout\",\"enName\":\"Layout\",\"id\":\"f3975b5fc0f246f1ace91516607d250e\",\"internalId\":\"layouts\"},{\"name\":\"CSS\",\"enName\":\"CSS\",\"id\":\"9f0c041d2b9e42838dde14d54f55befc\",\"internalId\":\"css\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.cc-home.html\"},\"created_on\":\"2018-08-22T17:14:43.456Z\",\"modified_on\":\"2023-01-27T15:03:14.371Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"24266026-ab87-3833-86ae-2767833ab31a\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"ada7663b-3a72-3dd5-82f5-32bf81ef237f\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/apply-css-style-to-web-fonts\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Style web page text with CSS\",\"short\":\"Style web page text with CSS\",\"long\":\"Use CSS to apply color, alignment, and other style properties to web page text in Dreamweaver.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-08-27T17:48:51.568Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/apply-css-style-to-web-fonts_1408.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/apply-css-style-to-web-fonts_297.jpg\"},\"title\":\"Style web page text with CSS\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"480\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web-pages\",\"css\",\"text\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"CSS\",\"enName\":\"CSS\",\"id\":\"9f0c041d2b9e42838dde14d54f55befc\",\"internalId\":\"css\"},{\"name\":\"Text\",\"enName\":\"Text\",\"id\":\"74d6b374f69f45b6a227b3ab6199d970\",\"internalId\":\"text\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.220Z\",\"modified_on\":\"2023-01-27T14:57:30.389Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"f0b3bf7d-245f-3032-a642-1bd686f032f8\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"6def69d8-3cc1-39c7-8a84-9079655c2709\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/work-with-html-text\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Add content to your web pages\",\"short\":\"Add content to your web pages\",\"long\":\"Add page titles, headings, paragraphs, lists, and images to your web pages using HTML in Adobe Dreamweaver.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-04-28T23:42:06.279Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-text_900x506.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-text_297x176.jpg\"},\"title\":\"Add content to your web pages\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"840\",\"learning_approach\":\"tutorial-graphical-hands-on\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"text\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Text\",\"enName\":\"Text\",\"id\":\"74d6b374f69f45b6a227b3ab6199d970\",\"internalId\":\"text\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.cc-home.html\"},\"created_on\":\"2018-08-22T17:14:43.406Z\",\"modified_on\":\"2023-01-27T15:04:02.326Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"ea0c8247-5782-389c-8889-515225826402\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"b5a4c85f-ec7f-3816-a8a3-7f7bc544d61f\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/dreamweaver-working-edge-web-fonts\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Work with Edge Web Fonts\",\"short\":\"Work with Edge Web Fonts\",\"long\":\"Learn how to use Edge Web Fonts integration in Dreamweaver to work with custom fonts on the web.\"},\"media_types\":[\"video\"],\"published_on\":\"2022-02-22T20:15:31.087Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-04_1408x792.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-04_297x176.jpg\"},\"title\":\"Work with Edge Web Fonts\",\"platforms\":[\"cc-learn\",\"ccx\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"240\",\"learning_approach\":\"video\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"beginner\",\"stage\":\"begin\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"fonts\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.cc-home.html\"},\"taxonomy\":{\"topics\":[{\"name\":\"Fonts\",\"enName\":\"Fonts\",\"id\":\"014e1e2ccc4641c2b638254002d34a00\",\"internalId\":\"fonts\"}]}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.211Z\",\"modified_on\":\"2023-01-27T14:58:34.497Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"7c941f00-6f9e-3d14-81c8-cca3e02add68\"},{\"surfaces\":{\"ids\":{\"help_json\":{\"live\":\"a077b9d6-40a3-3622-b8c1-226bf8ca70ac\",\"versions\":[1]}}},\"aem_id\":\"dreamweaver/how-to/make-website-pt1-site-setup\",\"metadata\":{\"formatVersion\":\"1.0\",\"descriptions\":{\"medium\":\"Project overview and site setup\",\"short\":\"Project overview and site setup\",\"long\":\"In the first part of this series, learn how to define a Dreamweaver site to set a local file and folder location.\"},\"media_types\":[\"project\"],\"published_on\":\"2021-08-27T17:48:50.154Z\",\"creative_fields\":[\"web-design\"],\"application\":{\"fi_code\":\"dreamweaver_cc\",\"sap_code\":\"DRWV\"},\"locale\":\"en_US\",\"images\":{\"hero\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/make-website-pt1-site-setup_1000x560.jpg\",\"thumbnail\":\"https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/make-website-pt1-site-setup_297x176.jpg\"},\"title\":\"Project overview and site setup\",\"platforms\":[\"cc-learn\",\"help_learn\",\"helpx\"],\"duration_in_seconds\":\"1800\",\"learning_approach\":\"article\",\"related_applications\":{\"fi_code\":[],\"sap_code\":[]},\"relatedUtuts\":[],\"level\":\"intermediate-advanced\",\"stage\":\"master\",\"source\":{\"third_party\":false,\"label\":\"Adobe.com\"},\"topics\":[\"web\",\"fundamentals\"],\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.cc-home.html\"}},\"urls\":{\"helpx\":\"https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.html\",\"helpx_iframe\":\"https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.cc-home.html\"},\"created_on\":\"2018-08-22T01:15:00.228Z\",\"modified_on\":\"2023-01-27T14:59:26.198Z\",\"locale\":\"en_US\",\"published_status\":\"live\",\"tutorialUUID\":\"cecd0ace-36ea-3863-a5f9-527ced20eead\"}],\"numberOfItems\":15,\"numberOfColdstartItems\":15}",
          "startDTS": "2023-05-02T10:17:34.720Z",
          "endDTS": "2026-01-01T07:59:59.999Z",
          "containerAnalyticsData": {
            "variationId": "31230",
            "actionBlockId": "10560_31230ActionBlock_0",
            "campaignId": 10560,
            "containerId": "2",
            "controlGroupId": "",
            "treatmentId": "faf7ccfe-c99d-4163-803e-06eb15eabb09"
          },
          "content": {
            "tutorials": [
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "d91d1329-f6a2-3cca-8b67-4f5972e01116",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/what-is-dreamweaver",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "See what you can do with Dreamweaver",
                    "short": "See what you can do with Dreamweaver",
                    "long": "Learn how Dreamweaver is the all-in-one visual development tool for creating, publishing, and managing websites and mobile content."
                  },
                  "media_types": [
                    "video"
                  ],
                  "published_on": "2021-04-28T23:42:07.016Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/what-is-dreamweaver_1800x1012.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/what-is-dreamweaver_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-79b90f7a-1bd6-4e99-85fe-e913b879b217.jpeg"
                  },
                  "title": "See what you can do with Dreamweaver",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "60",
                  "learning_approach": "overview",
                  "related_applications": {
                    "fi_code": [
                      "cc_storage"
                    ],
                    "sap_code": [
                      "CCSN"
                    ]
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "overview"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Overview",
                        "enName": "Overview",
                        "id": "5ef362d439f04456b6df4a4cd8d6c639",
                        "internalId": "overview"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/what-is-dreamweaver.cc-home.html"
                },
                "created_on": "2018-07-10T21:13Z",
                "modified_on": "2023-01-27T15:03:43.804Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "f9a113bd-3fdc-3d4c-8569-f211edd29a67"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "270c43aa-4481-347f-bbd1-94c1794972dc",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/anatomy-of-website-construction",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Understand the anatomy of a website",
                    "short": "Understand the anatomy of a website",
                    "long": "Learn how most web pages are made using HTML and CSS."
                  },
                  "media_types": [
                    "visualize"
                  ],
                  "published_on": "2021-04-28T23:42:18.734Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/anatomy-website_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/anatomy-website_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-4eaf1a02-e026-4199-9ee6-0d1f3e0f1d89.jpeg"
                  },
                  "title": "Understand the anatomy of a website",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "300",
                  "learning_approach": "wordless-workshop",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web-pages",
                    "html",
                    "css"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "HTML",
                        "enName": "HTML",
                        "id": "e8a899ead8624415a163c487e783f168",
                        "internalId": "html"
                      },
                      {
                        "name": "CSS",
                        "enName": "CSS",
                        "id": "9f0c041d2b9e42838dde14d54f55befc",
                        "internalId": "css"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/anatomy-of-website-construction.cc-home.html"
                },
                "created_on": "2018-07-10T21:26Z",
                "modified_on": "2023-01-27T14:57:15.749Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "79caf608-3fc3-3c0e-a9ae-30614db408d2"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "22cb3421-e972-35aa-bbb3-f0ed5300fa98",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/stages-web-design",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Follow the stages of web design",
                    "short": "Follow the stages of web design",
                    "long": "Learn about the key stages in a web project including planning your content, wireframing your design, creating web pages, and publishing your site."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:08.563Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/create-first-website_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/create-first-website_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-2c125679-3042-4c04-a841-520ebc59f18d.jpeg"
                  },
                  "title": "Follow the stages of web design",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "300",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web-design"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Mobile and web design",
                        "enName": "Mobile and web design",
                        "id": "e0704c35fc3447c8a4a1992fe61d8e90",
                        "internalId": "web-design"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/stages-web-design.cc-home.html"
                },
                "created_on": "2018-07-10T21:29Z",
                "modified_on": "2023-01-27T15:02:54.514Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "fbed8b7b-5715-357d-afe4-dbf643d83eff"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "bc96fc52-00c9-370c-9070-46bdf4dc3f59",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/change-user-preferences",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Set your own user preferences",
                    "short": "Set your own user preferences",
                    "long": "Learn how to set preferences to optimize the way you use Dreamweaver."
                  },
                  "media_types": [
                    "video"
                  ],
                  "published_on": "2021-04-28T23:42:17.274Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-05_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-05_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-64301bdc-f6f6-4c4d-ba43-9769c6104b8d.jpeg"
                  },
                  "title": "Set your own user preferences",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "300",
                  "learning_approach": "video",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "fundamentals"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.cc-home.html"
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/change-user-preferences.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.241Z",
                "modified_on": "2023-01-27T14:57:55.770Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "63e70b45-24aa-3aa3-ad3a-fa90d95619db"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "2489643d-52e3-3078-86b8-0237bb2890d1",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/edit-html-tags",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Edit tags on the fly",
                    "short": "Edit tags on the fly",
                    "long": "Learn how to easily change between a div, h1, h2, or any tag with the Quick Tag Editor."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:14.227Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-html-tags_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-html-tags_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-90da1894-53a8-4cfe-9efe-c836ef60f656.jpeg"
                  },
                  "title": "Edit tags on the fly",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "240",
                  "learning_approach": "project",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web",
                    "productivity"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Productivity",
                        "enName": "Productivity",
                        "id": "eca6391be8684287bdd91bcc171c5224",
                        "internalId": "productivity"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/edit-html-tags.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.219Z",
                "modified_on": "2023-01-27T14:58:40.190Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "bdb208f5-990a-3e19-8974-eb5101d6e7a2"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "c7d44e1e-366b-3112-a5ec-fe513de591ec",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/edit-code-view",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Code with shortcuts and error checking ",
                    "short": "Code with shortcuts and error checking ",
                    "long": "Take advantage of advanced features to add blocks of code using shortcuts, edit multiple lines simultaneously, and quickly find syntax errors."
                  },
                  "media_types": [
                    "video"
                  ],
                  "published_on": "2021-04-28T23:42:14.454Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-code-view_1000x560.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/edit-code-view_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-3348305b-7057-4372-897a-e4cc6a8b3944.jpeg"
                  },
                  "title": "Code with shortcuts and error checking ",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "1020",
                  "learning_approach": "video",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web",
                    "productivity"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Productivity",
                        "enName": "Productivity",
                        "id": "eca6391be8684287bdd91bcc171c5224",
                        "internalId": "productivity"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/edit-code-view.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.237Z",
                "modified_on": "2023-01-27T14:58:36.605Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "9a9c184c-80ff-3e8a-a896-20da2886aa62"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "e94ba8fb-531e-357a-92ca-2a2e625a9c35",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/define-a-dreamweaver-site",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Define a site",
                    "short": "Define a site",
                    "long": "Learn how to define a site in Adobe Dreamweaver to manage the pages of a website from one location."
                  },
                  "media_types": [
                    "video"
                  ],
                  "published_on": "2021-04-28T23:42:15.784Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/define-a-dreamweaver-site_1800x1012.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/define-a-dreamweaver-site_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-99cd0d26-3339-4b18-b2ba-98df9c555324.jpeg"
                  },
                  "title": "Define a site",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "540",
                  "learning_approach": "video",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.cc-home.html"
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/define-a-dreamweaver-site.cc-home.html"
                },
                "created_on": "2018-07-10T21:39Z",
                "modified_on": "2023-01-27T14:58:25.252Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "88355721-18a8-3b7e-8676-c97b6bff64ef"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "bfca3c9f-8a57-3496-aba8-4276ed7f1d24",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/work-with-html-layout",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Define page structure with HTML",
                    "short": "Define page structure with HTML",
                    "long": "A well-defined web page structure provides the foundation for your layout and styling. See how to use HTML to structure your pages in Adobe Dreamweaver."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:06.499Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-layout_1800x1012.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-layout_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-5d2c4c2f-c7a8-427b-b72b-614d774ef932.jpeg"
                  },
                  "title": "Define page structure with HTML",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "720",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "layouts",
                    "html"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Layout",
                        "enName": "Layout",
                        "id": "f3975b5fc0f246f1ace91516607d250e",
                        "internalId": "layouts"
                      },
                      {
                        "name": "HTML",
                        "enName": "HTML",
                        "id": "e8a899ead8624415a163c487e783f168",
                        "internalId": "html"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-layout.cc-home.html"
                },
                "created_on": "2018-07-10T21:29Z",
                "modified_on": "2023-01-27T15:04:00.386Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "1e36e3e5-2d39-3f19-883d-3e44f6061d0b"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "69317ded-847e-3bff-8776-cce6ef3d9cb8",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/learn-css-basics-of-web-page-layout",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Lay out and style web pages with CSS",
                    "short": "Lay out and style web pages with CSS",
                    "long": "Use Cascading Style Sheets (CSS) to position elements on your web pages and apply color in Adobe Dreamweaver."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:13.330Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/learn-css-basics-of-web-page-layout_1800x1012.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/learn-css-basics-of-web-page-layout_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-77666e0f-a685-4c3f-9969-3777b7343ddf.jpeg"
                  },
                  "title": "Lay out and style web pages with CSS",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "900",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "layouts",
                    "web-pages",
                    "css"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Layout",
                        "enName": "Layout",
                        "id": "f3975b5fc0f246f1ace91516607d250e",
                        "internalId": "layouts"
                      },
                      {
                        "name": "CSS",
                        "enName": "CSS",
                        "id": "9f0c041d2b9e42838dde14d54f55befc",
                        "internalId": "css"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/learn-css-basics-of-web-page-layout.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.247Z",
                "modified_on": "2023-01-27T14:58:47.125Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "04e508db-b3d6-354b-933e-b2da0ff8942c"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "ac7cf0c0-7226-3473-90a8-8decde35b330",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/center-website",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Center a website",
                    "short": "Center a website",
                    "long": "Learn how to center a website using HTML and CSS."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:17.471Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/center-website_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/center-website_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-ba4f9ec3-2198-48a8-b14b-7c5b5d4f70cc.jpeg"
                  },
                  "title": "Center a website",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "600",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web-design"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/center-website.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/center-website.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Mobile and web design",
                        "enName": "Mobile and web design",
                        "id": "e0704c35fc3447c8a4a1992fe61d8e90",
                        "internalId": "web-design"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/center-website.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/center-website.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.218Z",
                "modified_on": "2023-01-27T14:57:53.609Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "bf2a5ad0-d03d-3b7a-8056-24d02bd910fc"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "7b995d49-6019-3da0-95ba-46880fea6c52",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/use-css-to-style-divs",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Style page elements with CSS",
                    "short": "Style page elements with CSS",
                    "long": "Learn how to use CSS to style divs and other containers by applying background color and spacing between elements."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-08-27T17:48:47.109Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/use-css-to-style-divs_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/use-css-to-style-divs_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-47cd88cd-b247-4a3a-b66a-8b9fc49bd314.jpeg"
                  },
                  "title": "Style page elements with CSS",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "480",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "layouts",
                    "web-pages",
                    "css"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Layout",
                        "enName": "Layout",
                        "id": "f3975b5fc0f246f1ace91516607d250e",
                        "internalId": "layouts"
                      },
                      {
                        "name": "CSS",
                        "enName": "CSS",
                        "id": "9f0c041d2b9e42838dde14d54f55befc",
                        "internalId": "css"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/use-css-to-style-divs.cc-home.html"
                },
                "created_on": "2018-08-22T17:14:43.456Z",
                "modified_on": "2023-01-27T15:03:14.371Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "24266026-ab87-3833-86ae-2767833ab31a"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "ada7663b-3a72-3dd5-82f5-32bf81ef237f",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/apply-css-style-to-web-fonts",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Style web page text with CSS",
                    "short": "Style web page text with CSS",
                    "long": "Use CSS to apply color, alignment, and other style properties to web page text in Dreamweaver."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-08-27T17:48:51.568Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/apply-css-style-to-web-fonts_1408.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/apply-css-style-to-web-fonts_297.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-025a3f10-6a4d-459f-b4ac-747e5fc192f2.jpeg"
                  },
                  "title": "Style web page text with CSS",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "480",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web-pages",
                    "css",
                    "text"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "CSS",
                        "enName": "CSS",
                        "id": "9f0c041d2b9e42838dde14d54f55befc",
                        "internalId": "css"
                      },
                      {
                        "name": "Text",
                        "enName": "Text",
                        "id": "74d6b374f69f45b6a227b3ab6199d970",
                        "internalId": "text"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/apply-css-style-to-web-fonts.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.220Z",
                "modified_on": "2023-01-27T14:57:30.389Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "f0b3bf7d-245f-3032-a642-1bd686f032f8"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "6def69d8-3cc1-39c7-8a84-9079655c2709",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/work-with-html-text",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Add content to your web pages",
                    "short": "Add content to your web pages",
                    "long": "Add page titles, headings, paragraphs, lists, and images to your web pages using HTML in Adobe Dreamweaver."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-04-28T23:42:06.279Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-text_900x506.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/work-with-html-text_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-d4ba4bff-e024-4081-87f9-1f6ae3f844ee.jpeg"
                  },
                  "title": "Add content to your web pages",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "840",
                  "learning_approach": "tutorial-graphical-hands-on",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "text"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Text",
                        "enName": "Text",
                        "id": "74d6b374f69f45b6a227b3ab6199d970",
                        "internalId": "text"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/work-with-html-text.cc-home.html"
                },
                "created_on": "2018-08-22T17:14:43.406Z",
                "modified_on": "2023-01-27T15:04:02.326Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "ea0c8247-5782-389c-8889-515225826402"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "b5a4c85f-ec7f-3816-a8a3-7f7bc544d61f",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/dreamweaver-working-edge-web-fonts",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Work with Edge Web Fonts",
                    "short": "Work with Edge Web Fonts",
                    "long": "Learn how to use Edge Web Fonts integration in Dreamweaver to work with custom fonts on the web."
                  },
                  "media_types": [
                    "video"
                  ],
                  "published_on": "2022-02-22T20:15:31.087Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-04_1408x792.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/dw-generic-04_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-7ece9f9b-196a-4ad9-b55c-e057425c0eff.jpeg"
                  },
                  "title": "Work with Edge Web Fonts",
                  "platforms": [
                    "cc-learn",
                    "ccx",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "240",
                  "learning_approach": "video",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "beginner",
                  "stage": "begin",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "fonts"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.cc-home.html"
                  },
                  "taxonomy": {
                    "topics": [
                      {
                        "name": "Fonts",
                        "enName": "Fonts",
                        "id": "014e1e2ccc4641c2b638254002d34a00",
                        "internalId": "fonts"
                      }
                    ]
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-working-edge-web-fonts.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.211Z",
                "modified_on": "2023-01-27T14:58:34.497Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "7c941f00-6f9e-3d14-81c8-cca3e02add68"
              },
              {
                "surfaces": {
                  "ids": {
                    "help_json": {
                      "live": "a077b9d6-40a3-3622-b8c1-226bf8ca70ac",
                      "versions": [
                        1
                      ]
                    }
                  }
                },
                "aem_id": "dreamweaver/how-to/make-website-pt1-site-setup",
                "metadata": {
                  "formatVersion": "1.0",
                  "descriptions": {
                    "medium": "Project overview and site setup",
                    "short": "Project overview and site setup",
                    "long": "In the first part of this series, learn how to define a Dreamweaver site to set a local file and folder location."
                  },
                  "media_types": [
                    "project"
                  ],
                  "published_on": "2021-08-27T17:48:50.154Z",
                  "creative_fields": [
                    "web-design"
                  ],
                  "application": {
                    "fi_code": "dreamweaver_cc",
                    "sap_code": "DRWV"
                  },
                  "locale": "en_US",
                  "images": {
                    "hero": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/make-website-pt1-site-setup_1000x560.jpg",
                    "thumbnail": "https://helpx.adobe.com/content/dam/help/en/dreamweaver/how-to/make-website-pt1-site-setup_297x176.jpg",
                    "heroPath": "assets/DRWV-21.3-en_US-7eb64eec-992f-4921-a889-e3888878f2d9.jpeg"
                  },
                  "title": "Project overview and site setup",
                  "platforms": [
                    "cc-learn",
                    "help_learn",
                    "helpx"
                  ],
                  "duration_in_seconds": "1800",
                  "learning_approach": "article",
                  "related_applications": {
                    "fi_code": [],
                    "sap_code": []
                  },
                  "relatedUtuts": [],
                  "level": "intermediate-advanced",
                  "stage": "master",
                  "source": {
                    "third_party": false,
                    "label": "Adobe.com"
                  },
                  "topics": [
                    "web",
                    "fundamentals"
                  ],
                  "urls": {
                    "helpx": "https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.html",
                    "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.cc-home.html"
                  }
                },
                "urls": {
                  "helpx": "https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.html",
                  "helpx_iframe": "https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.cc-home.html"
                },
                "created_on": "2018-08-22T01:15:00.228Z",
                "modified_on": "2023-01-27T14:59:26.198Z",
                "locale": "en_US",
                "published_status": "live",
                "tutorialUUID": "cecd0ace-36ea-3863-a5f9-527ced20eead"
              }
            ],
            "numberOfItems": 15,
            "numberOfColdstartItems": 15
          }
        }
      ],
      "surfaceAnalyticsData": {
        "surfaceId": "CCX_TUTORIAL_2.5"
      }
    }
  },
  "expirationDTS": "2023-05-04T12:12:34.582+00:00",
  "analyticsData": {
    "responseGUID": "70a93841-792e-4195-af4c-c10c13afb1be"
  },
  "_ccx": {
    "version": 3
  }
}
