Home
Username:
Password:
Adobe Photoshop CS3 Tutorials

Web Preparation / Browsers and FTP




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

What I am gonna talk about here is how when you're in the save for web and devices dialog box you are able to preview your website in the browsers that you have on your computer. It's kind of important when you're a web designer to look at how you're HTML and you're images are going to be translated by the different browsers. So you can you know adjust your text and adjust color so that everyone can get a nice experience from visiting you're website. Now if you look down here at the bottom of this uh page I have the ability to turn on uh different web browsers. So let me show you here, I can move this up a little tiny bit and show you that I can choose from firefox which is one of the web browsers on my system and in a minute that's gonna open up and give me a preview as to what that looks like. I can see that the format is jpeg, the dimensions are 540 by 316 is the pixel dimension and it gives me other various information based on the settings in the save for web and devices. I also get to see a preview of the actual code known as HTML that Photoshop writes for me. So I don't have to do any of this hard coding myself. Photoshop is gonna be my buddy and write this for me. Now I can also choose from this list any other browser such as firefox and safari and Internet explorer and whatever you are going to use. If you'd like to add another browser, let me move this up a little bit and show you, that we have the ability to edit this list. So once again we move this up a little tiny bit and show you the edit list and the browser dialog box will appear and all you have to do is click add. Find the browser that you'd like to look at in the preview and then once you're done click OK. Once you're finished with that let's talk about how FTP works. FTP stands for file transfer protocol and pretty much whenever you design a website it lives on your computer, its on your hard drive and its not really doing you any good that way. Because it has to go on to a server and turned into a live website. I use a service called one and one and I pay them about two or three dollars a month, I forgot what the fee is and then they host my website, that means that my website is copied to their servers. So when you guys access my website or VTC's website or anyone's website you're not going to the person's actual computer, you're going to a copy of it on someone else's server. And those servers are designed to handle a lot of traffic so that if you guys were to log onto my machine and like a hundred people logged on you might crash my computer. My computer is not set up to handle all that traffic. And that's the beauty of using a server. So once again the FTP program is able to get the uh images and HTML from your computer and upload it to a server. You want to get a server provider such as one and one or another company like godaddy.com or a lot of these other companies that you see on TV. And then when people access you're website they'll be able to go to you're pages from them. Another thing about the FTP if you have a program such as Dreamweaver, Dreamweaver has FTP abilities built in, if not you can always find a dedicated application such as fetch and I use fetch to get the files from computer to the server. Hopefully this little brief about HTML and FTP will help you to understand pretty much how the web works and how you can preview you're images and your HTML and also get your files from your computer to a real server so your website can be enjoyed world wide.

Tutorial Information

Course: Adobe Photoshop CS3
Author: Dwayne Ferguson
SKU: 33782
ISBN: 1-933736-98-4
Release Date: 2007-08-02
Duration: 9 hrs / 161 lessons
Work Files: Yes
Captions: For Online University members only
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available