I'm following Brian Woods - Creating a multiscreen theme for Wordpress using Dreamweaver and have edited the general-template, theme.php, and the header file to use the new phone.css created from the style.css. I've reviewed the steps a few times to insure that I've made all the edits up to the point of the "Editing Styles" section - http://www.adobe.com/devnet/dreamweaver/articles/dw-wordpress-multiscr eentheme.html
Why would this step not show the phone.css (like the 2nd image below) and only the index.php: To start editing the phone CSS, position the cursor over the header picture of the trees and press Ctrl+Alt (Windows) to open the Code Navigator? I only see index.php and no phone.css. This first image below is what I receive if I select phone.css.
Check to make sure the link to phone.css is correct within your index page source code.
Sometimes, especially if you link a css file to a page in a subdirectory first, you'll accidentally copy/paste a slightly wrong address, something like "../css/phone.css" instead of "css/phone.css". Then when you click it, it will say "does not exist" because DW is essentially looking in the wrong spot for it.
It may be easier to find the issue if you have a live version you could link to though.
North America
Europe, Middle East and Africa
Asia Pacific