1
00:00:04,461 --> 00:00:12,921
[Auto-generated transcript. Edits may have been applied for clarity.]
you are welcome to open up a browser and go to this short URL link here and I will put it into the chat as well.

2
00:00:13,641 --> 00:00:21,771
You will get a follow up email tomorrow from the library registration system with this link and also with a recording,

3
00:00:22,671 --> 00:00:25,891
you know, to the presentation as well that you can refer to later.

4
00:00:26,091 --> 00:00:33,111
I know sometimes when you attend online it's hard to watch the presentation and try to follow along in the software.

5
00:00:33,111 --> 00:00:37,761
So if that's too difficult, it's totally understandable If you can follow along, that's great.

6
00:00:38,541 --> 00:00:44,111
And also, same thing if you're in person, if you'd like to follow along and do it as we go, that's great.

7
00:00:44,121 --> 00:00:47,390
If you'd like to watch and then try it yourself later, that's totally fine.

8
00:00:47,391 --> 00:00:50,451
Kind of whatever your guys are comfortable with. Yeah.

9
00:00:50,451 --> 00:00:52,550
So I am Chelsey Hooper.

10
00:00:52,551 --> 00:00:59,841
I'm an instructional technology specialist here in the library in the innovation and research comments on the first floor of the library.

11
00:01:00,531 --> 00:01:03,531
And today's presentation is about creating a portfolio.

12
00:01:03,861 --> 00:01:11,961
So we have as Auburn students, you get access to the whole Adobe Creative Cloud and you can request your Adobe ID here.

13
00:01:12,261 --> 00:01:17,900
Once you have your Adobe ID, you can access the tools that will be using today, which is Adobe Express.

14
00:01:17,901 --> 00:01:27,501
Web page is one option for a very simple portfolio and well as well, which is mentioned here, as well as Adobe portfolio,

15
00:01:28,221 --> 00:01:35,511
which is a more powerful portfolio and it gives you sort of a nicer web address that you can use.

16
00:01:35,901 --> 00:01:42,470
It's a little bit more of an actual web page as Adobe Express does give you a Web page,

17
00:01:42,471 --> 00:01:45,591
but it doesn't really give you a lot of options for navigation and things like that.

18
00:01:45,591 --> 00:01:48,621
But it is a good idea to use it as a starter portfolio.

19
00:01:48,891 --> 00:01:56,721
Or if you have like one project you want to highlight, this could create a very quick, simple web page that you can use as a starter.

20
00:01:57,561 --> 00:02:05,811
And so if we go to Adobe Express link here, then that will take us into Adobe Express so we can go ahead and start with that first.

21
00:02:06,711 --> 00:02:14,001
One thing we want to do before we start jumping into either express or portfolio is it's a good idea to

22
00:02:14,001 --> 00:02:21,890
maybe think about what do you want to include in your portfolio and gather those resources together first.

23
00:02:21,891 --> 00:02:27,921
So whether you organize them in a folder on your computer or in a folder online,

24
00:02:27,921 --> 00:02:32,121
it's a good idea also to just have a backup of all of the content you want to

25
00:02:32,121 --> 00:02:36,561
put in your portfolio in case you choose to use another platform in the future,

26
00:02:37,341 --> 00:02:39,800
or in case you have to pull separate projects out.

27
00:02:39,801 --> 00:02:44,391
You don't want to just dump everything into one of these resources and that's the only place where it exists.

28
00:02:44,751 --> 00:02:49,491
It's a good idea to have maybe a box folder or a OneDrive folder or something that's online

29
00:02:49,731 --> 00:02:55,550
so that it's in the cloud so you don't lose your work and have copies of your stuff there,

30
00:02:55,551 --> 00:03:01,971
whether that's your text book for your resumé or for your introduction to your portfolio,

31
00:03:02,241 --> 00:03:08,630
you might also include pieces of work like photographs of the process that you did for your piece of work.

32
00:03:08,631 --> 00:03:13,761
Depending on what it is, if you're into photography, than it would be all of your photos that you have.

33
00:03:14,151 --> 00:03:17,991
If you're into different types of projects, then it would be, you know,

34
00:03:17,991 --> 00:03:23,151
or photos of you at a conference or, you know, explaining experiences that you've had.

35
00:03:23,781 --> 00:03:24,110
You know,

36
00:03:24,111 --> 00:03:35,541
there are lots of varieties of the types of pieces that you could include on a portfolio that ranges from photos to video to audio to text based

37
00:03:35,541 --> 00:03:46,131
work graphics that you've created really anything but have those stored somewhere first and then work to build your portfolio is a good idea.

38
00:03:46,461 --> 00:03:51,081
It's also a good idea to write maybe a short biography of yourself, just a really short video,

39
00:03:51,081 --> 00:03:56,570
introducing yourself and thinking about what you want to put on a public site and also

40
00:03:56,571 --> 00:04:01,460
maybe a public facing version of your resumé or maybe highlights of your resume.

41
00:04:01,461 --> 00:04:08,751
That's another option too. So those are things to think about as you are gathering your portfolio stuff first.

42
00:04:09,291 --> 00:04:13,821
Then what we can do is hop into Adobe Express and maybe start with using the web page.

43
00:04:13,911 --> 00:04:24,291
So let's go ahead and go to Express and it might ask you to sign in and then you would put in your Auburn login information.

44
00:04:24,291 --> 00:04:29,120
You would choose here. I can go ahead and walk you through that. It remembers me.

45
00:04:29,121 --> 00:04:34,281
So let me just sign out here and then sign back in so that we can go through that.

46
00:04:34,881 --> 00:04:40,491
But you were hit. If you get to the homescreen of Express, you might see sign in on the upper right hand corner.

47
00:04:40,491 --> 00:04:44,721
So you do want to sign in. And then after you do that, you want to continue with email.

48
00:04:45,801 --> 00:04:52,131
After you continue with email, you would then type in your entire email address here, your Auburn email address.

49
00:04:52,461 --> 00:04:59,631
And again, this is assuming you already have your Auburn Adobe ID set up and then you choose company your school account.

50
00:05:00,991 --> 00:05:05,761
And then once you're here, it might ask you to do the Auburn Authenticate page, which is fine.

51
00:05:05,761 --> 00:05:11,941
You just put in your username and password the same when you use for everything and then you should get signed into Express.

52
00:05:11,941 --> 00:05:15,661
So I'll give you guys just a moment to get signed in if you would like to follow along.

53
00:05:16,711 --> 00:05:23,251
Once you're signed in, you can tell that you are by seeing your name up here and then also your profile is going to be up here as well.

54
00:05:23,971 --> 00:05:26,821
So you can use Express to create lots of different things.

55
00:05:26,821 --> 00:05:31,591
You can use it to also help you make graphics for your portfolio because you can do some quick

56
00:05:31,591 --> 00:05:36,570
things like remove the background from a picture so you could put a nice headshot of yourself

57
00:05:36,571 --> 00:05:42,810
if you wanted to do that or adjust a photograph before you put it on your web page so you can

58
00:05:42,811 --> 00:05:47,581
kind of use these tools in conjunction with each other to create a really nice portfolio.

59
00:05:48,061 --> 00:05:51,661
In our case, we're going to choose to create a web page.

60
00:05:52,351 --> 00:05:55,260
If you don't see it here sort of in your suggested list,

61
00:05:55,261 --> 00:06:00,810
you can go to the little plus sign on the upper left hand corner, and then you can choose Web page.

62
00:06:00,811 --> 00:06:03,991
If you don't see Web page, you can also search for it here.

63
00:06:03,991 --> 00:06:09,391
I use it a lot. So it's probably in my suggested items because I use it frequently.

64
00:06:09,691 --> 00:06:14,461
If you don't see it, then search for web page here and you should find it.

65
00:06:15,121 --> 00:06:20,581
And it's got a little icon that looks like a browser window. So let's choose web page.

66
00:06:22,261 --> 00:06:27,031
And then from here we can begin to first name our file.

67
00:06:27,361 --> 00:06:30,611
So up at the top left hand corner is where we name it.

68
00:06:30,611 --> 00:06:37,291
So we might call this one sample portfolio, or you can call it whatever you want.

69
00:06:40,441 --> 00:06:44,911
Okay. And then from here, we could start adding some photos.

70
00:06:44,921 --> 00:06:51,480
So this is why it's a good idea to maybe have your your things ready in a folder that you might want to add,

71
00:06:51,481 --> 00:06:59,581
because we can first choose a whole header cover here, or you can choose the short cover, and that means it's a little bit shorter.

72
00:06:59,581 --> 00:07:03,961
This might be good for a portfolio because it takes up less space, but it's totally up to you.

73
00:07:04,321 --> 00:07:10,621
Another thing you can use is the split layout where you have maybe a picture and as the background

74
00:07:10,621 --> 00:07:16,020
and a title here and then some additional text here that might work nice as a splash page.

75
00:07:16,021 --> 00:07:20,550
You can include links to your socials here if you wanted to do so.

76
00:07:20,551 --> 00:07:29,281
That's an option. So you have several different options there. What I'm going to do is actually I'm going to go see if I can.

77
00:07:31,381 --> 00:07:35,191
Go back and undo so you can hit the undo button.

78
00:07:35,191 --> 00:07:40,320
If you didn't like that particular layout, you can go to undo and if you want the full cover photo,

79
00:07:40,321 --> 00:07:45,960
then you can go back and choose the full cover photo here or short cover or split layout.

80
00:07:45,961 --> 00:07:51,961
Those are kind of your options. So in my case, I probably just want a full background photo here.

81
00:07:51,961 --> 00:07:57,121
So I'm going to choose photo and then you can actually search for stock photos here.

82
00:07:57,121 --> 00:08:01,741
So if there's some sort of stock photo that sort of represents you, you'd be welcome to use that.

83
00:08:02,041 --> 00:08:11,460
Or you could create your own image either in Adobe Express or your own photograph that you've taken and then

84
00:08:11,461 --> 00:08:19,141
upload that or you can also just make an interesting background in Express and then upload that particular photo.

85
00:08:20,041 --> 00:08:24,241
In this case, I'm going to say let's put in portfolio and see what it pulls up.

86
00:08:26,331 --> 00:08:30,381
So, yeah. So these are just kind of some nice little backgrounds. This is pretty cool.

87
00:08:31,011 --> 00:08:40,400
So much use this little sort of book binded, you know, sort of graphic here to be sort of representing of a portfolio and the stock images.

88
00:08:40,401 --> 00:08:43,401
You get full rights, too. There's no copyright issues and everything.

89
00:08:43,401 --> 00:08:45,531
So you can just choose a picture to get you started.

90
00:08:46,761 --> 00:08:53,390
And then you might call this portfolio or whatever it is that you want to call it, put your name there, something like that.

91
00:08:53,391 --> 00:08:57,491
You can also add your name as a subtitle. Okay.

92
00:08:57,571 --> 00:09:03,421
Whatever it is you would like. And then it says, Scroll to start writing your story.

93
00:09:03,661 --> 00:09:09,031
So to begin working and express web page to add some things, you would scroll to start writing your story.

94
00:09:09,391 --> 00:09:13,501
And if you scroll down, then see all of the options that you can add.

95
00:09:13,501 --> 00:09:18,031
You can add a photograph, you can add some text, a hyperlinked button.

96
00:09:18,031 --> 00:09:23,131
So if you want to link to something like another web page that you've created or a resource,

97
00:09:23,431 --> 00:09:27,451
you can link to that a gif you can put in a gif right here.

98
00:09:27,511 --> 00:09:32,581
You can also include a video. Now, in order for the video to be embedded,

99
00:09:32,671 --> 00:09:43,351
it has to first live in Adobe Express or YouTube or Vimeo and then you can put the hyperlink here and then it will embed it for you.

100
00:09:43,771 --> 00:09:49,291
You can also add a photo grid and it just will add several photos for you at once.

101
00:09:49,291 --> 00:09:55,741
A glide show is a little bit more, has a little bit more animation and is kind of nice for showing you showcasing some projects that you did.

102
00:09:56,311 --> 00:09:59,881
And then what I especially like for portfolios is the split layout.

103
00:10:00,061 --> 00:10:05,971
So if we choose split layout, we can add a picture of like whatever our work was.

104
00:10:06,811 --> 00:10:11,401
So let's say I'm going to talk about my experience playing soccer.

105
00:10:11,971 --> 00:10:17,641
Maybe that's relevant in my portfolio for some reason. And so I can add a big soccer ball here.

106
00:10:18,661 --> 00:10:26,761
And then on the right hand side, I can add some another, another photo, I can add text, I can add a hyperlinked button, a gif or a video.

107
00:10:27,151 --> 00:10:33,001
And so here I might put soccer experience.

108
00:10:34,381 --> 00:10:37,471
You know, leadership skills.

109
00:10:38,561 --> 00:10:40,901
Development, whatever it is.

110
00:10:41,261 --> 00:10:49,391
But this is nice because you could have a photo of whatever your project was or part of the process and then explained it on the right hand side.

111
00:10:50,021 --> 00:10:58,000
You can also switch those back and forth and you can keep adding things if you needed to add a button or insert a video,

112
00:10:58,001 --> 00:11:02,080
you know, of playing soccer or whatever it was, then you could insert that.

113
00:11:02,081 --> 00:11:12,431
So that's a nice feature. Notice also when you insert a image, you get this little gear box in that it will help you put in alt text.

114
00:11:12,731 --> 00:11:18,841
This is good to do because you want your web page to be accessible to people who use screen reader.

115
00:11:18,851 --> 00:11:25,601
So you would just describe this picture. You would say big soccer ball or whatever it is, something like that, black and white soccer ball.

116
00:11:26,981 --> 00:11:30,341
Other things you can add, you can continue to add additional photos.

117
00:11:30,341 --> 00:11:35,161
So if we were continuing with our soccer theme here, I can add a photo.

118
00:11:35,171 --> 00:11:40,491
Once I add a photo, I can tell it to fill the screen and it looks like it.

119
00:11:41,021 --> 00:11:47,350
There goes. It just took a second to load and then you can add a caption inside of it, which is kind of nice.

120
00:11:47,351 --> 00:11:54,221
So that's one option. You can also do this window, which kind of gives you a little peek into the image.

121
00:11:54,551 --> 00:11:58,721
Full width means showed the entire photo in its fullness.

122
00:11:59,951 --> 00:12:03,101
And then also you can choose.

123
00:12:03,411 --> 00:12:09,371
If we go back to inline, then yeah, those are the options as far as photos go and so on.

124
00:12:10,661 --> 00:12:16,251
You can also add additional things as far as a text and button.

125
00:12:16,271 --> 00:12:22,750
Now the page that we were just on the Adobe Portfolio page, this is an Express web page, so you can see this is how a button works,

126
00:12:22,751 --> 00:12:29,861
that you can add text and hyperlink it, you can bold your text, you can use bullet points, that sort of thing.

127
00:12:29,861 --> 00:12:33,881
So you can get an idea kind of of the portfolio, you know, of the web page there.

128
00:12:34,781 --> 00:12:43,000
A photo grid helps you put several photos together in a nice format and you can rearrange this grid.

129
00:12:43,001 --> 00:12:49,541
So if we want to move them around or whatever, I kind of like this one in the middle because it's a different color, so I can leave that.

130
00:12:49,901 --> 00:13:00,191
Once I set with my grid, I can hit save, I can add a caption here and I can also add some text to describe what's going on in this photo grid.

131
00:13:00,191 --> 00:13:06,850
So that'd be a great way to showcase your work as well. Also, there's this slide show, which is kind of fun.

132
00:13:06,851 --> 00:13:11,441
So we'll choose a similar picture, which is a couple of these actually,

133
00:13:11,441 --> 00:13:18,100
so you can kind of see and what I and what a slide showed and we can move these around, move them up or down and that sort of thing.

134
00:13:18,101 --> 00:13:23,680
Change the order and then once we hit save, we can add some things to on top of them.

135
00:13:23,681 --> 00:13:29,381
So now we can add some text. I enjoy scoring.

136
00:13:32,681 --> 00:13:42,310
And soccer. Something like that. And I can go and add some more to the other one and I can add maybe a button.

137
00:13:42,311 --> 00:13:48,460
This would hyperlinked to something like, you know, my soccer video or whatever or something like that.

138
00:13:48,461 --> 00:13:54,101
If I wanted to, I can add a button there can also add additional photo, a video, some text and that sort of thing.

139
00:13:55,061 --> 00:14:03,311
And then what we can do is after we've added something to the slideshow, let's scroll down and then we've already covered the split layout.

140
00:14:03,311 --> 00:14:07,701
So those are the majority of the things that you can do with the Express web page.

141
00:14:07,721 --> 00:14:14,081
Now, if we want to see how our Web page looks like to other people, we can hit this little eyeball for preview.

142
00:14:14,531 --> 00:14:22,151
So let's preview our site. Here's our portfolio and we can scroll down and go through the portfolio.

143
00:14:22,481 --> 00:14:25,661
And here's some things that we've put in our portfolio.

144
00:14:25,931 --> 00:14:30,341
Now, you would want to have more text. You would want to have this organized better and things like that.

145
00:14:30,701 --> 00:14:37,811
But notice how the slideshow show works. It has this sort of nice little parallax animation and sort of fades into the next picture.

146
00:14:38,291 --> 00:14:41,501
So that's kind of a nice little feature. It's fun. Okay.

147
00:14:41,861 --> 00:14:46,091
Now, you may have noticed Adobe Express and to get out of the preview to hit the ax,

148
00:14:46,421 --> 00:14:52,631
you may have noticed that the Express Web page doesn't really have like navigation up here or on the side or anything like that.

149
00:14:53,111 --> 00:14:59,891
What you can do if you want to is you can set up a table of contents here in the Express Web page.

150
00:15:00,191 --> 00:15:05,171
So we can put in some text. We can call this table of contents.

151
00:15:06,421 --> 00:15:11,921
Okay. And then we're going to say. Scoring.

152
00:15:12,251 --> 00:15:19,741
Will just make that a content. Now what we can do is we want to hyperlink this to a spot further down the page.

153
00:15:19,751 --> 00:15:25,931
We want to put an anchor tag in. So to do that, what we would do is we would go down to the scoring section.

154
00:15:26,651 --> 00:15:32,890
Okay, we're going to say this is the scoring sections because that's the one with the ball at the back of the net and we can answer some text.

155
00:15:32,891 --> 00:15:39,671
But then what we have to do is put in some text and then when we highlight the text, we get several options.

156
00:15:39,671 --> 00:15:45,820
We have header one which should only be used at the top at the beginning because that's it for accessibility.

157
00:15:45,821 --> 00:15:52,241
That's what it reads first. Header two is what we have to make each of these sections if we want to set up anchor tags.

158
00:15:52,631 --> 00:15:58,541
So once we set up the anchor tag called scoring and notice these are the other options in the text.

159
00:15:58,541 --> 00:16:02,411
We can do a quote which makes that sort of quote look feature up here.

160
00:16:03,071 --> 00:16:06,181
Here's the quote feature right here. That's what it looks like. Okay.

161
00:16:06,941 --> 00:16:13,811
You can put in a bullet list, a numbered list, you can bold or italics or hyperlink and and also change the alignment.

162
00:16:15,221 --> 00:16:22,991
Once we have set this up as a header, too. That's important because in order to for the anchor tag to work, it has to link to a header too.

163
00:16:23,351 --> 00:16:30,101
So once you have set up your header, choose throughout your page, then what you can do is publish your page.

164
00:16:30,101 --> 00:16:33,970
We want to publish to the web is what we want to do. We give it a name.

165
00:16:33,971 --> 00:16:38,381
If we have any credits we need to put in there, like attribution for photos or something.

166
00:16:38,591 --> 00:16:43,390
If you use stock, you don't really have to. In this case, you'd be using your own and you can give yourself credit.

167
00:16:43,391 --> 00:16:48,131
But if you took somebody else's or used it or you know, it was a part, you did a partnership,

168
00:16:48,371 --> 00:16:52,961
you would need to kind of give them credit if it was somebody else's photo. And then we'll create the link.

169
00:16:54,251 --> 00:17:03,281
And then the trick is, once that the link is created, it'll give this sort of it'll create this sort of unlisted Adobe Express weblink.

170
00:17:03,941 --> 00:17:09,731
Now what we can do is copy this link and go to a new tab and paste it.

171
00:17:10,091 --> 00:17:15,581
Now we can see this is what our official web page looks like and it's actually live right now.

172
00:17:16,061 --> 00:17:19,811
Now, because it gives you this sort of unlisted URL. It's not very friendly.

173
00:17:19,991 --> 00:17:26,560
So what you can do is take this URL and use the RB shortened links to help you have a

174
00:17:26,561 --> 00:17:31,691
short link or use the Google short link If you want a personal one instead of the orb one,

175
00:17:32,501 --> 00:17:39,041
you can use a short URL to create a short URL to your portfolio so it's easier to hand that

176
00:17:39,041 --> 00:17:44,471
information out to people so you can make it like bit li slash your name or something like that.

177
00:17:44,921 --> 00:17:50,891
So that's an option there. But now that this is published, we can scroll down to the header too.

178
00:17:51,341 --> 00:17:57,011
And I have a video that explains all of this that is in the resource page, so you don't have to worry about it.

179
00:17:57,011 --> 00:18:04,631
You can have access to this later, but notice now in the header to when we mouse over the published page, we get copy anchor link.

180
00:18:05,111 --> 00:18:09,190
So if we click that it'll say anchor link copied.

181
00:18:09,191 --> 00:18:18,460
Now if we go back to our editable page and go back up to our table of contents, we want to link this to scoring.

182
00:18:18,461 --> 00:18:25,421
So we want people to, when they click scoring and we're going to paste the anchor link, see it says Hashtag scoring Save.

183
00:18:26,051 --> 00:18:29,621
Now we have to republish the link, so we're going to share.

184
00:18:30,571 --> 00:18:34,131
And then notice it says, We noticed you made some changes. Published the changes.

185
00:18:34,141 --> 00:18:38,851
That's what we want to do. The link won't change. Once you created the first time, it will stay the same.

186
00:18:39,061 --> 00:18:42,651
But you do need to always publish the changes if you make edits to it.

187
00:18:42,661 --> 00:18:45,211
That's true of any web page that you manage.

188
00:18:45,811 --> 00:18:54,271
So now it's going to publish this web page, and now that it's published, we can preview it and we can check and make sure it works.

189
00:18:54,721 --> 00:19:01,171
So now when we hit scoring, it's going to bump us down to this page, to the section of the page.

190
00:19:01,501 --> 00:19:06,571
So you could use that feature to let me get back up for you can.

191
00:19:07,831 --> 00:19:14,310
Yeah, here we go. So you could use that feature to set up a table of contents.

192
00:19:14,311 --> 00:19:20,791
You would also want to put one down here that says back to top probably, and then put a header.

193
00:19:21,091 --> 00:19:28,351
Make the table of contents a header too, and link back to that so that way people can go up and down the page as they need to.

194
00:19:28,741 --> 00:19:34,231
Okay, so that's one example of how to create a portfolio using Express Web page.

195
00:19:34,561 --> 00:19:40,591
It's a sort of a simple version. It is also good for like one project.

196
00:19:40,591 --> 00:19:43,111
If you just want to showcase one project to somebody,

197
00:19:43,291 --> 00:19:48,751
toss together this just like you would toss together maybe a PowerPoint, except it's a live web page, which is nice.

198
00:19:48,961 --> 00:19:52,561
So then you can update it. Other things on the web page that you can do.

199
00:19:52,571 --> 00:19:55,921
You may be wondering like, how do I change the font styles and things like that?

200
00:19:56,371 --> 00:19:59,521
In Express Web page, you actually choose themes.

201
00:19:59,971 --> 00:20:04,441
You don't choose like different font styles individually, but you choose themes.

202
00:20:04,441 --> 00:20:11,160
So right now we have the crisp theme applied, but if we wanted a different feel, we could choose a different theme.

203
00:20:11,161 --> 00:20:14,491
And it'll change all of our text for us and have a different look.

204
00:20:14,761 --> 00:20:18,570
So that's how you do that. And then the play button just means present.

205
00:20:18,571 --> 00:20:27,451
This full screen is what that means. Otherwise, when people visit your link, they'll see they'll basically see this page.

206
00:20:27,481 --> 00:20:32,731
This is what will look like when they just visit a web page and then they can click your links and so on.

207
00:20:33,241 --> 00:20:40,591
Yeah. So that's kind of getting started with Adobe Express web page in for a portfolio.

208
00:20:40,591 --> 00:20:45,240
And again, it's it's simple. It's easy to put together.

209
00:20:45,241 --> 00:20:52,771
It's not as powerful as Adobe portfolio, which is the next one that we'll look at, but it can be an option and you can set up these anchor links.

210
00:20:52,771 --> 00:20:56,430
So that's that's an idea. Okay. All right.

211
00:20:56,431 --> 00:21:05,521
The next thing we're going to do is we're going to go back to our presentation file and we are going to check out Adobe Portfolio.

212
00:21:06,391 --> 00:21:13,681
Now, also, I've got some help information here as well on portfolios in general and things like that.

213
00:21:13,921 --> 00:21:21,660
So want to kind of showcase some of those. Real quickly, if we scroll down there, are there some sample there,

214
00:21:21,661 --> 00:21:25,171
some sample student portfolios linked here at the bottom, if you want to get some ideas.

215
00:21:26,041 --> 00:21:31,291
And then here are some pieces of advice from people who review portfolios all of the time.

216
00:21:31,651 --> 00:21:35,161
They like the grid layout, which Adobe Portfolio lets you do.

217
00:21:35,161 --> 00:21:37,021
So we're going to explore that one next.

218
00:21:37,831 --> 00:21:42,901
I do know people who have used Express Web page for their portfolio and it works fine, just depends on what you need.

219
00:21:43,411 --> 00:21:48,931
And then there's all kinds of other resources here that are available to you, which we'll talk about in a little bit.

220
00:21:49,171 --> 00:21:52,951
Okay. But let's go into Adobe portfolio.

221
00:21:52,951 --> 00:21:56,911
So our second option that we can use is Adobe Portfolio.

222
00:21:57,121 --> 00:22:00,930
Now the link to Adobe Portfolio help is here.

223
00:22:00,931 --> 00:22:07,921
So if you need if you have additional questions about portfolio and you or you want to see does it do something really specific,

224
00:22:08,131 --> 00:22:13,231
you can go to the official Adobe Help page for portfolio,

225
00:22:14,161 --> 00:22:21,421
but to access portfolio you just can go to portfolio dot Adobe dot com and the link is right here on the presentation page.

226
00:22:21,751 --> 00:22:27,751
You can also just open a new tab and type in portfolio dot Adobe dot com and then you can sign in.

227
00:22:28,831 --> 00:22:34,111
This portfolio uses a grid based design it kind of automatically puts to get things

228
00:22:34,111 --> 00:22:37,320
together for you very nicely if you're interested in learning more about that,

229
00:22:37,321 --> 00:22:41,911
here's a history of the grid, but we'll go ahead and hop into Adobe portfolio.

230
00:22:42,421 --> 00:22:51,541
So let's click the portfolio, that Adobe dot com link, or you can just click a new browser and type in port portfolio.

231
00:22:52,821 --> 00:22:57,380
Dorado, Macomb. And then again, it'll probably ask you to sign in.

232
00:22:57,381 --> 00:23:07,671
So I'll give you a second to do that. And I'm actually going to delete this sample one so we can have some more sites.

233
00:23:09,471 --> 00:23:13,121
Once you're signed into Adobe Portfolio, yours will just be blank.

234
00:23:13,131 --> 00:23:16,401
You'll say, What do you want to make or something like that, or create new sites.

235
00:23:16,801 --> 00:23:25,901
Now, portfolio allows you to create up to five websites so you get premium access to Adobe Portfolio because you have an Adobe ID,

236
00:23:26,541 --> 00:23:32,150
and this also includes you don't have any advertisements on this page.

237
00:23:32,151 --> 00:23:35,751
You. It gives you a very nice URL, which is fantastic.

238
00:23:36,591 --> 00:23:41,031
And we're going to go ahead and go ahead and walk you through how to create one.

239
00:23:41,031 --> 00:23:45,140
And then we'll look at some of these sample ones that are already created. And we'll also look at a sample.

240
00:23:45,141 --> 00:23:46,791
Student One that's already been created.

241
00:23:47,241 --> 00:23:53,271
So to get started in portfolio, you're going to create a new site or yours might say get started or something.

242
00:23:53,931 --> 00:24:00,111
Once you hit create, get, site or create, then you have some options here.

243
00:24:00,471 --> 00:24:05,061
The first thing is you can choose between full portfolio and welcome page.

244
00:24:05,361 --> 00:24:10,911
These are actually the same thing. It's just what do you want your home page to look like?

245
00:24:11,151 --> 00:24:19,550
And you can always change it. So full portfolio means your home page is automatically going to show some pieces of your work.

246
00:24:19,551 --> 00:24:26,781
It's going to show some photos or some images or something that represents your work that you can put on there if you choose.

247
00:24:26,781 --> 00:24:32,691
Welcome Page That means would you like your home page to be what we call a splash page?

248
00:24:33,021 --> 00:24:36,561
So this is sort of just an introductory page about yourself.

249
00:24:36,831 --> 00:24:42,861
Some people like to use this because when they give people their they're your URL address,

250
00:24:42,861 --> 00:24:46,640
it takes them to this first and this has all of their contact information on it.

251
00:24:46,641 --> 00:24:54,710
So kind of like a digital business card. And then they click, they have a link there that says enter the site or explore my work.

252
00:24:54,711 --> 00:25:00,981
And then when they click that, then they see the full site with all of the work totally up to you which one you pick.

253
00:25:01,431 --> 00:25:06,621
I'm going to go with full portfolio today so I can kind of walk you through some people like that,

254
00:25:06,621 --> 00:25:14,510
because then the person who's visiting your website immediately see some of your work and that's pretty inviting rather than a splash page,

255
00:25:14,511 --> 00:25:20,481
but it's totally up to you, whichever one you want to choose. And these are different themes that you can pick from,

256
00:25:20,811 --> 00:25:24,561
and different themes just have different set ups like this one has the side

257
00:25:24,561 --> 00:25:29,691
navigation as well as a brief header where you can put a short bio about yourself.

258
00:25:30,081 --> 00:25:33,861
This one has a bio and top navigation.

259
00:25:35,001 --> 00:25:39,561
This one's also got some top navigation and doesn't really have a spot for a bio right here.

260
00:25:40,521 --> 00:25:47,271
So you can just kind of scroll through these and see what you like. You're mostly paying attention to the layout of it.

261
00:25:47,271 --> 00:25:51,051
You can change the colors, you can change the fonts and stuff like that.

262
00:25:51,471 --> 00:25:55,371
So you can scroll through and see what you what you, what you prefer.

263
00:25:56,451 --> 00:26:03,921
What's nice is when you pick a theme, it sort of still is previewing it for you and you can see what does this theme look like If it's on tablet,

264
00:26:04,281 --> 00:26:08,990
what does it look like if it's on a phone? So if it's really important to you, how does it look like on a phone?

265
00:26:08,991 --> 00:26:15,561
You can scroll through these and get some ideas of which theme you might like to use so you can do that.

266
00:26:16,671 --> 00:26:19,911
And then pick what you might like. Yeah.

267
00:26:20,001 --> 00:26:24,861
So there's plenty of options there. You can also sort of out this little preview by clicking there.

268
00:26:25,281 --> 00:26:29,750
And I think I'll go with the Thomas. But you can pick whatever you like.

269
00:26:29,751 --> 00:26:33,971
You can always change it so you're not tied to the same if you change your mind later.

270
00:26:33,981 --> 00:26:37,560
That's what's nice about that. And this one is pretty nice.

271
00:26:37,561 --> 00:26:43,131
So I'm going to go ahead and hit use this name. And it'll give us a second to do this.

272
00:26:45,961 --> 00:26:49,601
And then what we're going to do is first look at the interface.

273
00:26:49,621 --> 00:26:54,971
So right now we're in edit mode of our portfolio. It's created a portfolio, but it's not public yet.

274
00:26:54,991 --> 00:27:04,320
We're just editing it. This particular theme has what's called a logo and you can also turn that logo on or off here if you don't want it,

275
00:27:04,321 --> 00:27:07,051
but it's picked just my name is the logo for right now,

276
00:27:07,441 --> 00:27:15,871
but that's something that you could change if you click on the little blue flags that pop up for different containers, you can get to the edit pieces.

277
00:27:16,351 --> 00:27:22,111
So if I wanted to then upload an image that I created as my logo, I could do that here instead.

278
00:27:22,321 --> 00:27:25,621
If I a lot of people just use maybe their initials, you know,

279
00:27:25,621 --> 00:27:29,400
or they write out their initials and take a picture of it, and that's kind of their logo.

280
00:27:29,401 --> 00:27:34,261
So. But if you designed your own like an express and you wanted to upload it here, you could do that.

281
00:27:34,921 --> 00:27:38,251
You can also change the way the font looks and all of that as well.

282
00:27:38,581 --> 00:27:44,461
And you can even say there should be a different color when people roll over it, when their mouse roll rolls over it.

283
00:27:45,271 --> 00:27:50,491
So those are some options there. But let's go over first the interface on the left hand side.

284
00:27:51,841 --> 00:27:56,730
On the left hand side, we have things that control our site across the entire website.

285
00:27:56,731 --> 00:27:59,941
So we have pages. We can use this to help manage our pages.

286
00:28:00,571 --> 00:28:05,941
Integrations is if you have a Adobe Lightroom album set up.

287
00:28:05,941 --> 00:28:10,560
So if you're into photography and you use Lightroom to manage all of your albums,

288
00:28:10,561 --> 00:28:16,861
you can actually add an entire album from Lightroom and it'll automatically import everything from that album, which is neat.

289
00:28:17,641 --> 00:28:20,911
Behance is Adobe's sort of version of LinkedIn.

290
00:28:21,151 --> 00:28:27,061
It's another portfolio sort of website that lets people also showcase their work live.

291
00:28:27,301 --> 00:28:31,291
You can see a lot of great artists on Behance live shows that showcase their skills.

292
00:28:31,741 --> 00:28:33,241
And then Adobe Stock is like,

293
00:28:33,241 --> 00:28:40,441
if you contributed to Adobe Stock and you want to sell your Adobe Stock on your site here in portfolio, you could do that.

294
00:28:40,801 --> 00:28:48,241
So for unless you're into photography and art and things like that, these aren't as applicable to you so you don't have to use them.

295
00:28:49,231 --> 00:28:52,710
Themes. If I chose, if I wanted to choose a different theme,

296
00:28:52,711 --> 00:28:57,451
I could click here and everything on my site would be changed, but the content would stay the same.

297
00:28:57,451 --> 00:29:02,041
So that's nice settings. We're going to come back to settings because that's the more technical pieces.

298
00:29:02,461 --> 00:29:05,401
We can also change the background colors in the font.

299
00:29:05,401 --> 00:29:10,591
So if we liked this layout but we wanted the color background to be different, we could change that here.

300
00:29:10,981 --> 00:29:14,880
We can also turn the logo on and off, turn the navigation on and off.

301
00:29:14,881 --> 00:29:21,211
I wouldn't recommend that because you want navigation. You want people to get to your pages and you can also have a footer or not.

302
00:29:21,241 --> 00:29:27,931
Right now we do have a footer right here that we could edit and make changes to if we wanted to, So that's nice.

303
00:29:27,931 --> 00:29:34,951
It says back to top. We probably want to leave that. Okay, so now what we can do is how do we add pages?

304
00:29:34,951 --> 00:29:40,951
Right now we just have our work page and nothing's net. So to add a page we can click the little plus sign here.

305
00:29:40,951 --> 00:29:44,341
We can also click here, but for now we're going to click here.

306
00:29:45,031 --> 00:29:50,250
If you used a welcome page then to create a new work page, you should click add page here.

307
00:29:50,251 --> 00:29:56,821
If you're along with me and you're in a gallery, we call this a gallery or a collection, then you're going to click page here.

308
00:29:57,961 --> 00:30:02,701
Notice we can pull in another a whole Lightroom album at this point if we wanted to for for today.

309
00:30:02,701 --> 00:30:09,000
We're not going to do that. We're just going to create a custom page. So we're going to hit page and we're going to give this page a title.

310
00:30:09,001 --> 00:30:13,441
So now this is why we should think about what we want to put on our portfolio first.

311
00:30:13,441 --> 00:30:20,311
So you have an idea of what pages you might need. So let's say this one's going to be projects, Okay?

312
00:30:20,791 --> 00:30:25,530
And then I do want to leave the destination as work.

313
00:30:25,531 --> 00:30:30,811
That means the page will be nested inside of this page. That's what we want and we're going to hit create page.

314
00:30:32,011 --> 00:30:38,851
Now we're inside of the page called Projects and we can begin adding our projects so we can hit image to add a picture.

315
00:30:38,851 --> 00:30:44,011
I'll just pick some random photos that I have, so I'm going to add a picture of this mushroom.

316
00:30:45,211 --> 00:30:51,001
And once we have added some things, notice that they're put into a container automatically,

317
00:30:51,211 --> 00:30:56,811
we can also click these little plus signs onto the right or to the left and continue to add things.

318
00:30:56,811 --> 00:31:00,901
So if we wanted another image here, all choose the spider picture.

319
00:31:00,931 --> 00:31:05,311
We'll just do that and notice how it automatically sort of resizes this.

320
00:31:05,611 --> 00:31:12,781
Or we can make adjustments. Okay. You can also continue to add things at the bottom.

321
00:31:12,781 --> 00:31:19,470
And let's look at let's take a minute to look at all the things we can add. We can add pictures, we can add text, a photo grid.

322
00:31:19,471 --> 00:31:25,711
So again, it would do a nice layout of your photos in a perfectly sort of organized way, which is really cool.

323
00:31:27,031 --> 00:31:30,390
We can add a Lightroom album video here.

324
00:31:30,391 --> 00:31:34,081
In this case means upload a video like an MP for file.

325
00:31:34,981 --> 00:31:39,781
Be careful about putting videos that are too large in your website because

326
00:31:39,781 --> 00:31:44,011
that can slow down your web page from from loading to it'll load too slowly.

327
00:31:44,521 --> 00:31:52,311
What's what? Might work out better is if you have a lot of videos, put them somewhere else first, like YouTube and then embed them.

328
00:31:52,831 --> 00:32:00,061
And then that way it'll load a lot faster. That also showcases you on YouTube or whatever platform you use and so on.

329
00:32:00,361 --> 00:32:07,650
So that would be an option. But if it's a small video or short video or maybe you want to record a quick introductory video to your portfolio,

330
00:32:07,651 --> 00:32:10,831
you could do that and you could put a video in here. That would be nice.

331
00:32:11,851 --> 00:32:15,331
Also, you can add audio in this in the same sense.

332
00:32:15,691 --> 00:32:18,691
Audio here means you upload an MP three file.

333
00:32:19,711 --> 00:32:24,271
Some people upload how to pronounce their name and that's kind of a nice thing to put there.

334
00:32:24,271 --> 00:32:27,931
And then people know how to pronounce your name before they meet you. That's kind of fun.

335
00:32:29,521 --> 00:32:36,691
Again, you could embed that if you had it hosted somewhere else, but it's so if it's short, you wouldn't have to worry about it.

336
00:32:36,961 --> 00:32:40,951
Some people ask to do an audio introduction instead, so that's an option.

337
00:32:41,551 --> 00:32:48,631
You can also put in a button. This would just hyperlink to something else that you want to link to.

338
00:32:48,691 --> 00:32:55,470
So if you had another website that you made or a resource that's online or you wanted to link to say you

339
00:32:55,471 --> 00:33:01,951
worked with a certain lab or something and you want to link to the website for that lab or whatever it is,

340
00:33:02,371 --> 00:33:05,401
you could then go up here and change the text.

341
00:33:07,081 --> 00:33:16,171
So let's say we wanted to link lab for spiders and then we would put in the URL here, just copy and paste it.

342
00:33:16,561 --> 00:33:20,161
You can choose if you want that link to open in a new window or not.

343
00:33:20,191 --> 00:33:23,461
Sometimes it's a good idea to do that. You want to keep people on your page.

344
00:33:24,181 --> 00:33:28,711
Sometimes you might not want to do that so totally up to you, but you would just copy and paste the link here.

345
00:33:29,671 --> 00:33:34,531
And then once you did that, this would be an active link. Okay, so that's how you can do a hyperlink.

346
00:33:35,791 --> 00:33:41,881
Social icons. These are nice to put like at the bottom of a page or on your splash page.

347
00:33:42,421 --> 00:33:44,041
If you go to social icons,

348
00:33:44,041 --> 00:33:54,151
what's nice is you can go over here and just copy and paste the whole URL of your social profile and it'll just automatically add it.

349
00:33:54,431 --> 00:34:01,981
Okay. You can also go to Icon style and change the styling of the icon a little bit, like how big is it and that sort of thing.

350
00:34:02,881 --> 00:34:08,761
But you would just go here and then once you put it in there properly, you could toggle this on and it would turn on.

351
00:34:09,121 --> 00:34:13,861
Okay. But you do have to have the whole URL basically for it or whatever,

352
00:34:14,611 --> 00:34:20,011
and you would just copy and paste it and then it just shows up as a social profile here and see that's what it'll look like,

353
00:34:20,281 --> 00:34:23,910
except when they click it and only if it's turned on.

354
00:34:23,911 --> 00:34:27,451
And if it has the information, that's when it shows up on your website.

355
00:34:27,661 --> 00:34:36,821
Okay. So that's a nice feature to just make sure if you are linking to your social sites, make sure you want those people going to those social sites.

356
00:34:36,841 --> 00:34:44,111
So make sure it's like a professional version of your Instagram, you know, and that sort of thing, or ticktalk or whatever it is or.

357
00:34:44,131 --> 00:34:47,521
Twitter. LinkedIn is a great thing to put on there.

358
00:34:47,521 --> 00:34:53,431
Research shows that students who are graduating from college or are about to graduate,

359
00:34:53,821 --> 00:34:59,581
they get the most benefit from LinkedIn during maybe the first 3 to 5 years of their career.

360
00:34:59,791 --> 00:35:01,471
After that, you're really okay.

361
00:35:01,481 --> 00:35:12,751
But it's important to make those connections on something like LinkedIn or whatever, you know, conference or whatever social thing that your area use.

362
00:35:12,901 --> 00:35:16,711
So if everybody's on Twitter and they use a certain hashtag, then go with that.

363
00:35:17,011 --> 00:35:20,041
If everybody's on a certain Instagram, then go with that, you know?

364
00:35:20,251 --> 00:35:23,841
So just kind of depends. You can put your YouTube in here, too.

365
00:35:23,851 --> 00:35:27,991
If you had a YouTube account, that would be good to do. If that's if that is what you need.

366
00:35:28,321 --> 00:35:34,321
There's lots of options here, so you have lots of things that you can do and your email is down here as well.

367
00:35:35,131 --> 00:35:40,681
Spotify, if you're into music and you sell your music on Spotify, that would be a great thing to put as well.

368
00:35:41,161 --> 00:35:44,461
So those are the social icons. Let's see, what else do we need to add to a page?

369
00:35:45,421 --> 00:35:52,501
There is a contact form. I'm going to show you that one separately on a different page, because we probably want a different page for that.

370
00:35:53,281 --> 00:36:02,011
And this particular profile, this particular theme has a contact page already, but I'll show you how to create one if there's not one there already.

371
00:36:02,821 --> 00:36:13,761
Okay, so we have a page. So let's if we go back and click on our logo name or our home page, then we can now see what our page looks like.

372
00:36:13,771 --> 00:36:20,250
So this is what our site looks like so far. And if we mouse over this, it's going to put whatever the name is of the page here.

373
00:36:20,251 --> 00:36:25,650
I can make adjustments to that. I can also edit the cover image that's here.

374
00:36:25,651 --> 00:36:29,281
It just pulled whatever was the first picture on that page.

375
00:36:29,521 --> 00:36:36,960
But I can change that so I can go to edit cover image and then I can say remove or replace with a different photo.

376
00:36:36,961 --> 00:36:42,591
I can also make some adjustments here and I can even set up something different as a rollover image.

377
00:36:42,601 --> 00:36:47,261
So that would be a cool way to add a little interaction. Enjoy your site without doing too much work.

378
00:36:48,971 --> 00:36:56,171
Also, we can continue to add more pages. So if this is called projects, let's go ahead and add another one so we can play around with this.

379
00:36:56,951 --> 00:37:02,631
Let's call this one papers, but whatever you need to organize yours for, that's what you should do.

380
00:37:02,651 --> 00:37:06,791
We do want it to be in the destination work. That means it stays on this page, in this collection.

381
00:37:07,181 --> 00:37:10,900
Create page. So we're going to call this one papers.

382
00:37:10,901 --> 00:37:17,621
And then I might put some text in here about info about my papers.

383
00:37:17,831 --> 00:37:20,021
Maybe enter some citations.

384
00:37:23,881 --> 00:37:30,991
Etc. Whatever it is that I want to add, once you have some text in here, then when you highlight it, you get the options of changing.

385
00:37:31,291 --> 00:37:36,061
You can add a hyperlink, you can add some text effects, you can change the font.

386
00:37:36,421 --> 00:37:40,461
Be careful about changing the font too much though. If you really want to change it a lot,

387
00:37:40,471 --> 00:37:45,941
go to your themes and choose a different theme and make sure it's because otherwise your design is going to get off.

388
00:37:45,961 --> 00:37:53,521
That's the whole point of using portfolio is that it keeps all of your text looking very nice and the same and consistent with design.

389
00:37:54,121 --> 00:38:00,151
So that's, that's what you want to do. Okay, so let's pretend we added some stuff to papers were good with this project.

390
00:38:00,751 --> 00:38:10,201
There's no picture here. So if we go back to our homepage, it'll tell me, Hey, you don't have a cover yet, so I could upload one.

391
00:38:10,531 --> 00:38:17,400
I can go upload another image. Maybe I put this like, sample CV picture here.

392
00:38:17,401 --> 00:38:20,731
There we go. So it looks like papers. There you go.

393
00:38:21,211 --> 00:38:25,381
All right, so now we have two pages. So here's what we can do now.

394
00:38:25,741 --> 00:38:33,931
Now that we have a couple of pages, notice that it added it, put them in the order that I added them in and maybe I want to change the order.

395
00:38:33,931 --> 00:38:37,231
Maybe I want projects to be first and I want papers to be second.

396
00:38:37,801 --> 00:38:41,311
So now if I go to pages on the right here on the left hand side,

397
00:38:41,821 --> 00:38:49,591
I get the ability to alter where these pages are are sitting so I can click and drag the hamburger menus and change the order.

398
00:38:50,761 --> 00:38:58,230
I can also do some things in this pages menu, like if I choose to make projects, I can make projects my home page instead.

399
00:38:58,231 --> 00:39:02,931
I could do that. I can even add a password to a page if I wanted to.

400
00:39:02,971 --> 00:39:08,921
This might be good. If you're submitting something to a contest or something like that, or you had, you know,

401
00:39:09,421 --> 00:39:15,031
some more information that you wanted that you didn't want all on the Internet, you could add a password to that page.

402
00:39:15,631 --> 00:39:21,361
You can also edit the page URL and make some changes to that or change the page title,

403
00:39:21,661 --> 00:39:24,781
these kinds of things, but this is how you can rearrange them and so on.

404
00:39:25,081 --> 00:39:31,650
Also, if you decided, Hey, projects is like really good, I want that to be with my work and contact.

405
00:39:31,651 --> 00:39:38,041
I want it to be a separate page. You can also pull these pages out and now notice it's over here in the navigation.

406
00:39:38,521 --> 00:39:42,000
So this is how you can control where your pages are right now.

407
00:39:42,001 --> 00:39:47,191
Projects is what we call a child page to the parent page called work.

408
00:39:47,311 --> 00:39:50,701
And that's what we want for right now. But that's how you can rearrange it.

409
00:39:51,031 --> 00:39:56,940
Okay, let's go and look at the contact page on this theme.

410
00:39:56,941 --> 00:40:02,791
This one does already have a contact page, but if you didn't have one, this is how you would create it.

411
00:40:02,791 --> 00:40:08,551
I'll go back to the homescreen and let's pretend we didn't have a contact page yet, but we wanted to make one.

412
00:40:08,611 --> 00:40:15,930
So I would choose to add a page here using the plus sign, and I would choose just a custom page.

413
00:40:15,931 --> 00:40:19,051
That's totally fine. And I would call this one.

414
00:40:19,081 --> 00:40:22,111
I'm going to call it contact too, since I already have a contact one.

415
00:40:22,531 --> 00:40:26,851
But instead of it being in work, we want it in navigation.

416
00:40:27,031 --> 00:40:32,201
So that's how you can set up a page that's in the navigation, but not within the work case.

417
00:40:32,221 --> 00:40:37,351
So we'll hit create page. And now from here, this is a Contact Me page.

418
00:40:37,351 --> 00:40:42,451
I can put some text and you know, please complete the form.

419
00:40:44,691 --> 00:40:50,811
Or whatever, and then we can add a contact form and it'll just automatically populate and we can edit it.

420
00:40:51,321 --> 00:40:54,741
So if you wanted to make changes to it, we can customize that a little bit.

421
00:40:55,161 --> 00:41:01,221
And this is a safe way for you to get information from people who are interested in working with you.

422
00:41:01,491 --> 00:41:07,251
You're not putting your email address or your phone number or your personal address on this website, right?

423
00:41:07,581 --> 00:41:12,991
You're inviting people who are interested in talking to you to give you their information.

424
00:41:13,371 --> 00:41:20,721
And then what this will do is if somebody fills this out, it'll send you an email to your Auburn email address with their information.

425
00:41:20,751 --> 00:41:24,981
They don't see your email unless you put it up here. They don't see it.

426
00:41:25,251 --> 00:41:29,781
So this is a good, safe way to get people to contact you instead of posting your email address,

427
00:41:30,201 --> 00:41:34,831
because then you get the bots that look for email addresses and then you get spam and all of that.

428
00:41:34,851 --> 00:41:39,291
So this is using the contact Me form is a great idea.

429
00:41:39,451 --> 00:41:49,371
Okay, so that's how you would create that. Another page that you might want would be like a bio page and you might want that also in the navigation.

430
00:41:50,451 --> 00:41:59,901
So we could create the bio page and you could put, you know, about me and then you type whatever you want there.

431
00:42:00,831 --> 00:42:05,631
Okay. Another thing that people might like is maybe like a CV page.

432
00:42:05,691 --> 00:42:08,811
So let's maybe add another one. Resume your CV.

433
00:42:09,411 --> 00:42:15,921
We also probably want that in the navigation. Let's create that. So let me explain how it could work for your resume.

434
00:42:16,401 --> 00:42:23,451
You have a couple of options here. So if you want your resume on here, first of all, take the personal information out.

435
00:42:23,571 --> 00:42:27,050
Like don't put your home address to maybe put your city.

436
00:42:27,051 --> 00:42:31,641
That's what a lot of people do, is they'll put their city and state,

437
00:42:31,641 --> 00:42:37,611
but not like their home address, not their home, not their cell phone number, any of that.

438
00:42:37,851 --> 00:42:43,101
And then use the contact me form, like invite them to go to the contact me form to to get in touch with you.

439
00:42:43,281 --> 00:42:48,531
So that's a safe way to do it. Now, to put information about your resume on here,

440
00:42:48,561 --> 00:42:57,251
because Adobe Portfolio doesn't really have a spot for you to upload files and then link to those files, you could do one of two things.

441
00:42:57,261 --> 00:43:03,801
You could have a separate resume that you host somewhere else, like OneDrive or Box.

442
00:43:04,101 --> 00:43:08,781
And then you could either link to it with a button or embed it using embed code.

443
00:43:08,781 --> 00:43:15,351
That's an option. You could also just use the text and copy and paste your resume in here.

444
00:43:15,681 --> 00:43:25,161
So that's an option as well. A third option is what you can do because it will let you include an image.

445
00:43:25,641 --> 00:43:31,911
What you can do is what I've done here is taking a sample brief resume.

446
00:43:31,941 --> 00:43:35,511
It's not really much of a resume. It's a word document with some words on it.

447
00:43:36,141 --> 00:43:42,981
What I did is I created a word document resume, and then I saved it as a PDF.

448
00:43:43,581 --> 00:43:48,411
And then I used Acrobat to export the PDF as a JPEG or PNG.

449
00:43:49,191 --> 00:43:52,641
Okay, so now this is actually a image file.

450
00:43:53,811 --> 00:43:57,710
Now that it's an image file, I can select it and hit open.

451
00:43:57,711 --> 00:44:01,101
And now I have my sample CV right here in this page.

452
00:44:01,611 --> 00:44:08,301
Now the trick with that is because this is an image, you can't really edit this very easily right here as far as the text goes.

453
00:44:08,511 --> 00:44:13,880
You would, if you needed to make changes to it, you would then go back to your word document,

454
00:44:13,881 --> 00:44:18,471
make the changes save as a pdf, export as the image file re upload here.

455
00:44:19,071 --> 00:44:28,661
Another thing people do is they may just use the text option and just put a few highlights from their resumé and then link to their full resumé.

456
00:44:28,671 --> 00:44:34,821
And that's a PDF file that lives in one drive or box and you just link it with a shared link.

457
00:44:35,241 --> 00:44:41,300
So you have lots of options there and that gives you a little flexibility because then you could just go upload the PDF,

458
00:44:41,301 --> 00:44:45,171
you know, go make changes to the PDF and then that would be always updated.

459
00:44:46,131 --> 00:44:54,771
So those are some options for your CV and resume. Now notice that it put them in order that I created them again over here.

460
00:44:55,161 --> 00:45:02,421
So if I wanted to edit this navigation, first of all, I can customize sort of where it appears.

461
00:45:02,811 --> 00:45:13,071
So that's an option. And then notice when we go over two pages, here's where we can again use the pages area to make some changes.

462
00:45:13,401 --> 00:45:22,141
So maybe we want our CV after the bio and maybe we want the contact after work.

463
00:45:22,491 --> 00:45:26,931
Right? So now we have bio CV work or maybe we want the CV after work.

464
00:45:27,081 --> 00:45:33,081
So now we have bio work CV contact, so you can play with this and decide which ones you want, where.

465
00:45:33,591 --> 00:45:36,861
And if you don't need a page like we don't need the contact to,

466
00:45:36,891 --> 00:45:41,661
we can just click the little gear, delete page and then we don't really need that one anymore.

467
00:45:41,661 --> 00:45:48,650
So we'll see that page. Yeah. And so now if we go back to our home page now, we haven't published it at all.

468
00:45:48,651 --> 00:45:51,381
So let's talk about that next. Right now we're just editing it.

469
00:45:51,711 --> 00:45:57,771
Notice there's a publish site down here, but before we do that, we want to go to the settings first,

470
00:45:58,171 --> 00:46:02,391
because I must show you something that's really neat about portfolio that is really helpful.

471
00:46:02,721 --> 00:46:07,521
If we go to Settings, Notice the very first thing here is the domain name.

472
00:46:08,301 --> 00:46:16,341
Now under the site sub domain, you can change this to something that's friendly for you that you want.

473
00:46:16,371 --> 00:46:19,461
Maybe you've branded yourself. Maybe this is just your name.

474
00:46:19,791 --> 00:46:24,411
If your name is kind of common and it's already been taken, this URL is already taken,

475
00:46:24,771 --> 00:46:34,310
then you could add something to it like some people do, like Chelsea Hooper Art or Chelsea Hooper music or Hooper music or whatever it is.

476
00:46:34,311 --> 00:46:42,741
You can come up with something, but think about that first and decide what it is you want because you can only change your subdomain five times.

477
00:46:42,741 --> 00:46:44,421
So just pick something that's different.

478
00:46:44,841 --> 00:46:50,240
Otherwise it's just going to default to your username, which is like your three initials and then the four numbers.

479
00:46:50,241 --> 00:46:53,841
And that's not a very friendly URL, but you do get the opportunity to change it.

480
00:46:53,841 --> 00:47:01,041
So you would just highlight this type in what you want and then hit apply and then your u RL would be whatever you chose here.

481
00:47:01,041 --> 00:47:06,530
So if I did Hooper Art, it would be Hooper Art dot, my portfolio dot com.

482
00:47:06,531 --> 00:47:10,611
So that's a pretty nice URL for free without having to buy a domain.

483
00:47:11,391 --> 00:47:15,831
But notice if you wanted to buy your own domain, you could do that right here.

484
00:47:15,831 --> 00:47:23,301
You could purchase a domain right from a portfolio, you know, and pay 599 a month or whatever you want.

485
00:47:23,691 --> 00:47:30,051
Or if you already have a domain that you purchased, you can connect it here and use portfolio as your web builder.

486
00:47:30,771 --> 00:47:33,350
So those are some options there. But that's the main thing.

487
00:47:33,351 --> 00:47:40,371
Do that first before you hit publish because then you don't use up one of your five changes.

488
00:47:41,151 --> 00:47:46,161
So that's the main thing there. There's some other things under settings here that you can adjust.

489
00:47:46,311 --> 00:47:49,911
You can adjust what your home page is. That's an option.

490
00:47:49,911 --> 00:47:55,671
You can adjust what comes up if your work isn't. If something goes wrong with your site, just the four or four not found.

491
00:47:56,421 --> 00:48:06,441
There are analytics you can set up. So you could go set up Google Analytics on this page once you publish it and then get the analytics tracking code,

492
00:48:06,441 --> 00:48:13,491
paste it here, and then you would be able to track clicks on your portfolio through Google Analytics.

493
00:48:13,911 --> 00:48:20,061
So that's that portfolio will do that. There's also search optimization here.

494
00:48:20,271 --> 00:48:27,231
You do want your website title to make sense with whatever you're trying to portray, which is you so likely your name or something similar.

495
00:48:27,621 --> 00:48:31,791
And then there's a meta description you can put in, there's keywords you can put in.

496
00:48:31,971 --> 00:48:39,141
This helps people find you if they're Googling you. Okay? So whatever keywords you think would help them find you, you want to put it here.

497
00:48:39,531 --> 00:48:43,130
You do want the search engines to index your site That helps people find you.

498
00:48:43,131 --> 00:48:46,071
If they're searching for you, find your portfolio,

499
00:48:46,551 --> 00:48:51,801
and then you can also automatically submit the site updates because every time you make changes to your father,

500
00:48:51,801 --> 00:48:57,921
you'll have to go back over here and say update site or republish site, something like that.

501
00:48:57,921 --> 00:48:59,601
So probably UPDATE or something like that.

502
00:48:59,841 --> 00:49:07,281
Submit changes something and you can tell it to automatically have the newest version of your site every time.

503
00:49:07,281 --> 00:49:16,851
So that's that's good. There's also custom meta tags if you want to put in custom HTML meta tags, This improves search optimization.

504
00:49:17,571 --> 00:49:20,811
If you wanted to learn more about that and do that, you can look that up.

505
00:49:21,681 --> 00:49:29,451
This is a fun thing. The fabric on. So the fabric on is this little tiny image that appears in the tab of a web page.

506
00:49:29,451 --> 00:49:34,851
So if you've branded yourself or maybe you use your initials or you have a tiny little logo you want to use,

507
00:49:35,091 --> 00:49:38,271
you can upload that here and then force this to show up.

508
00:49:38,271 --> 00:49:42,410
So that can be fun. Same thing if it's a web clip.

509
00:49:42,411 --> 00:49:46,551
So if somebody saves your page to their home screen, what image shows up?

510
00:49:46,881 --> 00:49:53,421
You can control that. And this should probably be all the same or very similar if you're branding yourself

511
00:49:53,421 --> 00:49:59,421
and you can create those things in Adobe Express and then use that same thing here.

512
00:49:59,421 --> 00:50:05,630
There's a social sharing thumbnail. If somebody shares your website, like on Instagram or something, what's the picture that shows up?

513
00:50:05,631 --> 00:50:09,141
You can control that here. Site options.

514
00:50:09,141 --> 00:50:13,791
These are some other site options if you want there to be like a little transition when people hover.

515
00:50:14,391 --> 00:50:24,621
Here's another option which is nice. If you want, you can turn on the disable right click to protect your images so people can't just go on your site,

516
00:50:24,621 --> 00:50:27,011
right click your picture and save it. Okay?

517
00:50:27,411 --> 00:50:36,740
Now anybody who knows a little bit about code can get around that super fast, but it at least deters people from doing that in the first place.

518
00:50:36,741 --> 00:50:41,271
So that's nice. You can password protect your whole site.

519
00:50:41,271 --> 00:50:43,371
I wouldn't really recommend that unless you said.

520
00:50:43,521 --> 00:50:51,331
A whole separate website, and you needed that for some reason, Like you wanted to submit your stuff to a contest or something like that, you know?

521
00:50:51,471 --> 00:50:55,341
But for your public facing portfolio, you don't want a password set up.

522
00:50:55,881 --> 00:50:59,961
You remember, you can password protect certain pages. So if you really wanted to, you could do that.

523
00:51:01,101 --> 00:51:10,341
You can put a little cookie banner on here, like if you set up Google Analytics and you wanted to inform people that there's cookies on your you know,

524
00:51:10,401 --> 00:51:16,731
when you visit a website or say cookies are enabled, you know, you're aware of this or whatever, you could do that to your site too.

525
00:51:17,781 --> 00:51:23,901
And then this store website styles means like if you made a ton of changes to your portfolio

526
00:51:24,171 --> 00:51:28,971
and like you change the font here and the size here and the style here and the color here,

527
00:51:29,211 --> 00:51:32,631
and then you're like, I don't even know what I did. I made so many changes to the styles.

528
00:51:32,631 --> 00:51:38,181
You can click Restore website styles and it'll just refresh everything back to your original thing.

529
00:51:39,321 --> 00:51:42,800
It doesn't get rid of any of your stuff. It doesn't delete your content. Same thing.

530
00:51:42,801 --> 00:51:46,041
If you choose a different theme, it'll keep all your content the same.

531
00:51:46,401 --> 00:51:51,171
It'll just rearrange it and then have it looking in the new in a new theme,

532
00:51:51,561 --> 00:51:56,841
which is a really nice way to sort of do a refresh to your website, make it look different if you wanted to.

533
00:51:57,471 --> 00:52:01,191
And then finally, account and region is already set up because it's with Adobe,

534
00:52:01,191 --> 00:52:05,571
they know that you're in the United States and all that kind of stuff and so on.

535
00:52:06,171 --> 00:52:10,131
And notice that here's something that's kind of new that they've added.

536
00:52:10,521 --> 00:52:17,271
When you graduate, you will no longer have access to this particular Adobe ID because this is an Auburn one.

537
00:52:17,691 --> 00:52:24,020
What you can do right here is says to move your portfolio to a personal account, visit the link below.

538
00:52:24,021 --> 00:52:35,361
So when you graduate, you can use this to then convert this portfolio to a personal Adobe ID and you can do that creating the free Adobe ID.

539
00:52:35,931 --> 00:52:39,050
And then if you need to make changes to your portfolio,

540
00:52:39,051 --> 00:52:46,161
you will need to purchase your own Adobe ID or hopefully you're showing skills in this area to your employer,

541
00:52:46,161 --> 00:52:51,681
to your future employer, and you can say, Hey, I already know how to use Adobe, can you buy me a subscription?

542
00:52:51,681 --> 00:52:55,191
And they probably will if you're going to help them create some things.

543
00:52:55,461 --> 00:52:58,701
So hopefully. But that is an option. Okay.

544
00:52:58,941 --> 00:53:09,321
Now with Express Web page, this one that we created, this Express Web page portfolio, you could share this portfolio when you graduate,

545
00:53:09,531 --> 00:53:14,901
You could share this portfolio with a personal Adobe Express account that you create,

546
00:53:15,351 --> 00:53:21,051
and you probably could use the free version for that because portfolio because Web page

547
00:53:21,801 --> 00:53:26,691
is pretty much all of the features of web page are available in the free version,

548
00:53:26,961 --> 00:53:32,661
except you don't get some of these stock photos and things like that, but all of the features of the same.

549
00:53:32,961 --> 00:53:39,201
So those are some things when you graduate, this helps you migrate everything over to a new personal Adobe account.

550
00:53:39,201 --> 00:53:41,211
So which is very nice, you don't have to reset it up.

551
00:53:41,661 --> 00:53:52,400
However, it's always still a good idea to keep all of the content from your portfolio in a folder that's separate, so you already have it as a backup.

552
00:53:52,401 --> 00:53:58,191
Okay. Because no matter what, maybe somebody asked you to use a different platform to showcase your work that way.

553
00:53:58,191 --> 00:54:02,090
You've got all of your work and it's not stuck in some platform that you no

554
00:54:02,091 --> 00:54:05,511
longer have access to because you forgot to migrate it or something like that.

555
00:54:05,511 --> 00:54:09,411
So always have a backup anyway is always a good rule of thumb.

556
00:54:10,011 --> 00:54:14,900
Once you have all of that set up and you've changed your domain name, then you could publish site.

557
00:54:14,901 --> 00:54:21,921
But what we're going to do today is just preview it. If we hit preview, we can see, oh, this is what our web page is going to look like in real life.

558
00:54:22,251 --> 00:54:24,560
And we can see this is what looks like on a tablet.

559
00:54:24,561 --> 00:54:31,371
This is what looks like on a phone and we can interact with it, make sure all of these links work, all that good stuff.

560
00:54:32,061 --> 00:54:37,551
Okay, so there is a back to top. We may want to back to work, though, if we want to do that.

561
00:54:37,791 --> 00:54:41,961
So we may play around with the site, then we can go back to edit if we want to keep working on it.

562
00:54:43,161 --> 00:54:49,041
And then what we can do is we can look at some sample ones that are already done.

563
00:54:49,041 --> 00:54:54,860
I'm not going to publish this one. I don't really need to publish this one, but that's what you would do is once you're ready with your domain,

564
00:54:54,861 --> 00:54:59,390
you would publish it and then your URL would be live and then you would have your portfolio.

565
00:54:59,391 --> 00:55:00,261
So that's really cool.

566
00:55:01,191 --> 00:55:10,791
When you are done working in portfolio for the day, you can hit the little portfolio icon to go back to the sort of the home page of portfolio.

567
00:55:11,181 --> 00:55:19,701
And now we can see all of the sites. Here's one that's basically finished and published as a sample, one for one of the classes that I teach.

568
00:55:20,691 --> 00:55:29,720
And let's just preview it and notice we have just four pieces of work here and then they can also get to the four pieces of work over here.

569
00:55:29,721 --> 00:55:31,611
There's a short bio right here.

570
00:55:32,871 --> 00:55:42,741
There's a Contact Me page, there's a graphic, you know, and we can read about the graphic and then see the text here, Go back to top.

571
00:55:43,841 --> 00:55:47,981
Go back home and so on. Okay, So that's one example.

572
00:55:48,701 --> 00:55:56,431
And then notice there's an update live site. So if I made changes to this, I click update live site and that publishes the most recent changes,

573
00:55:56,441 --> 00:56:01,031
That's always important to do no matter what web thing that you use for your portfolio.

574
00:56:02,051 --> 00:56:11,531
Okay. Also, let's go back to and when you're done working in portfolio for the day, it's a good idea just to click that portfolio homepage,

575
00:56:11,531 --> 00:56:17,621
go back to the home page, and then you could just close out your browser Wherever you have Internet access, you can update your portfolio.

576
00:56:17,621 --> 00:56:21,220
So that's very, very nice. Here's a couple of other sample ones.

577
00:56:21,221 --> 00:56:24,821
Here's one that has a Lightroom album that was embedded.

578
00:56:24,821 --> 00:56:30,880
So if we click here that takes us to this is actually a Lightroom album and it also will import the captions.

579
00:56:30,881 --> 00:56:38,251
So that's kind of nice as well. Let's go back to our resource page and let's look at maybe a couple of examples.

580
00:56:38,261 --> 00:56:45,220
These are all the things we did today, a couple of examples, and there's also more resources here.

581
00:56:45,221 --> 00:56:50,531
If you want to learn more about how to create an amazing portfolio, there's a webinar here you can watch.

582
00:56:50,531 --> 00:56:57,071
We have workshop recordings on portfolio as well that go more into depth a little bit,

583
00:56:57,461 --> 00:57:02,621
and then our consultants can help you with questions you guys might have about your Adobe portfolio.

584
00:57:03,431 --> 00:57:09,460
This is a very nice presentation by Terry White. He's from Adobe and he does a lot of great presentations.

585
00:57:09,461 --> 00:57:18,611
This one is presentation of him. And then at Adobe Max last year they had a couple of free sessions on how to build a great portfolio.

586
00:57:19,001 --> 00:57:25,061
And then there's some more links here about making a great portfolio, but basically show your personality, show your work.

587
00:57:25,391 --> 00:57:28,391
You should make it so it's easy for you to talk about.

588
00:57:28,391 --> 00:57:35,711
So whatever arrangement you need to help you express your work and your interests, that's what should be on your portfolio.

589
00:57:36,371 --> 00:57:42,761
Here's a video that I of how to add the link anchor links that I showed you an express web page, but in case you forget.

590
00:57:43,421 --> 00:57:49,150
And then also here is let's see examples.

591
00:57:49,151 --> 00:57:56,321
Let's try this one. Here are some examples. Here is a portfolio with a video embedded.

592
00:57:56,321 --> 00:58:01,241
So that is an option. And then you scroll down and here's all the work gallery of work.

593
00:58:01,631 --> 00:58:05,411
So this nice grid design helps to display lots of fantastic work.

594
00:58:05,861 --> 00:58:12,281
And then let me the last thing I want to show you is this is one of our consultants, her portfolio.

595
00:58:12,701 --> 00:58:15,371
And notice she has a splash page set up.

596
00:58:15,371 --> 00:58:21,280
And what's nice is she can keep changing this out if she wants to and makes it makes the look look fresh every

597
00:58:21,281 --> 00:58:27,791
time so she can she changes this out with a more updated picture and then you can get to her socials right here.

598
00:58:28,001 --> 00:58:31,121
And then when you click explore that goes to her work page.

599
00:58:31,121 --> 00:58:34,871
So now we can see her different pieces of work. We can also go up here.

600
00:58:34,871 --> 00:58:40,030
Now notice she has multiple galleries, set up her collections.

601
00:58:40,031 --> 00:58:47,171
You can do that. So when you add a page and portfolio over here, when you add a page and portfolio,

602
00:58:47,501 --> 00:58:52,720
you can choose to add an entire collection and that would be another work page.

603
00:58:52,721 --> 00:58:57,611
So if you have lots of work and that's what you need to do, that's how you, that's how you can do it.

604
00:58:57,611 --> 00:59:01,871
And then she's got a little about me and then the contact form.

605
00:59:02,141 --> 00:59:07,931
Yeah. So hopefully that gives you guys a good overview of Adobe portfolio and also how

606
00:59:07,931 --> 00:59:14,081
to use maybe the Express web page for a very simple portfolio if you would like.

607
00:59:15,011 --> 00:59:17,635
And thank you all so much for coming today and tomorrow you'll get a follow up email with the presentation