Here we are back in the main page of the Adobe spark website, again to get to this main page if you’re in mid Project is to go to the spark logo in the upper left hand corner And it will reload To that initial page and your next step is to go to this little plus here in the upper center of the page, and Click it. We worked on posts the previous time today. We’ll work with pages and Here’s our first screen, so we’ll start where it says add a title and add a subtitle I’m going to quickly pull up my cheat sheet our main title will be drought resistant plants seminar, so I’ll right click and copy, go back to my site and add that as my title I’ll then go back to my cheat sheet and Adventures in sustainable gardening will be my subtitle so I choose copy, Go back to my site click under add a subtitle and paste in that subtitle, now this Plus, whenever we see one we can click and get a number of options for what we want to put on the screen when I click it this first time it just gives me the photo option and this will be a full screen photo that Covers our entire screen. be aware however that when you click that plus after this first one You’ll get a lot more options than simply photo so choose something that’s gonna Be able to look good when taking up the entire screen of the end user. I’ll click upload photo and we’ll go to my desktop, and we’ll go to spark and Let’s find something nice. Let’s go ahead and use This one and you can see it populates automatically into the Page now. at the bottom It says scroll down to start writing your story and as you scroll down you may notice that the title Stay centered longer than the rest of the pictures, so what adobe spark pages doing here is Allowing that title to stay just a few moments longer in the end users eye which is kind of cool. We have this little Plus this time when I click it. We have many more options These are all fairly self-explanatory photo, text, button, video and a photo grid. the only one that requires explanation is Glideshow and We’re actually going to be using glide show in a separate tutorial after this one. It’s one of the coolest ways to work with spark pages, but we’ll start out with these simpler options here. I want to start off with a CSU Extension logo, so I’m going to click photo go to the familiar upload photo button. We’re in our spark page, and I will choose an extension logo. So now we have several more options. We have a plus above our logo so we can add elements, we have a plus below our logo so we can add elements and if we click the logo itself We have several options as far as what to do with this image. inline, probably the most boring of all of them, that we will be using it for this logo it simply puts the image in the center of the screen and Doesn’t really give it any effect. both fill screen and full width are going to give you very large pictures. Be aware that the end user is going to have to do a lot of Scrolling up and down to get over that picture so beware you’re going to be using a lot of real estate if you’re working with fill screen and full width. Window is one of my favorites. It’s smaller than the fill screen and the full width and we’ll be using this later. And it’s a little hard to describe but basically what this does is gives you a little window into the image as you scroll past and that will make more sense once we actually use it and The final two are we can replace the image or we can delete the image. I think we will leave this as an inline photo, and we’re going to go on to our next element I’ll go back to my cheat sheet and We will Give them some basic information here first right-click and copy and We’ll go back to the text option this time and We’ll paste that text in and then this is a plus between all these lines of text. These pluses will not show up when the end-user is using it and we’ll do a preview in just a minute after we get this Text formatted. I’m going to click inside the text I get this toolbar. Let’s go ahead and give it an h2 header so it stands out a little more and Let’s also Center these. So now they’re centered and their h2s. let’s go to preview Here’s our opening Splash screen. our main title and our subtitle, and as we scroll down We can see our logo and then our text To get rid of the preview and continue you click the X in the upper right hand corner. Let’s continue adding elements. I’ll click plus. I’m going to add a photo this time. we’ll go to upload photo and Let’s choose this one. Now I’m going to go window I talked before about how window is good if you’re trying to conserve real estate on your Screen so we’re going to go with window for all the interior Images and we’ll just use full width and fill screen for the beginning and the end. So here’s the window, And if I scroll you can kind of get a sense of this effect you get a window into the picture But not the full picture itself. Also notice we have a caption option over here, so we can add Words here on the Left. I’ve got a sentence of text already preloaded into my clipboard. So I’m going to click on caption and ctrl + V to paste, so now, when we scroll down Or up We have a caption That overlays on this window over image, so it’s a fairly cool effect. in the glide show option Which we’ll see in our next tutorial, you can add more content than just text to these caption panels You can add pictures, you can add YouTube videos And the current configuration though, we can only add text, So we’ll move down here. I’ll click plus again, We’ll choose text and I already have a new piece of text loaded into my clipboard, so I’ll ctrl and V that in. I Will Center it I’ll make this paragraph text as opposed to H1 or h2 and then just below this I’m going to put in a video. I’m going to add an embedded video from YouTube So I’ll click inside the box. Control V in my URL for the YouTube video and click Save, and Now we have the video. Let’s go back and preview the entire thing now, we’ll click preview Take a few seconds to load. We’re here our splash screen, main title, subtitle. We have our logo for CSU extension, when the event is, our first image which is a window image, and then a a caption that goes over that image a piece of text and a video. I’ll choose the X at the upper right hand corner to get out of preview mode. We will add with the plus another photo I’ll go to upload photo and let’s work with This one. We’re gonna make it a window photo again, which gives us the caption option here’s our caption option again I’ll surely a little trick you can’t drag this to wherever you like, But you can drag it to the right side of the page, so I’m going to grab my caption box over there and then ctrl V in my sentence Will then move down to this next plus, I’ll go to text, I have yet one more bit of text in my clipboard loaded already so ctrl V Gives me that text, I will select it again and Center it and then finally I’ll click the plus one last time We haven’t worked with a button yet, so we’ll click button will type in El Paso County Extension And then I’ll add the URL just below it. I’ll paste in the URL For our Paso County Extension there just below it. I’ll Center it and I’ll click Save. so now we have a button will conclude with a plus and a photo, upload photo, And I think let’s end with a giant Rams head here. We’ll click open and That’s inline meaning it’s going to be larger working with full screen or full width so we’ll keep it as is well, go to preview, And here is our entire presentation, splash image, main title, subtitle, Logo, the time, our first picture and a caption on the left, a bit of text and the video Our next picture with a caption on the right a final call to action there a button that when we click Takes us to El Paso County extension and then finally the Rams head and That is how to make an adobe spark page or at least one kind of page our next session We’ll deal with half you build a glideshow using adobe spark pages.