1 00:00:02,447 --> 00:00:07,667 [Auto-generated transcript. Edits may have been applied for clarity.] Today we're going to be talking about, um, Adobe Express web page specifically. 2 00:00:08,057 --> 00:00:12,467 I do have a presentation page that you are welcome to follow along with. 3 00:00:12,827 --> 00:00:18,917 Um, it might be helpful for you to make a note of this page or jot it down or pull it up on your computer, 4 00:00:19,547 --> 00:00:23,897 because there may be some interesting resources that you might want to access later. 5 00:00:24,317 --> 00:00:29,296 Um, and so if you would like to access the presentation page for today, 6 00:00:29,297 --> 00:00:37,787 you can go to RB, RBI slash I RC that's for innovation and research Commons Adobe CC. 7 00:00:37,997 --> 00:00:40,367 And that will take you to this presentation page. 8 00:00:41,447 --> 00:00:48,327 And once you load that onto your computer, you're actually already accessing an Adobe Express web page. 9 00:00:48,377 --> 00:00:52,907 So I use Adobe Express web page as a replacement for PowerPoint a lot. 10 00:00:53,327 --> 00:00:58,757 Um, it's very handy because it does create a permalink URL address. 11 00:00:59,327 --> 00:01:03,677 And what I do a lot is combine the permalink address. 12 00:01:03,677 --> 00:01:10,537 If you notice this express web page right up here has this, uh, it just has an automatic URL that gets assigned to it. 13 00:01:10,547 --> 00:01:13,757 It's kind of like an unlisted Adobe Express link. 14 00:01:13,907 --> 00:01:17,387 So it's hosted with Adobe, but it is a permalink. 15 00:01:17,597 --> 00:01:21,286 But it's also not very friendly and I don't and I can't really change that. 16 00:01:21,287 --> 00:01:24,677 So what I like to do is to pair that with the RB shortener. 17 00:01:25,247 --> 00:01:27,197 So that's your first little tip for today. 18 00:01:27,497 --> 00:01:34,967 If you want to give somebody an easy short URL to your web page, you can use the RB shortener or another shortener if you would like to. 19 00:01:35,237 --> 00:01:43,097 Uh, but you all have access to RB, you just go to a YubiKey in a browser, and then you can create a short URL to whatever you like. 20 00:01:43,097 --> 00:01:47,867 And that could be to your Adobe Express web page if you like. Um, that's just a little side note. 21 00:01:48,167 --> 00:01:53,927 Um, if you notice, when you, uh, load this short RB link, it will take you to this page and do a redirect. 22 00:01:54,107 --> 00:02:01,547 Okay. All right. So on this page, there are a lot of other resources that I won't necessarily go all through today. 23 00:02:01,547 --> 00:02:06,827 But that way you have this to refer back to um, and, and you can use that in the future. 24 00:02:07,697 --> 00:02:13,307 So, uh, what we're going to be mostly focusing on today is the Adobe Express web page. 25 00:02:13,757 --> 00:02:17,407 Um, there are a whole lot of other apps that you get access to through Adobe. 26 00:02:17,417 --> 00:02:23,997 You're probably already familiar with some of those, but there is a little app sheet here that kind of goes over everything you get access to. 27 00:02:24,017 --> 00:02:28,757 So take advantage of the Creative Cloud while you have access to it here at Auburn as a student. 28 00:02:29,757 --> 00:02:33,446 And then, uh, there's some other households kind of videos and things like that. 29 00:02:33,447 --> 00:02:41,317 Some information about Adobe Express. There's also, um, sort of step by step directions on how to sign into Adobe Express. 30 00:02:41,357 --> 00:02:43,317 So I'll walk you through that in just a moment. 31 00:02:43,647 --> 00:02:50,307 But you basically have access to Adobe Express after you just sign up for your Adobe ID, which you should already have. 32 00:02:50,397 --> 00:02:53,577 You guys are already probably using some Adobe products, so all good. 33 00:02:54,057 --> 00:03:02,537 And then Adobe expresses web based. So that makes it very easy for you to access you just you can access it wherever you have internet access. 34 00:03:02,547 --> 00:03:08,007 You don't have to download an app or anything. You can just go to express to B.Com. 35 00:03:08,577 --> 00:03:15,177 And then you'll continue with email because you already have an Adobe subscription set up with your Auburn email. 36 00:03:15,177 --> 00:03:16,977 So you'll use your Auburn email address. 37 00:03:17,277 --> 00:03:23,567 And then just make sure to choose a company or school account, and then it'll probably give you the Auburn Authenticate page. 38 00:03:23,577 --> 00:03:28,857 There's even a video here to help you in case you need assistance after today on how to log in. 39 00:03:29,097 --> 00:03:32,396 Uh, but I'm going to walk you through it today as well. But I wanted to point that out. 40 00:03:32,397 --> 00:03:35,157 That on this resource page are also the instructions. 41 00:03:36,467 --> 00:03:43,696 There is also a mobile app for Adobe Express, so this might help you for designing on the fly if you're away from your computer. 42 00:03:43,697 --> 00:03:52,337 So kind of keep that in mind. And then the best way to access Adobe Express is just to go to express started do B.Com in a browser. 43 00:03:52,607 --> 00:03:55,727 Um, I tend to use Chrome tends to work really well in Chrome. 44 00:03:55,727 --> 00:04:00,887 It'll work in other browsers too. It's fine. Um, but that's what I kind of recommend. 45 00:04:01,727 --> 00:04:05,087 But know that there's also a mobile app too. That kind of gets you started. 46 00:04:05,267 --> 00:04:06,916 And before we hop into express, 47 00:04:06,917 --> 00:04:14,147 wanted to just kind of remind you of some of the other things or make you aware of some of the other features of Adobe Express that you could use. 48 00:04:14,477 --> 00:04:23,206 Um, it has lots of templates to help you create social media graphics or fliers, anything from digital, uh, creations to print. 49 00:04:23,207 --> 00:04:30,977 You could use it to brand yourself. Maybe you make a teaser video for your portfolio and you use express to make that, um. 50 00:04:30,977 --> 00:04:35,957 There's even generative AI art features that you can create, um, in Adobe Express, 51 00:04:36,257 --> 00:04:41,537 and it's responsibly sourced artificial intelligence art, which is really nice. 52 00:04:41,957 --> 00:04:53,897 The, uh, Adobe Firefly, which you also get access to through your Adobe ID, is, um, only trained on Adobe Stock images as well as open source images. 53 00:04:54,107 --> 00:04:59,357 So if you're interested in AI art, that's a good, responsible way to use, um, AI art in general. 54 00:04:59,657 --> 00:05:03,317 It's also, you know, safe. It won't do anything inappropriate and that sort of thing. 55 00:05:03,617 --> 00:05:08,117 Um, you can even do quick things like, uh, edit PDFs. 56 00:05:08,117 --> 00:05:13,037 Uh, you can edit some graphics pretty quickly for your, um, photography needs. 57 00:05:13,037 --> 00:05:19,487 You're likely using Photoshop. You're sort of working at a higher level, but if you're on the go and have to do something pretty fast, 58 00:05:19,487 --> 00:05:22,937 um, this is this could be a good option or you're away from your computer. 59 00:05:23,657 --> 00:05:28,007 Um, it'll help you create video and audio, even short animations, things like that. 60 00:05:28,007 --> 00:05:34,277 And you could combine these things with the web page, because anything that you can create sort of within Adobe Express, 61 00:05:34,547 --> 00:05:38,147 you could then download and then post on to your Adobe Express webpage. 62 00:05:38,747 --> 00:05:42,767 You don't have to know any code at all for Adobe Express web page. 63 00:05:43,517 --> 00:05:48,467 It actually doesn't use HTML, so you can't get in there, sort of tweak the code and that sort of thing. 64 00:05:48,737 --> 00:05:52,157 But because it's so easy to use is very simple to set up. 65 00:05:52,157 --> 00:05:57,797 And, um, you know, it's it's a little limited in some ways, but it's super quick, super easy to set up. 66 00:05:58,097 --> 00:06:03,677 Uh, fantastic for tossing a bunch of photos up there that you want people to review, and then you send them a quick link. 67 00:06:03,977 --> 00:06:06,977 Um, and it it does give you a permalink, which is very nice. 68 00:06:07,697 --> 00:06:10,847 Um, in general, Adobe Express is all online. 69 00:06:10,847 --> 00:06:15,437 You don't have to take up storage space on your computer for these types of things, which is nice. 70 00:06:15,437 --> 00:06:19,396 There's even a social media scheduler and there's even a brand center. 71 00:06:19,397 --> 00:06:24,587 So you can sort of set up your own brand and then apply that to everything that you create and express. 72 00:06:24,587 --> 00:06:31,666 So that's kind of a fun thing to a lot of small businesses use this as sort of their all in one solution because they can set up their brand, 73 00:06:31,667 --> 00:06:36,377 do their scheduling, do all their social media, print fliers, digital signage, all that kind of stuff. 74 00:06:36,977 --> 00:06:40,696 And if you want to go further with express, there's a user guide link here. 75 00:06:40,697 --> 00:06:45,077 So if you're looking for something really specific, maybe about Adobe Express web page, 76 00:06:45,087 --> 00:06:49,487 you're not sure if it does what it is that you're thinking, you can go to that user guide. 77 00:06:49,517 --> 00:06:54,616 There's also a YouTube channel, um, that uh, only talks about Adobe Express. 78 00:06:54,617 --> 00:07:01,037 So those are very good as well. And then also on this page I wanted to show you before we hop into express, um, 79 00:07:01,037 --> 00:07:06,167 there are a lot of other features of express to feel free to, you know, investigate these on your own as well. 80 00:07:06,167 --> 00:07:12,077 Later. Um, here are some new features that are pretty recent, just in the past year or so. 81 00:07:12,707 --> 00:07:17,866 And then I wanted to especially show you, um, you also get access to Adobe Stock images. 82 00:07:17,867 --> 00:07:22,967 You guys are creating your own, which is great, but just be aware of that for your other projects and things like that. 83 00:07:23,657 --> 00:07:28,637 Um, I wanted to show you are Adobe Express, uh, or Adobe Creative Space page. 84 00:07:28,817 --> 00:07:35,206 Um, because if you need assistance after today for your Adobe Express web page, um, 85 00:07:35,207 --> 00:07:43,637 then we have Adobe Student Consultants who work at a help desk, and that is located on the first floor of the library. 86 00:07:44,177 --> 00:07:50,177 Um, they also manage a zoom room at the same time. So let me just kind of show you that link really quickly. 87 00:07:51,157 --> 00:07:56,407 Um. And the best thing to do, though. Um, any of them can help you with express. 88 00:07:57,217 --> 00:08:00,617 Some of them may have more experience with web page than others. 89 00:08:00,637 --> 00:08:08,977 A lot of them, they know sort of the more intricate apps, you know, such as Photoshop and Illustrator and InDesign and Premiere Pro and all of that. 90 00:08:09,337 --> 00:08:15,306 Um, but if you stuck on something, they are very good at troubleshooting and helping you figure things out. 91 00:08:15,307 --> 00:08:21,487 And most of the time, like two students, especially one who's very familiar with Adobe products in general and helping 92 00:08:21,487 --> 00:08:25,147 and has experience sort of helping people with the apps can figure things out. 93 00:08:25,567 --> 00:08:32,527 So the first thing to do would be if you need assistance after today would be just to check our schedule here on our website. 94 00:08:32,917 --> 00:08:36,007 Make sure somebody is actually scheduled to work. 95 00:08:36,277 --> 00:08:43,087 Um, at the time that you'd like to come get assistance, and then you can either come over and get assistance in person on the first floor, 96 00:08:43,777 --> 00:08:48,247 or if you can't quite make it over to the library, you can also hop into a zoom room. 97 00:08:48,577 --> 00:08:54,187 So whenever they have a schedule that's listed here, they are available in person and via zoom. 98 00:08:54,607 --> 00:08:58,687 Um, so you could share your screen. They could share their screen, um, all of that. 99 00:08:58,897 --> 00:09:04,447 You can also, uh, click on their pseudonym to see what their specialties are. 100 00:09:04,837 --> 00:09:08,587 Any of them can help you with Adobe Express, so you don't have to necessarily do that. 101 00:09:08,887 --> 00:09:10,897 Um, you know, for this project. 102 00:09:10,897 --> 00:09:19,527 But if you are working in other apps and you might need assistance and other apps that you want to learn, um, it's, it's a good idea to check. 103 00:09:19,537 --> 00:09:24,337 And when a consultant who has that specialty listed to get assistance at that time. 104 00:09:24,607 --> 00:09:32,437 All right. So that's the Adobe creative space. Um, and then also on this resource page, I wanted to show you at the end, 105 00:09:32,827 --> 00:09:40,417 I have a little video here and also a step by step process for how to add anchor links. 106 00:09:40,987 --> 00:09:48,157 So if you want to now Adobe Express web page doesn't really have like a ton of navigation that it comes with that you can alter. 107 00:09:48,877 --> 00:09:54,967 Um, and like I said, it's not built on HTML. It's built on Adobe's design code, so you can't get in or tweak it and that sort of thing. 108 00:09:55,237 --> 00:10:05,227 But anchor links will work. So what you could do for your web page is set up basically like a table of contents at the top, 109 00:10:05,707 --> 00:10:15,877 and then all you do is use the H2 header feature of the web page, and then you can link to that particular header down on the page. 110 00:10:15,887 --> 00:10:20,587 So when you click the table of contents it'll bump you down the page. So it's one sort of long page. 111 00:10:20,917 --> 00:10:26,917 And then you can also build in a back to top and put an anchor link at the top so people can kind of navigate back and forth. 112 00:10:27,307 --> 00:10:30,517 This video shows you how to do that. It's a little bit tricky. 113 00:10:30,517 --> 00:10:33,546 It's not too bad, but it is sort of a step by step process. 114 00:10:33,547 --> 00:10:40,567 So and to make sure I showed you that resource, in case you have a long web page with a lot of content, 115 00:10:40,567 --> 00:10:44,017 you might want to add a table of contents with those anchor links. 116 00:10:44,197 --> 00:10:49,477 Okay. All right. So that is essentially the the resources that are available on this page. 117 00:10:49,867 --> 00:10:59,377 We also have prerecorded videos. Um I'm going to give you a recording from uh today um, as well, um, that you guys can keep. 118 00:10:59,407 --> 00:11:04,206 Uh, but we also have additional, uh, videos that go more into express. 119 00:11:04,207 --> 00:11:07,467 And, uh, I have one that specifically on web pages as well. 120 00:11:07,477 --> 00:11:12,607 But you guys are getting an updated version because there's some new stuff in Adobe Express, which is really cool. 121 00:11:13,357 --> 00:11:22,957 All right. So what we're going to do is we're going to go back up to our Adobe Express, uh, section here, and we're going to hop into Adobe Express. 122 00:11:24,247 --> 00:11:26,407 And get started with making a web page. 123 00:11:26,707 --> 00:11:32,127 So you can either follow along on this page by finding this little video here, and then clicking the link here. 124 00:11:32,137 --> 00:11:38,557 Or you can just open a new tab on your computer and go to express that adobe.com. 125 00:11:39,487 --> 00:11:44,167 So I'm going to go ahead and click here, which is the same as going to express I do B.Com. 126 00:11:45,407 --> 00:11:49,337 And I'm actually going to sign out so you guys can so I can walk you through how to sign in. 127 00:11:51,797 --> 00:11:57,557 I'll give you a second to get there. It's a really good idea to, uh, follow along if you can. 128 00:11:59,257 --> 00:12:05,047 If you're not able to follow along today, that's all right. You'll get a recording from today if you need to review it. 129 00:12:05,407 --> 00:12:09,637 And some people more comfortable just watching and then trying it on their own later, that's totally fine. 130 00:12:10,807 --> 00:12:16,047 All right, so from here, you want to sign in with Adobe ID or sign in with email. 131 00:12:16,057 --> 00:12:20,887 You don't want to choose any of these other options. You have an official Auburn subscription. 132 00:12:21,277 --> 00:12:25,057 So you will put in your entire Auburn, uh, email address. 133 00:12:26,677 --> 00:12:31,477 So we'll do that. And then we will hit continue. 134 00:12:32,757 --> 00:12:39,986 And then at this point, you want to make sure you choose company or school account because you have an account with Adobe through Auburn. 135 00:12:39,987 --> 00:12:48,446 So it's an enterprise level account, and you want to make sure that you sign in to Adobe Access properly, um, so that you get premium access. 136 00:12:48,447 --> 00:12:56,677 If you just go and randomly make a personal account using even if you choose to use your Auburn email, it won't log you incorrectly. 137 00:12:56,697 --> 00:13:01,677 So make sure you choose company your school account. And then this is correct. 138 00:13:01,677 --> 00:13:05,967 We should get the Auburn login screen. This is single sign on. 139 00:13:06,067 --> 00:13:17,087 This is what we want to see. Put in your Auburn username and password and then you should be into Adobe Express. 140 00:13:17,927 --> 00:13:20,237 So I'll give you just a minute to kind of get logged in. 141 00:13:21,967 --> 00:13:28,007 While you're getting logged in, you can also check to make sure you're logged in by clicking your profile on the upper right. 142 00:13:28,027 --> 00:13:34,717 Make sure it says Dot at Edu. Um, and it should say also that basically you have premium access. 143 00:13:35,167 --> 00:13:43,357 Uh, your premium access includes things like stock audio and video, which is available inside of Adobe Express. 144 00:13:43,657 --> 00:13:52,476 We don't get access to audio and video through Adobe Stock through stock.adobe.com, but we do get access to some within express. 145 00:13:52,477 --> 00:13:56,527 So that's another little advantage that you can, uh, you know, take advantage of. 146 00:13:57,277 --> 00:14:04,207 Um, let's take a minute to look at the interface here for just a minute of Adobe Express so we can search for things up here. 147 00:14:04,297 --> 00:14:11,887 We can search for files we've previously created. Uh, we can just search for photos, design assets, web page templates. 148 00:14:11,887 --> 00:14:16,747 So this is new, um, just in the past, uh, few months, actually. 149 00:14:16,987 --> 00:14:19,716 So I'm going to show you two ways of making a web page. 150 00:14:19,717 --> 00:14:26,497 Essentially, I'm going to show you from scratch first so that you can thoroughly understand what are all the features that you get. 151 00:14:26,827 --> 00:14:32,646 And then I'll also show you the web page templates so you can be more informed when you choose a template, 152 00:14:32,647 --> 00:14:36,277 if you want to choose that or if you want to make your own, then you can do that as well. 153 00:14:37,087 --> 00:14:41,196 But also here on the interface you can see it gives you suggested things to start. 154 00:14:41,197 --> 00:14:45,097 You can create videos, you can create some nails, all that kind of stuff. 155 00:14:45,397 --> 00:14:50,527 Um, you could create teaser things to post to, um, advertise your webpage. 156 00:14:51,337 --> 00:14:54,547 Notice there's also the generative AI art that I mentioned here. 157 00:14:54,997 --> 00:14:57,757 Um, a quick note about generative AI art in general. 158 00:14:57,757 --> 00:15:05,706 That would be important for people sort of who work in your area to know, um, when you do use the generative AI art in Adobe, 159 00:15:05,707 --> 00:15:11,887 it is, uh, basically commercially safe because it is only trained on its own Adobe stock. 160 00:15:11,887 --> 00:15:15,457 It's not violating copyright by what it's been trained on. 161 00:15:15,667 --> 00:15:23,347 Whereas Midjourney stable diffusion, some others like that are violating copyright because they've just been trained on random images that they've, 162 00:15:23,677 --> 00:15:28,597 um, you know, scraped from the internet and they didn't have the rights to get trained on those things. 163 00:15:29,347 --> 00:15:32,347 So Adobe Firefly is a much safer tool to use. 164 00:15:32,347 --> 00:15:39,966 You may have noticed it's available in Photoshop as well. Um, however, keep in mind that the other side of the coin is true. 165 00:15:39,967 --> 00:15:46,117 It's commercially safe, but you cannot copyright anything that you created with an AI, 166 00:15:46,837 --> 00:15:50,767 so that's important for you to understand as designers and as photographers. 167 00:15:51,127 --> 00:15:59,497 If you alter your images using AI, you'll be able to copyright just the parts that you created as an author or an artist, 168 00:15:59,797 --> 00:16:09,157 not the parts that you alter with AI. So you there are some artists you know, who will not use AI in their final designs, 169 00:16:09,517 --> 00:16:13,807 because they want to have the ability to copyright the entire image. 170 00:16:14,227 --> 00:16:19,117 That would be particularly important if you are working with a client in the future. 171 00:16:19,777 --> 00:16:25,417 So keep those things in mind. AI art can be great for getting ideas, doing mockups. 172 00:16:25,417 --> 00:16:28,687 Maybe have a client do a mockup of what they're looking for. 173 00:16:29,107 --> 00:16:37,387 Great. You know, but your final product, if you're wanting to copyright it, you're not going to be able to do it if you use AI art. 174 00:16:37,387 --> 00:16:43,807 So just keep it can keep that in mind. Um, there are also other quick tricks that you can do, kind of like in Photoshop. 175 00:16:43,807 --> 00:16:48,837 You can use generative fill or remove. Um, there are text to templates. 176 00:16:48,847 --> 00:16:53,017 You can create your social media templates really quickly. There's also text effects, all that kind of stuff. 177 00:16:53,017 --> 00:16:57,487 So a little side note about that to create anything in Adobe Express. 178 00:16:57,667 --> 00:17:01,777 Um, and to get all of the choices, you click the little plus sign on the upper left. 179 00:17:02,227 --> 00:17:05,887 And then you can just search for the suggested items. 180 00:17:06,547 --> 00:17:11,947 Um, or you can just, uh, search here, uh, within the, uh, description. 181 00:17:12,217 --> 00:17:16,387 So in our case, we might want to type in web page. 182 00:17:18,657 --> 00:17:21,897 And, uh, so we can find the correct web page that we want. 183 00:17:22,557 --> 00:17:26,456 Notice you can make all these other things and it knows what the resolution sizes are and everything. 184 00:17:26,457 --> 00:17:30,537 So makes it super fast. But we're going to want to go to the web page feature today. 185 00:17:30,897 --> 00:17:37,887 So make sure you hit the plus sign. And then what page. Web page is actually one of the sort of lesser known features of Adobe Express. 186 00:17:38,127 --> 00:17:43,107 So I'm glad you guys are kind of investigating it. It can be great for an initial portfolio. 187 00:17:43,377 --> 00:17:47,577 Now, the first thing that's going to come up is these are these templates. 188 00:17:47,577 --> 00:17:50,907 So we can take a minute to look at the templates. But we're not going to pick one yet. 189 00:17:50,937 --> 00:17:55,646 I want you to create one from scratch first. So you have an idea of the features and how it works. 190 00:17:55,647 --> 00:17:59,007 And then if you want to use a template that's totally up to you. 191 00:17:59,157 --> 00:18:02,577 Make sure it meets the parameters of your assignment and what it is that you want. 192 00:18:03,027 --> 00:18:08,097 Um, but you can search through the templates by and look that has a portfolio option. 193 00:18:08,427 --> 00:18:12,867 Um, so here's a writing portfolio. You can click preview and check it out if you want. 194 00:18:13,257 --> 00:18:17,037 Um, there's some other portfolios down here. Here's a photography portfolio. 195 00:18:17,067 --> 00:18:21,956 You might check that out later if you like how it set up a class portfolio. 196 00:18:21,957 --> 00:18:26,637 And then anything in that in, in those, uh, templates, um, is editable. 197 00:18:27,087 --> 00:18:32,066 Um, but you have to kind of know what the features are first in order to do a better job of that. 198 00:18:32,067 --> 00:18:35,247 So, um, those are some options here. 199 00:18:35,277 --> 00:18:38,817 Getting started with the template. But what we're going to do is create from scratch. 200 00:18:38,937 --> 00:18:46,207 So down here in the bottom right choose create from scratch. So now you get to kind of really customize your web page. 201 00:18:46,227 --> 00:18:51,117 The first thing we're probably going to want to do is name this so we can get back to it more easily. 202 00:18:51,447 --> 00:18:55,977 So if you go up to the, uh, title up here, you can give it a name. 203 00:18:56,427 --> 00:19:00,617 So we may call this one sample. Photography. 204 00:19:04,097 --> 00:19:10,597 Web page or whatever it is you want to call it. Portfolio, something like that. 205 00:19:10,837 --> 00:19:14,496 Hit enter and uh, that will name it. 206 00:19:14,497 --> 00:19:18,397 And now this is saved and it will save as we go, as we create it. 207 00:19:18,667 --> 00:19:22,236 And now it's going to be a lot easier for us to find now that it's been named, 208 00:19:22,237 --> 00:19:28,207 if we go back to the home screen or if we exit out, we just can go to the folder called My Stuff. 209 00:19:28,387 --> 00:19:33,366 And that's where your projects will live. So just to show you, to confirm you know where your stuff is. 210 00:19:33,367 --> 00:19:40,577 If you hit back home and then go to your stuff, then your folder, your file is right here, okay. 211 00:19:40,597 --> 00:19:43,807 In the your stuff. So we'll click back into it to edit it. 212 00:19:44,827 --> 00:19:49,896 Um, and this is where you'll come back to anytime you want to edit or republish your changes. 213 00:19:49,897 --> 00:19:56,136 Uh, make changes to your, uh, web page and everything. Okay, so, um, it's a good idea. 214 00:19:56,137 --> 00:20:02,196 Before you get started with your web page to kind of have an outline or an idea of what you want to put on your web page. 215 00:20:02,197 --> 00:20:09,007 So maybe you've got a folder somewhere that's organized with your, with your photos, uh, maybe use Lightroom for that. 216 00:20:09,007 --> 00:20:16,236 You know, um, have some sort of plan or, um, and some sort of idea of what you want to do before you just kind of hop in here. 217 00:20:16,237 --> 00:20:25,417 So that's a good thing to do as well. Now for this header image, you can choose either this full cover and pick a photo or upload your own. 218 00:20:25,897 --> 00:20:30,487 Or you can choose the short cover. So if you choose short cover it'll be sort of shorter. 219 00:20:30,487 --> 00:20:35,737 And then you can kind of get people's eyes on your stuff, you know, more quickly. 220 00:20:36,127 --> 00:20:40,987 Um, but if you prefer the large cover, you can go back to just the large cover. 221 00:20:41,767 --> 00:20:48,276 And then if we want to pick a photo or an image, you could also design your own, um, you know, 222 00:20:48,277 --> 00:20:54,547 using the large widescreen resolution size is probably what you would use in express or, you know, Photoshop or whatever. 223 00:20:54,967 --> 00:20:58,867 Um, some people do that make their own little collage and then that's their header image. 224 00:20:59,197 --> 00:21:05,797 Um, but for today we can just hit photo and then you could upload your own photo from your computer. 225 00:21:05,977 --> 00:21:10,837 Um, in this case I'm just going to use some stock photos so we can kind of get started for today. 226 00:21:11,257 --> 00:21:16,496 Um, so I will do mine on. I'm going to do mine on soccer. 227 00:21:16,497 --> 00:21:20,367 Or maybe I'm a soccer photographer, so I'm going to add some stuff like that. 228 00:21:21,027 --> 00:21:25,167 So I'm just going to pick one of these stock images. These are Adobe Stock images. 229 00:21:25,167 --> 00:21:28,737 The little crown means it's premium access which you do have. 230 00:21:29,157 --> 00:21:34,106 Um, and these are totally fine for you to use publish, you know, whatever you want. 231 00:21:34,107 --> 00:21:40,647 We have like the full license for all educational purposes so we can click our image here. 232 00:21:41,487 --> 00:21:47,577 And now we've got our header image and we can give this a title. So I might call this my portfolio. 233 00:21:49,247 --> 00:21:53,117 And then we might call this a soccer. And then we add a subtitle. 234 00:21:54,907 --> 00:21:59,967 Okay. And then it tells you to scroll to start writing your story. 235 00:21:59,977 --> 00:22:03,367 So it kind of walks you through creating your web page pretty easily. 236 00:22:03,397 --> 00:22:10,027 You're going to scroll down and as we scroll down, let's take a minute to see what our options are so we can add a photo. 237 00:22:10,267 --> 00:22:13,506 This would just be a standalone photo and we have some options for that. 238 00:22:13,507 --> 00:22:16,806 We'll come back to. We can add some text. We can add a button. 239 00:22:16,807 --> 00:22:20,727 This is a hyperlinked button. Um a GIF video. 240 00:22:20,737 --> 00:22:26,587 You can embed video into your Adobe Express web page by just copying and pasting the URL. 241 00:22:26,857 --> 00:22:34,597 If your video first exists in YouTube, Vimeo, or Adobe Express first, then you can embed it. 242 00:22:34,717 --> 00:22:40,087 Otherwise you can just use text and link to it if it doesn't live in any of those places. 243 00:22:40,477 --> 00:22:41,577 Um, but that's a tip. 244 00:22:41,587 --> 00:22:49,326 If you wanted some videos sort of on your portfolio, get it created embedded in there first and hosted and then, uh, just copy and paste that URL. 245 00:22:49,327 --> 00:22:54,667 You don't even need the embed code. It makes it super easy. There is a photo grid feature. 246 00:22:54,727 --> 00:23:03,397 This helps you sort of arrange your photos in a very nice way to sort of automatically, uh, put the landscape ones at landscape and portrait. 247 00:23:03,397 --> 00:23:07,087 One's a portrait and kind of put them together like Tetris and do a really good job with that. 248 00:23:07,897 --> 00:23:11,647 A slideshow gives a little bit of animation, so we'll try that in a minute. 249 00:23:12,097 --> 00:23:18,007 Split layout is really nice because you can have a photo on one side and text on the other, 250 00:23:18,307 --> 00:23:25,567 and so you can describe what's going on in the photo or whatever it is that you want to talk about your project that you did and all of that. 251 00:23:26,077 --> 00:23:29,406 Notice also this is new with Adobe Express web page. 252 00:23:29,407 --> 00:23:32,167 You can pull from the folder called your stuff. 253 00:23:32,617 --> 00:23:42,487 So if you created something else in Adobe Express, um, like a collage or something else, um, then you could import that. 254 00:23:42,487 --> 00:23:46,267 So if, uh, or maybe you made some changes to your photo in Adobe Express. 255 00:23:46,567 --> 00:23:51,287 You could bring that in, uh, you know, from your stuff, which is pretty nice. 256 00:23:51,307 --> 00:23:54,607 So that's your stuff inside of Adobe Express is what that means. 257 00:23:55,297 --> 00:23:58,237 Um, let's go ahead and just try to add some things to our page. 258 00:23:58,237 --> 00:24:03,276 So you kind of get a feel for it, and it's fine if you just make sort of like a pretend portfolio for today, 259 00:24:03,277 --> 00:24:08,017 just to kind of learn the features and play around with it. You might want to make your real one later okay. 260 00:24:09,337 --> 00:24:15,187 All right. So under photos here's where we can upload our photos uh, from uh, our computer. 261 00:24:15,197 --> 00:24:18,547 So you would upload your own photography photos that you want to showcase. 262 00:24:18,547 --> 00:24:24,577 You would have a plan for how the order you want them in, you know, how do you want them organized all of that. 263 00:24:24,967 --> 00:24:29,167 Um, I'm going to keep going with my soccer theme. That's just going to be kind of easy to do. 264 00:24:29,587 --> 00:24:36,486 Um, if I pick a photo now, I get some choices about how it should appear on this page in inline. 265 00:24:36,487 --> 00:24:44,796 Just means it'll be sort of centered in the middle. Fill screen means it's as big as possible, and I can add a caption that's kind of nice. 266 00:24:44,797 --> 00:24:49,207 I could add some information about where I took this photo and that sort of thing. 267 00:24:49,837 --> 00:24:54,636 Window sort of just peeks through. That may not be as useful for you guys. 268 00:24:54,637 --> 00:24:57,457 You may want to show your entire photos, since that's sort of the point. 269 00:24:57,937 --> 00:25:03,157 Uh, full width just means, again, sort of as wide as it can go, as big as it can go. 270 00:25:03,967 --> 00:25:09,126 Um, and those are kind of the options that you get for the photos. You can also move this photo up and down. 271 00:25:09,127 --> 00:25:14,197 You can replace it or you can delete it. So we'll go back to inline just to make it easier for us to see. 272 00:25:14,827 --> 00:25:19,956 And then notice we have these plus signs above and below, um, the uh, 273 00:25:19,957 --> 00:25:24,276 the things that we are inserting on our page that's just helping you insert more things. 274 00:25:24,277 --> 00:25:26,857 So this is how you continue to add to your page. 275 00:25:27,487 --> 00:25:37,957 Now one thing you might want to, um, make sure you do to make your web page more accessible to screen readers, um, is um, when you insert a photo, 276 00:25:38,077 --> 00:25:45,997 you'll see a little gear on the bottom right hand corner, and if you click that, then you can enter the alt text for that particular image. 277 00:25:46,777 --> 00:25:52,327 This is a good idea to do to make your, um, web page more accessible to people. 278 00:25:52,507 --> 00:25:55,927 It's also an opportunity to really describe what's going on in your photo. 279 00:25:56,227 --> 00:25:59,947 Um, you know, some people might be interested in that. So that's a good idea to do. 280 00:26:00,247 --> 00:26:06,157 Keep that in mind. You could insert your own alt text and, uh, be descriptive about what's going on. 281 00:26:06,337 --> 00:26:10,776 Um, you know, so you would say low shot, you know, um, you know, 282 00:26:10,777 --> 00:26:16,507 on the ground person kicking soccer ball, uh, sunset in the background, something like that. 283 00:26:16,987 --> 00:26:27,517 Um, a little tip, too, is that you could use something like Microsoft Copilot to upload your photo to it and ask it for alt text. 284 00:26:27,817 --> 00:26:36,517 Copy and paste the alt text into Adobe Express. All of you get access to Microsoft Copilot copilot dot microsoft.com sign in. 285 00:26:36,517 --> 00:26:41,646 It's a protected instance. It doesn't train on your content. That's that's another little tip for alt text. 286 00:26:41,647 --> 00:26:45,276 Okay, um, you can add a caption to your photo. 287 00:26:45,277 --> 00:26:48,667 So we'll do that just so we can see what it looks like in a little bit. 288 00:26:48,667 --> 00:26:52,726 So we'll just do that real quick. And let's keep going with stuff we can add. 289 00:26:52,727 --> 00:26:59,177 So let's add some text. So let's add some simple soccer text here okay. 290 00:26:59,567 --> 00:27:06,827 Now once we have added text to get the features to um edit your text you need you need to highlight it. 291 00:27:07,217 --> 00:27:10,427 Then you'll get the proper menu so that you can make changes to it. 292 00:27:10,817 --> 00:27:20,157 Notice you get some choices between like header one, header two, and either one of these will work as anchor links. 293 00:27:20,177 --> 00:27:25,907 So if I wanted to link to this section I would have to make it either header one or header two size. 294 00:27:26,327 --> 00:27:30,257 And then I would go get the link later that. The video shows you how to do that part. 295 00:27:30,887 --> 00:27:36,796 Um, header one should really only be used once as the title of your webpage. 296 00:27:36,797 --> 00:27:42,377 For screen readers, that's the most appropriate header. Two can be used multiple times, so that's a good choice. 297 00:27:42,737 --> 00:27:47,717 There's also this little quote feature that's kind of nice. It just gives you a little stylized text. 298 00:27:48,047 --> 00:27:55,097 Um, there are also bullet lists. Numbered lists. You can also bold, you can italicize, you can hyperlink. 299 00:27:55,787 --> 00:27:59,747 Um, and then you would just add the link there and link to whatever you want. 300 00:27:59,897 --> 00:28:06,917 So that's a good thing to do if you're trying to take people to different places, you know, where you maybe shot the photo and all that kind of stuff. 301 00:28:07,517 --> 00:28:13,937 Um, so those are kind of your options for, uh, text, uh, a button, pretty straightforward. 302 00:28:13,937 --> 00:28:20,627 You would say, uh, soccer page or something like that, and then link to whatever URL you want to link to. 303 00:28:21,077 --> 00:28:27,557 Um, we'll just link to. Um, we'll just link to something random. 304 00:28:27,797 --> 00:28:34,237 Um. So so you can see and then you can choose if it's centered or not. 305 00:28:34,247 --> 00:28:39,287 We'll choose to have it centered. And then now this is the active link to that to that web page. 306 00:28:40,157 --> 00:28:43,617 Um there's a GIF that you can enter now the video. 307 00:28:43,637 --> 00:28:50,677 Remember I told you, um, you just have to put in the URL and then it's embedded so that there's an option and then photo grid. 308 00:28:50,687 --> 00:28:55,937 Let's do this. Um, so you can choose multiple photos for your photo grid. 309 00:28:56,977 --> 00:29:03,157 I'll just choose a bunch of random ones and see how it kind of resizes them and kind of puts them together a little bit nicely. 310 00:29:03,307 --> 00:29:07,417 We can also rearrange the order here so we can move them around. 311 00:29:07,867 --> 00:29:11,587 Um, you know, move forward, move back, all of that. 312 00:29:12,157 --> 00:29:15,487 Once we have our grid together, then we can hit save. 313 00:29:17,467 --> 00:29:20,347 And now we have a nice little grid, which then we can add. 314 00:29:20,707 --> 00:29:25,867 You know, the, um, you know, the alt text and all of that added caption, that sort of thing. 315 00:29:26,197 --> 00:29:30,367 So that's a photo grid. Notice it does kind of decide the sizes for you. 316 00:29:30,367 --> 00:29:33,717 So it looks like it's cropped. It's um, that may not be what you want. 317 00:29:33,727 --> 00:29:39,087 So just, you know, pick the features that you want. Glide show is pretty fun as well. 318 00:29:39,097 --> 00:29:42,857 Let's pick a couple of other random photos for slideshow. 319 00:29:42,877 --> 00:29:48,427 We'll just pick like a couple 2 or 3, something like that. And we'll hit save. 320 00:29:50,437 --> 00:29:59,766 The glide show. What it does is it gives you a little bit of what they call parallax animation without you having to know any code at all, 321 00:29:59,767 --> 00:30:05,347 so it makes it a little bit more dynamic. And notice you can add a little caption here. 322 00:30:05,617 --> 00:30:13,387 You could add another photo. You could add text describing this photo, uh, even a button or a video or something from Adobe Express. 323 00:30:13,777 --> 00:30:17,047 Um, and see how does a little bit of animation there. 324 00:30:17,047 --> 00:30:21,847 So that's kind of a cool way to interact with your photos, you know, rather than being a little bit more static. 325 00:30:21,847 --> 00:30:31,837 So that might be a feature that you might want to check out. And then finally the split layout here we can add an image, uh, here as well. 326 00:30:32,317 --> 00:30:41,397 And then we can add some text over here. So this could be the sample text describing this particular photography project, how it was accomplished. 327 00:30:41,677 --> 00:30:46,797 Yeah. You can also switch them back and forth. Um, but that's kind of a nice feature. 328 00:30:46,807 --> 00:30:51,957 I've had students use this as like a project, um, sort of container. 329 00:30:52,287 --> 00:30:57,567 So they were history class. They were tasked with creating a project that was like semester long. 330 00:30:57,807 --> 00:31:02,757 They had to show progress of their project over the semester. And so they used the express web page. 331 00:31:02,757 --> 00:31:06,927 They would take a picture of the project they were working on or have some sort of image over here, 332 00:31:07,197 --> 00:31:11,187 um, and then some sort of description about the progress they had made to that point. 333 00:31:11,457 --> 00:31:17,097 And they just did that, uh, you know, sequentially throughout the semester so that by the end of the semester, 334 00:31:17,097 --> 00:31:20,786 they had this really great artifact showing all of their learning and their their semester 335 00:31:20,787 --> 00:31:24,897 project was essentially done by that point because they just kept adding to it as they went. 336 00:31:25,377 --> 00:31:27,867 That's a good thing to do with your portfolios, too, right? 337 00:31:28,407 --> 00:31:34,077 Uh, it's can be intimidating to keep them updated so, you know, have a plan for that, which would be good. 338 00:31:34,797 --> 00:31:40,227 Okay. And then you could also add from your stuff, if you had created things in Adobe Express, then you could bring those in. 339 00:31:40,257 --> 00:31:45,267 So that is also another option. Um, you may want to add some text here. 340 00:31:45,267 --> 00:31:48,257 You know, depending on what the parameters are for your portfolio, 341 00:31:48,267 --> 00:31:54,177 you might think about if you want like an artist bio, um, you know, what information would be pertinent. 342 00:31:54,477 --> 00:32:02,126 Um, you know, to put on a portfolio, maybe, uh, maybe you put a little, uh, all rights reserved in your name at the bottom, 343 00:32:02,127 --> 00:32:06,087 something like that, you know, to, um, let people know that this is your work. 344 00:32:06,927 --> 00:32:12,116 And then another great thing we can do whenever you're doing any kind of web page 345 00:32:12,117 --> 00:32:18,147 design preview and and look at what your web page looks like before you really like, 346 00:32:18,147 --> 00:32:23,637 publish it and send it out to people. Right now we are in edit mode, so we've been editing this whole time. 347 00:32:24,297 --> 00:32:29,937 If we go to the little eyeball feature in the upper right hand corner, then we can preview it. 348 00:32:29,937 --> 00:32:35,427 And this shows us what our webpage will look like to people that we just send this link to. 349 00:32:35,847 --> 00:32:39,957 Um, this is the public facing part of the page. It hasn't been published yet. 350 00:32:40,227 --> 00:32:46,797 It's just, um, a preview, but I can use this to double check and make sure everything is working. 351 00:32:47,037 --> 00:32:50,307 Always check and make sure your links are all working properly. 352 00:32:50,667 --> 00:32:57,867 Um, you know, whenever you do some sort of web page design, you can kind of see the slideshow effect and all of that. 353 00:32:58,077 --> 00:33:02,607 Yeah. And then to get back out of the preview mode, you have a little X on the upper right hand corner. 354 00:33:02,667 --> 00:33:05,277 So you can just x out of that. Now you're out of preview mode. 355 00:33:06,177 --> 00:33:12,417 Um this little play button, uh, by the way, just means, uh, you want to present this web page. 356 00:33:12,687 --> 00:33:19,287 Some people use this as a replacement for PowerPoint. So present just puts your web page full screen. 357 00:33:19,407 --> 00:33:22,437 That's the only difference. I tend to like to. 358 00:33:22,467 --> 00:33:26,157 Even if I'm presenting a web page, use the preview button. 359 00:33:26,577 --> 00:33:33,806 Um, or just, you know, use the regular public link as a tab, because I'd like to be able to open up other tabs pretty easily. 360 00:33:33,807 --> 00:33:38,137 This really goes full screen across your entire computer, which could be what you want. 361 00:33:38,157 --> 00:33:46,277 So that's an option. Now the most important part, after we have sort of constructed our portfolio, is to publish it. 362 00:33:46,547 --> 00:33:52,157 Right now, nobody else has access to this. It's just inside of our own Adobe account. 363 00:33:52,547 --> 00:34:00,257 Um, so to share it, you would hit the share button. Now, what's really cool is now you can invite collaborators. 364 00:34:00,257 --> 00:34:07,017 So if you were doing a group project and you needed to do an express web page together, you could do that. 365 00:34:07,037 --> 00:34:11,857 They just have to also have an Adobe ID set up. Um, so that's a feature for you guys. 366 00:34:11,867 --> 00:34:15,407 This is a, uh, individual project, so you don't need that yet. 367 00:34:15,407 --> 00:34:18,466 But just keep that in mind for other group projects. 368 00:34:18,467 --> 00:34:22,307 You can do that with anything in Adobe Express except for the video. 369 00:34:22,307 --> 00:34:28,696 You can't do that yet. Invite collaborators. But the graphics, um, and, uh, the web page, you can do that. 370 00:34:28,697 --> 00:34:32,297 So but notice there's an option to publish to web. 371 00:34:32,387 --> 00:34:35,567 So that's what we want to do. We want to publish this page. 372 00:34:35,987 --> 00:34:41,267 And because this sort of is just creates an unlisted Adobe Express web page, 373 00:34:41,267 --> 00:34:46,007 nobody else is really going to see this web page unless we share the link with them. 374 00:34:46,247 --> 00:34:52,337 So it's pretty safe for you while you're editing and while you're working on your page to go ahead and publish it. 375 00:34:52,667 --> 00:34:56,867 So we're go ahead and hit Publish to web. We may give it a title here. 376 00:34:57,287 --> 00:35:01,067 Um, we could put credits here. We we might want to credit ourselves. 377 00:35:01,067 --> 00:35:05,147 If this is your portfolio page, you know, credit yourself for your own photography work. 378 00:35:06,137 --> 00:35:10,427 We don't want to allow others to remix, you know, you don't want to share your portfolio with other people. 379 00:35:10,427 --> 00:35:14,476 You can turn on to show people who you are as an author. 380 00:35:14,477 --> 00:35:18,377 That would be fine. It just kind of puts your name at the bottom is all it does. 381 00:35:18,737 --> 00:35:22,966 Um, you can password protect your, uh, web page. 382 00:35:22,967 --> 00:35:27,106 I wouldn't recommend it in this case because you want people to see it. You want it to be more public. 383 00:35:27,107 --> 00:35:37,487 But note that you could do that. Um, one case where you might want to do that is let's say you have to submit a portfolio page to a contest. 384 00:35:38,117 --> 00:35:42,407 In that case, you might want to password protect it. You know, that could be an option. 385 00:35:42,407 --> 00:35:47,657 And then you give the people that you're submitting it to the password. But anyway you will just hit create link. 386 00:35:50,047 --> 00:35:53,257 Oh, and it looks like. Oh, no. It says is being, uh. 387 00:35:53,437 --> 00:35:57,157 Uh, if I another user. It's really not. I didn't share it, but that's okay. 388 00:35:57,517 --> 00:36:06,106 We'll just refresh. Sometimes a web based, you know, it kind of can mess up a little bit from time to time. 389 00:36:06,107 --> 00:36:10,157 So we'll just do a refresh and see what we got here, and then we'll try it again. 390 00:36:10,157 --> 00:36:13,486 Published a web and this is all correct. 391 00:36:13,487 --> 00:36:16,917 So we'll just hit Create link. Now it's going to publish it. 392 00:36:18,057 --> 00:36:23,217 So once it publishes your project, then this is your link. 393 00:36:23,247 --> 00:36:26,757 Again, you don't get to choose what your link is. 394 00:36:26,787 --> 00:36:31,077 That's why I showed you the RB shortener that I use. Or you could use another shortener. 395 00:36:31,557 --> 00:36:41,197 And then if you want to see like what your web page looks like in its final version, you could just copy this and then open up a new uh uh, tab here. 396 00:36:41,217 --> 00:36:48,807 Copy and paste it. And then this is the URL that you would then submit to people as your final portfolio. 397 00:36:48,807 --> 00:36:55,227 So it's not that edit link. You know, people make the mistake of going to the edit version and sharing this link. 398 00:36:55,227 --> 00:37:03,827 That is not correct. You have to publish it um, first and then you have to copy and paste this link. 399 00:37:03,837 --> 00:37:12,056 This is your final published, uh, link. Okay. Um, and then you also have, um, let's say you make some changes to it. 400 00:37:12,057 --> 00:37:16,357 So let's make a quick change. Let's just add another photo real quick. 401 00:37:16,407 --> 00:37:22,257 We'll add this one. Perfect. It's going to take a second to load and save. 402 00:37:22,887 --> 00:37:28,737 And again it saves as we go. Uh which is nice. But now notice I've made a change to my page. 403 00:37:29,127 --> 00:37:36,027 Nobody's going to see this change unless I republish my page with those changes. 404 00:37:36,297 --> 00:37:38,397 So that's a super important concept to understand. 405 00:37:38,397 --> 00:37:45,627 If you've never done any sort of web, um, management before, if you've never created a web page before and had to, uh, manage that. 406 00:37:46,047 --> 00:37:48,387 That's an important concept to understand. 407 00:37:48,837 --> 00:37:55,107 Um, if you want your professor and everybody else to see the edits that you have made after you've published it, 408 00:37:55,497 --> 00:38:01,767 you have got to go to the share button again and publish the changes and notice it prompts you. 409 00:38:01,857 --> 00:38:05,037 It says, hey, you made some changes, you might want to republish them. 410 00:38:05,277 --> 00:38:12,867 It does that. So in case you are not ready to publish those edits just yet, it's waiting for you to trigger that. 411 00:38:13,437 --> 00:38:17,337 Okay. So that's super important. Now your link does not change. 412 00:38:17,667 --> 00:38:22,017 Your link will stay the same. Um, so that's very that's that's good. 413 00:38:22,017 --> 00:38:25,407 Just know that you have to republish the changes to that same link. 414 00:38:25,777 --> 00:38:29,557 Uh, once you give somebody the link, it's the same, you know, throughout. 415 00:38:29,577 --> 00:38:35,607 That's why I like to use it as a replacement for the PowerPoint presentations that I do along with these workshops, 416 00:38:35,877 --> 00:38:42,027 because then if anyone accesses this content in the future, they're always going to have the most updated version. 417 00:38:42,537 --> 00:38:46,527 I don't have to go and send them new PowerPoint file, whatever. 418 00:38:47,157 --> 00:38:48,627 So that's what's really nice about that. 419 00:38:49,077 --> 00:38:56,517 This is also a great solution if you are involved in like a student club or we have a lot of student clubs who used Adobe Express, 420 00:38:56,517 --> 00:39:01,947 you know, as their solution for their own graphic design, their own social media projects. 421 00:39:02,127 --> 00:39:06,837 You can create a web page as a short landing page for like a, um, you know, 422 00:39:07,047 --> 00:39:11,667 it's great as a temporary page that you just need for maybe like an event one time or whatever. 423 00:39:11,967 --> 00:39:15,356 Um, so lots of great things that you can do with the web page. Okay. 424 00:39:15,357 --> 00:39:15,687 Now. 425 00:39:16,607 --> 00:39:25,307 You may be asking, hey, I could see how you could sort of add text and change photos, but what if I want to change sort of the style of the webpage? 426 00:39:25,307 --> 00:39:31,757 So it's a bit limited in that. But here's something that you can do to adjust the style of your web page. 427 00:39:32,027 --> 00:39:35,027 You can go to these themes up here at the top. 428 00:39:36,607 --> 00:39:44,127 And over here on the left hand side, you have some preset themes that are already here. 429 00:39:44,137 --> 00:39:51,697 And if you choose a different theme, it's going to apply those particular settings throughout your web page for you. 430 00:39:52,147 --> 00:39:57,487 So that's very nice in in many ways and also a little limiting in some ways. 431 00:39:57,487 --> 00:40:05,957 Right. So when I applied the track, um, theme, it changed all of my fonts to that particular theme. 432 00:40:05,977 --> 00:40:11,257 I didn't have to go through and say, oh, this should be this font style, and this should be this font style and this size and yada, yada. 433 00:40:11,437 --> 00:40:17,347 It did all that for me, which is very nice. That's a great way to sort of refresh the look of your web page very quickly. 434 00:40:17,527 --> 00:40:22,267 It doesn't change anything on it other than just the style. Um, so that's an option. 435 00:40:22,657 --> 00:40:26,467 So you have these preset ones that you could choose, uh, which are pretty cool. 436 00:40:26,977 --> 00:40:31,567 Uh, something neat and clean usually works pretty well for a portfolio. 437 00:40:31,837 --> 00:40:37,207 Kind of depends on the vibe that you're going for. It may depend on the type of photography that you're into or that you do. 438 00:40:37,597 --> 00:40:40,927 Um, so you can think about that. Crisp is one that's just neat and clean. 439 00:40:41,107 --> 00:40:46,837 So that's an idea. Uh, check might be more for outdoor photography that might have a better vibe for that. 440 00:40:47,197 --> 00:40:54,067 Um, you know, so you have some options there. There are some new themes that they are adding to Express Web page. 441 00:40:54,307 --> 00:40:56,887 And notice these themes. You can also edit them. 442 00:40:57,367 --> 00:41:07,597 So if you wanted to go with, say, the bold impact theme and see how that looks, but then also edit it, you have some options to edit this theme. 443 00:41:08,047 --> 00:41:13,687 So you can kind of take this theme as a template and customize it a bit, and then apply that as your own theme. 444 00:41:14,197 --> 00:41:19,087 Notice it's got a spot for you to put your logo, which you could use Adobe Express to make. 445 00:41:19,087 --> 00:41:22,507 Or maybe you already have your own created. You could upload that here. 446 00:41:22,897 --> 00:41:26,307 You can choose the background, the title, the header, the footer. 447 00:41:26,317 --> 00:41:29,587 You can alter all these things. What style is header one? 448 00:41:29,587 --> 00:41:32,597 What style is header to uh what style is the quote? 449 00:41:32,617 --> 00:41:38,497 What do the buttons look like? What did the links look like? Um, you know, the photos in general. 450 00:41:38,617 --> 00:41:41,617 You know, how well, how are they sized all of that. 451 00:41:41,617 --> 00:41:45,817 So that is the edit theme option. You can give that and uh, give that a try. 452 00:41:46,057 --> 00:41:52,626 See what you like. Um, you might throw some content into your page first so you can see how it alters it. 453 00:41:52,627 --> 00:42:00,487 And then, um, maybe just a little bit of content enough so that you could tell what it's doing to your designs and then decide your theme, 454 00:42:00,487 --> 00:42:05,917 you know, and go with that. I'm going to cancel that because I don't really want to save any of these changes. 455 00:42:06,727 --> 00:42:13,117 Notice that in addition to choosing a theme and then editing it, you can also create your own. 456 00:42:13,597 --> 00:42:17,217 So this could be an option. You could create your own custom theme. 457 00:42:17,227 --> 00:42:24,667 Name it whatever you want. Um, decide from scratch what you want the background color to look like, the title, the header. 458 00:42:24,697 --> 00:42:29,487 You know, the style of the font, uh, the buttons, all of that kind of stuff. 459 00:42:29,497 --> 00:42:38,407 So, um, even just in the past couple of months that have Express's updated web page to kind of give you some more customization, which is really nice. 460 00:42:38,737 --> 00:42:43,167 Okay. So, um, that is essentially getting started. 461 00:42:43,177 --> 00:42:48,247 I'm not going to, um, change anything up with the theme, uh, for this particular portfolio. 462 00:42:48,517 --> 00:42:52,837 Uh, but that kind of gives you some ideas of, uh, getting started in the web page. 463 00:42:53,257 --> 00:42:57,167 Um, and, uh, web page is really fun. I enjoy it a lot. 464 00:42:57,187 --> 00:43:04,797 Again, I use it for like, all of my, uh, presentations that I do for my workshops because then everybody always has the most updated content, 465 00:43:04,807 --> 00:43:10,207 especially with something like Adobe changing, um, a lot changing frequently. 466 00:43:10,567 --> 00:43:15,216 Um, it's important, especially with the, I, um, you know, to be able to update it. 467 00:43:15,217 --> 00:43:18,637 And then everybody's got the most up to date content. So something I really like. 468 00:43:18,937 --> 00:43:23,287 It works well for a especially a beginner portfolio to get started in it. 469 00:43:24,067 --> 00:43:27,907 And then as you advance, you know, you might choose something else in the future. 470 00:43:28,177 --> 00:43:36,007 One other thing I would also say, no matter what sort of platform you choose for doing a portfolio for yourself, 471 00:43:36,397 --> 00:43:40,867 always have a backup of all of your content in that portfolio. 472 00:43:41,287 --> 00:43:49,867 Um, on in a cloud drive, either box or OneDrive, or on your computer on an external hard drive or something. 473 00:43:50,257 --> 00:43:58,117 Um, you wouldn't want to sort of take the content that you want to put in your portfolio, put it up on some website, 474 00:43:58,357 --> 00:44:03,577 and then maybe lose access to that website at some point, and then all of your stuff is stuck there. 475 00:44:03,787 --> 00:44:09,337 So always, always, always have your stuff for your portfolio, all of your content. 476 00:44:09,457 --> 00:44:13,257 Have a copy of that separate from your web page. 477 00:44:13,267 --> 00:44:18,157 That's good practice anyway, because you're going to want to sort of organize your files and your stuff first, 478 00:44:18,487 --> 00:44:25,627 and then upload copies of the pieces that you want to that particular website that helps you change out your portfolio. 479 00:44:25,807 --> 00:44:30,337 That helps you kind of keep it current and maintain master files of all of your stuff. 480 00:44:30,337 --> 00:44:35,557 So you probably want to keep like the PDF files as well as the Jpeg file that you then upload. 481 00:44:36,047 --> 00:44:40,607 To your web page to make it easier for it to load, faster for it to load, and so on. 482 00:44:40,727 --> 00:44:44,634 Okay. All right. So, um, I'm going to stop there and see if you guys have, uh, questions.