Image Ready Web Design
Fri, 19 Feb 2010 01:13:32 +0000
I have a ps3 also. here are the specs.
General
Product Type 32″ LCD TV
Digital Television Certification HD ready
Video Interface Component, composite, HDMI, S-Video, SCART
PC Interface VGA (HD-15)
HDCP Compatible Yes
Dimensions With stand
Width 81.1 cm
Depth 23.5 cm
Height 63 cm
Weight 25.5 kg
Display
Diagonal Size 32″ - widescreen
Technology TFT active matrix
LCD Display Technology S-IPS
Resolution 1366 x 768
Display Format 720p
Image Aspect Ratio 16:9
Image Contrast Ratio 1600:1
Brightness 500 cd/m2
Progressive Scan Progressive scanning (line doubling)
Widescreen Modes Zoom 14:9, Conventional 4:3, Full, Zoom, 16:9, Spectacle
Viewing Angle 178 degrees
Viewing Angle (Vertical) 178 degrees
Pixel Response Time 8 ms
Comb Filter Digital
Features XD Engine technology
TV Tuner
Analogue TV Tuner NTSC, SECAM
Multi-channel Preview Picture-in-picture (PIP)
Analogue Channel Qty 100 channel(s)
Digital TV Tuner
Digital TV Tuner DVB-T
Video Features
HD Ready Yes
Teletext Yes
Teletext Memory 1500 pages
Remote Control
Type Remote control - infrared
Audio System
Sound Output Mode Stereo
Speakers Included 2 speakers
Output Power / Total 30 Watt
Features Auto volume adjustment
Speaker(s) 2 x right/left channel speaker - built-in - 15 Watt
Connections
Connector Type 1 x HDMI - rear ¦ 1 x component video input ( RCA phono x 3 ) - rear ¦ 1 x VGA input ( 15 PIN HD D-Sub (HD-15) ) - rear ¦ 1 x audio line-in ( mini-phone stereo 3.5 mm ) - rear ¦ SCART ( 21 PIN SCART ) - rear ¦ Composite video/audio input ( RCA phono x 3 ) - rear ¦ 1 x S-Video input ( 4 PIN mini-DIN ) - side ¦ 1 x composite video/audio input ( RCA phono x 3 ) - side
Miscellaneous
Included Accessories LCD TV stand
Power
Power Device Power supply
Voltage Required AC 120/230 V ( 50/60 Hz )
Power Consumption Stand by / Sleep 3 Watt
Power Consumption Operational 150 Watt
WHAT DO I NEED TO BE ABLE TO PLAY BLU-RAY in HDTV ON THIS TV SET.
ANY AND ALL HELP APPRECIATED
How to Code up a Web Design from PSD to HTML
A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery.
To refresh your memory
Cast your mind back and you’ll remember we left off at the end of the post titled Create a Gnarly Snowboarding Themed Web Design with a finished PSD sporting a textured background, large feature area and a mix of text, images and video making up the main content area.
Check out part one of the tutorial
Cutting up the PSD concept
With our design being pretty design heavy, there’s a good selection of elements that will need exporting from the PSD. The first is the large textured background.
Disable all other layers then draw a large marquee across the design that includes all the textured elements and blue gradient. Press CMD+Shift+C to copy this selection, then paste in into a new document.
To take into consideration larger monitors, we need to make sure our design is wide enough not to be cropped off. A width of 2200px should be more than sufficient to accommodate even the larger of monitor setups. Select a portion of the gradient and press CMD-T to transform and stretch the background to fill the white space. Save this large image for the web, but take care to balance between file size and quality. With the image being super-sized, it’s important to carefully select the appropriate compression settings. My final file weighs in at 220kb, which is pretty heavy in normal circumstances, but considering that the rest of the design is quite lightweight, it’s a sacrifice that can be justified. We could have made things much easier for ourselves by not including a gradient as well as a texture, this way we could set a smaller graphic in the center that fades out to a flat colour. (Or wait until the multiple backgrounds CSS3 property is more widely supported!)
Continue selecting individual page elements with the marquee tool, pressing CMD-Shift-C to copy-merged then paste in a new document and export. Elements such as the logo, feature graphics, profile shots and every small icon needs saving as an individual graphic.
Remember to choose the most appropriate file type and compression setting for each item. An element that is made up of flat colours will be more suited to PNG format. Elements that require a transparent background can be exported using the PNG-24 option.
Once all of the images have been saved, you’re ready to move onto the HTML section of the website build.
Building the HTML structure
It’s always important to build the house before decorating the rooms, so we’ll begin by writing out the HTML structure of the website. We’ll base the HTML on the XHTML Strict Doctype and add the initial link to the stylesheet and a containing div to hold the content.
- Posted in Wysiwyg Web Designer



