Web

10 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€67.18
List Price:  €95.97
You save:  €28.79
£55.85
List Price:  £79.79
You save:  £23.94
CA$98.21
List Price:  CA$140.31
You save:  CA$42.09
A$107.62
List Price:  A$153.75
You save:  A$46.13
S$94.24
List Price:  S$134.64
You save:  S$40.39
HK$544.83
List Price:  HK$778.36
You save:  HK$233.53
CHF 62.54
List Price:  CHF 89.34
You save:  CHF 26.80
NOK kr774.97
List Price:  NOK kr1,107.14
You save:  NOK kr332.17
DKK kr501
List Price:  DKK kr715.75
You save:  DKK kr214.74
NZ$119.95
List Price:  NZ$171.37
You save:  NZ$51.41
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,361.58
List Price:  ৳11,945.63
You save:  ৳3,584.04
₹5,909.84
List Price:  ₹8,442.99
You save:  ₹2,533.15
RM312.71
List Price:  RM446.75
You save:  RM134.04
₦118,484.88
List Price:  ₦169,271.38
You save:  ₦50,786.49
₨19,443.22
List Price:  ₨27,777.22
You save:  ₨8,334
฿2,412.28
List Price:  ฿3,446.26
You save:  ฿1,033.98
₺2,418.32
List Price:  ₺3,454.90
You save:  ₺1,036.57
B$406.01
List Price:  B$580.04
You save:  B$174.03
R1,270.71
List Price:  R1,815.38
You save:  R544.66
Лв131.35
List Price:  Лв187.66
You save:  Лв56.30
₩98,301.65
List Price:  ₩140,436.95
You save:  ₩42,135.30
₪260.01
List Price:  ₪371.46
You save:  ₪111.45
₱4,125.14
List Price:  ₱5,893.31
You save:  ₱1,768.17
¥10,832.35
List Price:  ¥15,475.45
You save:  ¥4,643.10
MX$1,429.79
List Price:  MX$2,042.64
You save:  MX$612.85
QR255.18
List Price:  QR364.56
You save:  QR109.38
P956.90
List Price:  P1,367.06
You save:  P410.16
KSh9,061.51
List Price:  KSh12,945.58
You save:  KSh3,884.06
E£3,475.01
List Price:  E£4,964.52
You save:  E£1,489.50
ብር8,566
List Price:  ብር12,237.67
You save:  ብር3,671.66
Kz63,900.87
List Price:  Kz91,290.87
You save:  Kz27,390
CLP$68,444.99
List Price:  CLP$97,782.75
You save:  CLP$29,337.76
CN¥506.93
List Price:  CN¥724.22
You save:  CN¥217.29
RD$4,217.06
List Price:  RD$6,024.63
You save:  RD$1,807.57
DA9,397.90
List Price:  DA13,426.15
You save:  DA4,028.25
FJ$159.29
List Price:  FJ$227.57
You save:  FJ$68.27
Q540.13
List Price:  Q771.64
You save:  Q231.51
GY$14,638.82
List Price:  GY$20,913.50
You save:  GY$6,274.67
ISK kr9,773.54
List Price:  ISK kr13,962.80
You save:  ISK kr4,189.25
DH703.91
List Price:  DH1,005.63
You save:  DH301.72
L1,275.33
List Price:  L1,821.98
You save:  L546.64
ден4,132.76
List Price:  ден5,904.20
You save:  ден1,771.43
MOP$561.01
List Price:  MOP$801.48
You save:  MOP$240.46
N$1,268.91
List Price:  N$1,812.81
You save:  N$543.90
C$2,574.70
List Price:  C$3,678.31
You save:  C$1,103.60
रु9,449.77
List Price:  रु13,500.25
You save:  रु4,050.48
S/265.32
List Price:  S/379.05
You save:  S/113.72
K281.71
List Price:  K402.47
You save:  K120.75
SAR262.77
List Price:  SAR375.40
You save:  SAR112.63
ZK1,934.92
List Price:  ZK2,764.29
You save:  ZK829.37
L334.42
List Price:  L477.77
You save:  L143.34
Kč1,702.59
List Price:  Kč2,432.37
You save:  Kč729.78
Ft27,646.05
List Price:  Ft39,496.05
You save:  Ft11,850
SEK kr772.42
List Price:  SEK kr1,103.50
You save:  SEK kr331.08
ARS$70,251.41
List Price:  ARS$100,363.46
You save:  ARS$30,112.05
Bs483.50
List Price:  Bs690.75
You save:  Bs207.24
COP$307,238.59
List Price:  COP$438,931.09
You save:  COP$131,692.49
₡35,641.51
List Price:  ₡50,918.63
You save:  ₡15,277.11
L1,768.23
List Price:  L2,526.16
You save:  L757.92
₲546,248.87
List Price:  ₲780,388.98
You save:  ₲234,140.10
$U2,983.14
List Price:  $U4,261.82
You save:  $U1,278.67
zł291.40
List Price:  zł416.31
You save:  zł124.90
Already have an account? Log In

Transcript

So a web gallery sitting on your desktop looks like this folder. You've got an index dot HTML file, and you've got content folders, lots of images, and you've got resources and j. s files and CSS files and lots of pretty crazy stuff that makes no sense at all to anyone except the web browser. That is because the web gallery when opened in a web browser looks like this. So this is an example of a classic HTML style web gallery. But we can click on images and we can go next, and next and next and go back to the index, whatever we like multiple pages and so forth. Or we've got something a little more contemporary looking like this Lightroom track gallery, where we can look at a whole sort of grid of images like this, we can click on an image and go up into full screen and we can use these navigation bars to advance to the next and the next, and so forth.

So lots of wonderful Fill options with web galleries, web photo galleries. And that's exactly what we can produce in Lightroom web module. So just like the slideshow in the print module, the web module has a template browse up over here in the left hand panel, and it's broken up into sections, we've got the classic gallery, templates, grid, gallery, squig, gallery, and so forth. So the classic gallery is this old, sort of HTML style gallery where you get a grid of images and you click on a thumbnail and it goes to a larger image and we advance next, next, and so forth, or go back to the Index page. Over here in the right hand panel, I can add custom information. My photo gallery I'll just type I still can't type and speak at the same time you may have noticed haven't got the hang of that technique, it might be light up.

So I've just added a little bit of custom text here and here is more of a Guys back and typed as well maybe got a typo nice. All good. So we've got the appearance which we can control the grid, how many rows and columns and so forth. If we go into the large image, we can control the size here with this little slot up, make it a little bigger and smaller depending on the size we want. We've got photo borders that we can create big and small, just using these sliders here. We've got image info to overlay, title capture and so forth on the output settings with a good old watermarking raises its head again.

And of course we can work on our logo watermark, our graphic logo that I've shown you many times now or anything else available in the the watermarking menu there but we won't do any of that you'll see applies a little bit of sharpening on output as well is applied to the output images. We can set that to a low, standard or high amount of sharpening. And finally, we've got the Upload settings that enable us to basically upload the web gallery directly to the internet. Now I'm going to do a separate video on that, because it's a whole other kettle of fish talking about how we get these galleries live on the internet. So I'll do a separate separate video on that. This one's just talking about what a web gallery is and how to make one.

So back in my template browser, so the this HTML gallery is pretty dull, really, by today's standards, you probably wouldn't be too interested in producing something like that, but it used it's a bit of an old standard, I guess. But you've got all these lovely new ones. Now you've got the grid gallery. If I just go into this grid gallery default here you can see it gives me this nice kind of grid of images on a white background to begin with. Notice this annoying watermark keeps popping up. So once you've chosen something you like don't forget to turn the watermark off if you don't like that.

We've also got the square gallery which is quite nice as well. It's got just that kind of Guess Instagrams sort of feel. Once again, that annoying little watermark repeatedly turns up, so you can turn that off if you don't want it. You've got the track gallery, which was the one I showed you earlier on, that gives me this wonderful grid of images. And I use these track galleries on my website to promote all our various overseas trips to Japan and Cambodia and China and so forth. I've just built a nice little track gallery and uploaded that onto my website just to showcase a gallery of images that we make.

So lots of options for what we can do here in the web module, producing these lovely web galleries. So just like the slideshow and print examples you can save. Once you've done a bunch of work, you can create a saved web gallery that you can easily return to so why don't we just set up this track gallery of turned my turn my watermarking off, I might just play I can play with my row height here, just to increase or decrease the size of the images I think I've got a option for the spacing have I image info so forth upload settings? No, maybe it's just like that. So I say I'm happy with that. I'm just going to click Save.

I'm going to save it inside the slideshow, I'm just going to call it web gallery. And you can see now, over the last three or so videos, we've created this one collection called slideshow. And then we've gone ahead and made a slideshow from it, we've made a print contact sheet from it. And now we've just made a web gallery as well. And they're all nicely saved as kind of, I guess sub collections of that collection of saved galleries and so forth that we can return to very easily pick up where we left off, we click on an image, we get a nice preview. This is what it's going to look like as we advance to the next and the next and the next or we can go back to our grid of images.

So once we've construct once we've chosen a template of a web gallery that we like, and we've gone ahead and customize that all with the information that we'd like to include. We've basically got two choices, we can hit export. And export is going to do exactly that. It's going to create a folder in the location of your choice possibly on your desktop, which I showed you at the start of this video. Here's an exported web gallery here. So the exported web gallery contains all the information that the web browser needs in order to display it to the HTML pages.

You've got CSS, this is your Cascading Style Sheets, ie j. s is your JavaScript files and a bunch of other odds and ends that will all be used by the web browser to display the web gallery. So you can export it to your desktop and then FTP it however you choose. So FTP stands for File Transfer Protocol, and that's the process of putting your website online. So you can FTP it using different software, possibly fetch or some you know, Dream waiver or any number of Other software programs available, or you can actually FTP directly from Lightroom. So if I was to click Upload here, then it would tells me the FTP server. Actually, I need to tell it because I haven't set it up on this one Sorry, I need to go into my FTP server.

And I need to edit and I need to enter all my FTP details so I need to pop in my web address so my whack comm that I use my username and password my server path, so exactly where on my website I want this particular site to go and then go ahead and FTP it up. So obviously, in order to FTP, I said I was going to do a separate video for this, but it looks like I'm doing it in the one now, in order to FTP your video or get it onto the web. You firstly you need to have your own web server. So you need access to your web server that you can upload to and you need the passwords and all that sort of information. Now, some people might manage that themselves. Other people might have a web admin person who does that.

So if you are the latter, then you could just export this folder, send it off to your web admin person. And they can do that for you. Alternatively, you might like to upload the whole thing yourself. And you can go into your custom settings, click Edit, and you will need to enter your server path or address your username and your FTP password, and then your actual server path that you want to upload that to. So a little bit sort of technical and complicated at that end. And there's some details that you'll need to have for your web admin.

And then you can FTP directly from Lightroom, which is a wonderful way to go makes it very easy to just put websites up very quickly and easily our web galleries I should say, they don't really websites, their web galleries, and they're, they're nice to just link on to other things. So if I was to just go to my website quickly, you can see if I just go if I just remove that little address They let me just go. So this is my website live online. And when I go to my photo adventures here, if we want to have a look at one of our adventures, let's say Cambodia there, and we want to say images from previous Cambodia trips, I click there, and it loads this gallery full of all my Cambodia photos. And you can see up in the address bar here, this resides at wack com.au forward slash galleries forward slash Cambodia pa or photography adventures.

So I've got a subfolder on my domain called galleries and then I save all my extra galleries, or FTP them into that folder. So hopefully that makes a little bit of sense to you. If not, you might have to get someone else to manage that last step for you FTP, your web galleries onto the internet onto your web server. But certainly using the web module, it's very easy to produce some very impressive looking galleries and showcase Your images for all to say

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.