PSD to HTML
Hosted Website Content Management: Fast, Easy Deployment
Once you have your site coded, you need to choose how those coded web pages are going to be delivered. The first fork in the road is to choose between static web site and a content management system (CMS).
Coding Your Web Site with Quality
When you're ready to turn your beautiful design into a live, functioning web site, you need to tread carefully. While many different paths will lead to a site that looks more or less the same, the maintainability may vary dramatically, as may the browser compatibility and accessibility. In this article, we explore coding issues.
Designing Your Site's Information Architecture
Information architecture is a big topic. However you are building sites, it's essential to think deeply and clearly about how best to organize a site's content. If the site is a simple brochure site, then there may not be much to think about, but the more content a site has, the more important it is to invest effort in this area.
Designing Web Sites in Photoshop: Know What jQuery Can Do
Perhaps the biggest difference between designing for print and for the web is the opportunity to use interactivity. Sure, you can build your web pages just like printed pages that appear on screen, but if you do so you're leaving on the table some of the benefits the web has to offer. Interactivity in web pages is provided by JavaScript, the programming language that runs in the browser.
How Wide Should Your Design Be?
One of the most fundamental differences between designing for the web and designing for print is that there is little predicability in how your web design will be viewed. In print, you at least have control over what size paper your design is printed on. On the web, the same site may be viewed on a mobile phone, a netbook, an iPad, or a 30-inch monitor. That means you don't have any idea how big things are going to be, or where the edges are.
Setting Up Photoshop Files for the Web
When you design a web site in Photoshop, there's a disconnect between the tool you are using and the medium you are designing for. Although it has evolved somewhat, Photoshop was created for non-interactive design, and for a publishing medium that mapped quite directly from Photoshop screen to printed page. When you're designing for the web, there's big differences.
Designing for the Web: The Web Design Vocabulary
Readers of books expect to find a table of contents and page numbers to help them navigate. Viewers of web sites expect to find headers, footers, and persistent navigation. If you don't provide it, you significantly increase the chances visitors will get lost, or frustrated, and give up.
From PSD to Website: Top 6 Things to Know
If you're a graphic designer whose background has been mostly in print, there's a few things we can guess about you: You are much more comfortable and productive in Photoshop than in Dreaweaver or other web tools; you feel overwhelmed by all the technology details that assault you when you need to turn your designs into web sites; and more and more, web sites are what your clients are asking for. If this sounds like you, then finding an effective path to turn your designs into quality web sites could significantly advance your career.
Get updates via email
Follow Us
Join our Free Learning Webvanta Course
We'll send you a series of brief lessons and tips on making the most of Webvanta. In less than a month you'll be an expert at building powerful, database-driven sites.
We hate spam as much as you do. We'll use your address only for sending you this course and Webvanta updates.
Categories
- Webvanta updates
- Web design
- Structured content
- Content management system (CMS)
- Using Webvanta
- Webvanta sites
- Webvanta events
- Dynamic Website Design Tips
- CMS Design Tips
- Build CMS Websites
- Resources for CMS Designers
- SaaS CMS Services
- PSD to HTML
- Email Marketing
- HTML5 and CSS3
Recent Posts
- Using Real Fonts on the Web
- Expand Typographic Freedom on the Web
- Using HTML5's New Structural Tags
- Video That Plays Everywhere:
HTML5 (MPEG4 & Ogg) + Flash - HTML5 Video:
Get Used to Multiple Formats - HTML5: Over-Hyped
or the Next Big Thing? - Opening External Links in Another Window: Evil or Convenience?
- Choosing an Email Marketing Service
Design Bloggers
- Havoc Inspired
- Elliot Jay Stocks
- Verele's Blog
- Adaptive Path
- Bluefire Blog
- Webdesigner Trends
- Think Design Blog
- All Graphic Design
- Fuel Your Creativity
SEO Bloggers
Freelance Bloggers
