Hi, my name is Dan and this is a production video. We're gonna go through and repeat this box here, changing out the images for the different clients to kind of mock up this here, where we've got the different clients. All right. Um, first thing I wanna do is I want this to be a hyperlink. So when somebody clicks the client, it jumps across to that specific page where we display what we did for that client. Now I don't have that page created yet, so who can remember what I do to add to it?
Okay. I don't add the URLI add a special symbol. That's right. It's the pound symbol or the hash symbol. So I'm gonna select the text. All right, so select through the text.
I'm gonna click hyperlink and I'm just gonna put in a hash sign. And it just means that now it's a hyperlink. You can roll over, it changes color. And later on when I'm finished the page that um, uh, this client's gonna be housed on, I can link it to it later on then. Alright, so I'm gonna duplicate this across. It's probably gonna be easiest to do in code view.
So I'm gonna go a split view here. I'm going to, you see these are the other boxes. Okay. So what I want to do is, there you are, I'm gonna make it look nice and simple. So I've, I've added a return. Why is there returns in here?
I just, um, just to kinda line things up and make it look nice. So there's the open and the close. So I wanna grab everything that's inside there. So I'm gonna grab these two lines and I'm gonna copy it. I'm gonna put a couple of returns in, paste it, you see here. Pair there, put a return in there.
Paste, put a return in there. Paste. Great. Okay, so now we can go through and edit it. We could do it here in Cove View. We could do it out there in um, live view.
It's up to you. Um, I'm gonna do it in live view. So I'm gonna click on the image and I'm gonna go switch it out. So at the moment, I don't wanna go to insert an image 'cause that'll insert a new one. What I want to do is replace the one that's in there to do it. Down here you can see it's linking to my images follower portfolio one jpeg.
What I can do now is I can hit on this browse file and go off to my desktop, find the dream weaver exercise files, find images, and there's portfolio two and that will replace it out. I need to make sure though, when I do put in an image, I need to put alt text and I did forget to do it for this first one. So this one here is the client. I can't remember what the client is, but this is gonna be, uh, a cassette client work. Okay, this one here is going to be my illustration work for acne. Great.
Let's switch out this one here. Desktop exercise files, images, audio three and then the last one. Make sure I do the old text. Okay, this one is going to be, uh, auto sell on. Great. Uh, let's look at this last one here.
Switch this one out. Find my desktop. Doing Exercise files, images. I could copy and paste all of these images over earlier into my site file so I don't have to go out and find them every time, but I'm doing it the long way. So let's have this one here. Who is this one?
This is going to be Our photo shoot For models. Something like that. Great. Um, I should go through and change all these text. Okay, so this one is going to be cassette. This one here is going to be what on this one here is going to be model zinc.
All right, so I've gone through and adjusted. Now. Now you might find that everything is kind of done. This, let me show you, it might have flopped down, so it's all kind of underneath each other. You might be a little weirded out by that. Um, you just gotta make sure that we're working on our large desktops down the bottom here.
Switch it to large and they'll be back to our nice laid out desktop version. We're gonna look at mobile in a little bit, um, and make those do a whole lot better when they go down and collapse down to mobile. All right, let's do a file, save all and make sure you go off now and back up your site in case things go horribly wrong in the next tutorial.