{"id":3416,"date":"2026-05-13T09:05:42","date_gmt":"2026-05-13T09:05:42","guid":{"rendered":"https:\/\/earlyasd.eu\/web\/?page_id=3416"},"modified":"2026-06-02T19:12:05","modified_gmt":"2026-06-02T19:12:05","slug":"practical-guide","status":"publish","type":"page","link":"https:\/\/earlyasd.eu\/web\/practical-guide\/","title":{"rendered":"Practical Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3416\" class=\"elementor elementor-3416\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6db38e64 e-flex e-con-boxed e-con e-parent\" data-id=\"6db38e64\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b34ba6 e-flex e-con-boxed e-con e-parent\" data-id=\"1b34ba6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3dd929 elementor-widget elementor-widget-text-editor\" data-id=\"d3dd929\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\">The Practical Guide for preservice teachers focuses on how to use Digital Social Stories (DSS) to support the social and emotional development of children with Autism Spectrum Disorder (ASD).<br \/>It provides a structured, practice-oriented approach integrating theoretical foundations with classroom strategies. The guide supports teachers in designing, implementing, and reflecting on DSS in inclusive educational practice.<br \/>To complement the handbook, supplementary digital resources are available below.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77a6f55 e-con-full e-flex e-con e-parent\" data-id=\"77a6f55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5046b74 elementor-widget elementor-widget-html\" data-id=\"5046b74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- EARLY ASD \u2013 Practical Guide Section | WordPress HTML Block -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Scope all styles to avoid Elementor conflicts \u2500\u2500 *\/\r\n.earlyasd-guide-wrap *,\r\n.earlyasd-guide-wrap *::before,\r\n.earlyasd-guide-wrap *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.earlyasd-guide-wrap {\r\n  font-family: 'Source Sans Pro', sans-serif;\r\n  color: #3a3a3a;\r\n  max-width: 860px;\r\n  margin: 0 auto;\r\n  padding: 0 20px 48px;\r\n}\r\n\r\n\/* \u2500\u2500 Intro text \u2500\u2500 *\/\r\n.earlyasd-intro {\r\n  font-size: 1.08rem;\r\n  line-height: 1.8;\r\n  color: #444;\r\n  margin-bottom: 36px;\r\n  padding: 28px 32px;\r\n  background: #f9f9fb;\r\n  border-left: 4px solid #6EC1E4;\r\n  border-radius: 8px;\r\n}\r\n\r\n\/* \u2500\u2500 Guide image block \u2500\u2500 *\/\r\n.earlyasd-image-block {\r\n  text-align: center;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.earlyasd-image-link {\r\n  display: inline-block;\r\n  border-radius: 10px;\r\n  transition: opacity 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n.earlyasd-image-link:hover {\r\n  opacity: 0.92;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.earlyasd-image-block img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n  box-shadow: 0 6px 28px rgba(0,0,0,0.10);\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Shared button base \u2500\u2500 *\/\r\n.earlyasd-btn {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n  font-family: 'Source Sans Pro', sans-serif;\r\n  font-size: 0.97rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.4px;\r\n  padding: 13px 30px;\r\n  border-radius: 50px;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: background-color 0.22s ease, transform 0.18s ease;\r\n  line-height: 1.2;\r\n}\r\n\r\n.earlyasd-btn:focus-visible {\r\n  outline: 3px solid #346a99;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* Pink \u2013 navigation \/ access *\/\r\n.earlyasd-btn-pink {\r\n  background-color: #d20859;\r\n  color: #fff !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.earlyasd-btn-pink:hover {\r\n  background-color: #ed166d;\r\n  color: #fff !important;\r\n  box-shadow: none !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Blue \u2013 download only *\/\r\n.earlyasd-btn-blue {\r\n  background-color: #6EC1E4;\r\n  color: #fff !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.earlyasd-btn-blue:hover {\r\n  background-color: #346a99;\r\n  color: #fff !important;\r\n  box-shadow: none !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* \u2500\u2500 Download row (centred under image) \u2500\u2500 *\/\r\n.earlyasd-download-row {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n  padding-bottom: 40px;\r\n  border-bottom: 1px solid #e8e8ee;\r\n}\r\n\r\n\/* \u2500\u2500 Resource cards grid \u2013 strict 2 \u00d7 2 \u2500\u2500 *\/\r\n.earlyasd-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* \u2500\u2500 Individual resource card \u2500\u2500 *\/\r\n.earlyasd-card {\r\n  background: #fff;\r\n  border: 1px solid #e4e4ec;\r\n  border-radius: 12px;\r\n  padding: 28px 24px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  box-shadow: none;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.earlyasd-card:hover {\r\n  box-shadow: none;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.earlyasd-card-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: #f0f8fd;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.earlyasd-card-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n\r\n.earlyasd-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #1d1d2e;\r\n  line-height: 1.3;\r\n}\r\n\r\n.earlyasd-card p {\r\n  font-size: 0.91rem;\r\n  color: #666;\r\n  line-height: 1.6;\r\n  flex-grow: 1;\r\n}\r\n\r\n.earlyasd-card-footer {\r\n  margin-top: 14px;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive: stack to single column on small screens \u2500\u2500 *\/\r\n@media (max-width: 560px) {\r\n  .earlyasd-intro {\r\n    padding: 20px 18px;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .earlyasd-btn {\r\n    padding: 12px 22px;\r\n    font-size: 0.93rem;\r\n  }\r\n\r\n  .earlyasd-cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"earlyasd-guide-wrap\" aria-label=\"Practical Guide for Preservice Teachers\">\r\n\r\n\r\n\r\n  <!-- 2. Centred responsive image \u2013 links to PDF -->\r\n  <div class=\"earlyasd-image-block\">\r\n    <a\r\n      href=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2026\/06\/Digital_Social_Stories_Handbook_EARLY_ASD.pdf\"\r\n      class=\"earlyasd-image-link\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\"\r\n      aria-label=\"Open Practical Guide PDF\"\r\n    >\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2026\/05\/Sablon-ve-Uygulamalar-28-x-22-cm-28-x-20-cm.png\"\r\n        alt=\"Practical Guide for Preservice Teachers \u2013 cover preview\"\r\n        loading=\"lazy\"\r\n      >\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- 3. Blue download button -->\r\n  <div class=\"earlyasd-download-row\">\r\n    <a\r\n      href=\"https:\/\/earlyasd.eu\/web\/sdc_download\/3435\/?key=73b4l195mlyz04koajtv0dum62yas2\"\r\n      class=\"earlyasd-btn earlyasd-btn-blue\"\r\n      download\r\n      aria-label=\"Download Practical Guide as PDF\"\r\n    >\r\n      \u2193&nbsp; Download Practical Guide (PDF)\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- 4\u20137. Resource cards \u2013 2 \u00d7 2 grid -->\r\n  <div class=\"earlyasd-cards\">\r\n\r\n    <!-- Quick Start Resources -->\r\n    <article class=\"earlyasd-card\">\r\n      <div class=\"earlyasd-card-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6EC1E4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Quick Start Resources<\/h3>\r\n      <p>Introductory materials, examples, basic templates.<\/p>\r\n      <div class=\"earlyasd-card-footer\">\r\n        <a\r\n          href=\"https:\/\/earlyasd.eu\/web\/quick-start-guide\/\"\r\n          class=\"earlyasd-btn earlyasd-btn-pink\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"Access Quick Start Resources\"\r\n        >Access resources<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Tools and Platforms -->\r\n    <article class=\"earlyasd-card\">\r\n      <div class=\"earlyasd-card-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6EC1E4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8m-4-4v4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Tools and Platforms<\/h3>\r\n      <p>Recommended tools and platforms for creating Digital Social Stories.<\/p>\r\n      <div class=\"earlyasd-card-footer\">\r\n        <a\r\n          href=\"https:\/\/earlyasd.eu\/web\/tools-and-platforms\/\"\r\n          class=\"earlyasd-btn earlyasd-btn-pink\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"Access tools\"\r\n        >Access tools<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Evaluation Tools -->\r\n    <article class=\"earlyasd-card\">\r\n      <div class=\"earlyasd-card-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6EC1E4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Evaluation Tools<\/h3>\r\n      <p>Observation, assessment, and reflection tools.<\/p>\r\n      <div class=\"earlyasd-card-footer\">\r\n        <a\r\n          href=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2026\/05\/Evaluation-Tools.pdf\"\r\n          class=\"earlyasd-btn earlyasd-btn-pink\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"Access tools\"\r\n        >Access tools<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Digital Social Stories -->\r\n    <article class=\"earlyasd-card\">\r\n      <div class=\"earlyasd-card-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6EC1E4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Digital Social Stories<\/h3>\r\n      <p>Sample Digital Social Stories developed within the project.<\/p>\r\n      <div class=\"earlyasd-card-footer\">\r\n        <a\r\n          href=\"https:\/\/earlyasd.eu\/web\/video-library\/\"\r\n          class=\"earlyasd-btn earlyasd-btn-pink\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"View Digital Social Stories examples\"\r\n        >View examples<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div><!-- \/.earlyasd-cards -->\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Practical Guide for preservice teachers focuses on how to use Digital Social Stories (DSS) to support the social and emotional development of children with Autism Spectrum Disorder (ASD).It provides a structured, practice-oriented approach integrating theoretical foundations with classroom strategies. The guide supports teachers in designing, implementing, and reflecting on DSS in inclusive educational practice.To [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/comments?post=3416"}],"version-history":[{"count":58,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3416\/revisions"}],"predecessor-version":[{"id":3682,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3416\/revisions\/3682"}],"wp:attachment":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/media?parent=3416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}