Join Paul Trani for an in-depth discussion in this video Creating graphics for web sites, part of Creating a First Web Site with Dreamweaver CS6.
The first step in creating a website is to create the design and the graphics…for the site, and that's why I'm starting off here in Photoshop, Photoshop CS6 to be exact.…Now you, of course, can use a graphic program of your choice, whether it's…Illustrator or Fireworks.…As long as it can export out graphics in a web format, such as JPEG, PNG, or…GIF, which is what I'm going to be doing, but first I want to start off with the…design of this site.…So if we take a look, let's take a look at the Image Size, you can see that the…size of this is 1366 wide by about 1000 high, and that's a pretty good size,…actually that's a good median size for most monitors.…
You can go as low as 1024x768, know that all your critical information should…probably fit within this area.…I am picking the median size, as I showed a second ago, this is at 72 dpi, then…I can begin designing.…Now remember the height is 1000 pixels high, but really, the cut-off point with…the most monitors is 768, so let's just cancel out of that, and if I show you…
- Understanding basic web principles
- Adding content to a web page
- Linking to web sites and email addresses
- Styling content with CSS
- Creating a layout that fits multiple browsers and devices
- Building an HTML5 layout
- Inserting images and video
- Adding a menu bar
- Creating a contact form
- Integrating a Twitter feed
- Uploading and testing a web site
Skill Level Beginner
Q: Where do I learn more about how to make a website?
A: Discover more on this topic by visiting how to make a website on lynda.com.
Photoshop CS6 for Web Design (2012)with Justin Seeley4h 56m Appropriate for all
1. Understanding Web Site Design
2. Creating a Web Page
3. Stylizing Content
4. Creating a Flexible Layout
5. Adding Navigation and Pages
6. Adding a Portfolio
7. Using Content from Other Sources
8. Creating a Contact Form
9. Testing and Uploading
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.