iPhone用のWebページをデザインする方法

2007年の最初のリリース以来、iPhoneは、特にモバイルデバイス用に設計されたページを作成するWebデザイナーを鼓舞されています。 iPhoneは、AppleのSafari Webブラウザが付属しています。さらに、AppleのApp StoreからiPhone用のOpera Webブラウザをダウンロードすることができます。あなたが自宅のコンピュータ上でそれらを見ていたかのように両方のブラウザがWebページを表示することができ、iPhoneのためのあなたのウェブサイトを再設計する必要はありません。これは、iPhone上ですぐにロードされ、より流線型のWebデザインを作成するために、あなたの興味にあってもよいです。あなたは、あなたのデザインをテストするためにiPhoneにCSS、HTMLやアクセスのある程度の知識が必要になります。
あなたが指示を
株式会社iPhone
ログインHTMLとCSS編集ソフト
必要ですものを< BR> 1

は、あなたのHTMLとCSS編集ソフトを使用して、現在のWebページ「.htmlの "ファイルを開きます。あなたは、必ずしも基本的なテキストエディタは、HTMLとCSSファイルを編集することができます---特殊なソフトウェアを必要としません。 Windowsでは、メモ帳を使用することができます。 Macの上では、テキストエディットを使用することができます
ログイン2

を追加します。;に "＆LTリンク>"要素を "＆LT; HEAD>「HTMLファイルのセクションの新しい"の.css」ファイルを参照すること我々が作成されます。私たちは「iphone.css。 "新しいファイルを呼び出します。ファイルのパスは、ページで使用されている他の「の.css」ファイルと同じにする必要があります。完了したら、あなたの新しいCSSファイルをアップロードする場合に、それを定義します。また、それが480PXの最大幅とデバイスで表示されている場合のみ、このファイルをロードするには、ページの指示を含める必要があります。以下に例を示します。

＆LT;リンクのrel = "スタイルシート"メディア= "画面だけと（MAX-デバイス幅：480PX）" HREF = "/iphone.css"タイプ= "テキスト/CSS" />
ログイン
3

あなたのHTMLとCSSエディタで新しい "の.css」ファイルを作成します。これは私たちが名前を付けますファイルになります」iphone.cssを。」あなたは、通常の "の.css」だろうと、それは、実際には、通常のCSSスタイルを反映する必要としてこれを書きます。あなたは、参照として使用するようにメインのCSSファイルを開きたい場合があります。
は

iPhoneのためには、一般的に単一の列のすべてを手配して、iPhoneの画面を埋めるように、100％に列の幅を設定したいと思うでしょう。読み込みからこれらの要素を防ぐために：あなたは「なし表示」を使用することができます---完全に特定のものを非表示にすることがあります。 Webページが異なってレイアウトされています。あなたは満足して新しいデザインを得るまでには、いくつかの実験がかかります
ログイン4

で指定されたウェブサイトのセクションに新しいCSSファイルをアップロードします。 "＆LT;リンク>「あなたはに追加された要素HTMLファイル。オリジナルを置き換えるためにあなたの改訂HTMLファイルをアップロードします。で