お世話になります。 締め切り間際の提案しつれいいたします。 スマホでのファーストビューでスライダー部分は jQueryを用いて実装予定です。 可能な限り軽量化のため、使えるところはWebフォントを使います。 スマホでのヘッダー部分は、電話マークをタップすると 番号が入るようにします。 右上はメニューでスクロールをしても常にヘッダーはついてくる仕様で タップすると、jQueryを使って右から左へスライドして展開します。 こちらは、よくあるスマホサイトのように、上から降りてくるタイプも可能です。 添付されているPHPのコードを拝見いたしました。 私も独学ではあるのですが、10年ほど経験があります。 レスポンシブデザインでのコーディングでは確認しやすいように .htaccessで.htmlでPHPを動かす設定にして、 HTMLの中にPHPを埋め込む形にすると確認がスムーズにいきます。 $return_string .= "<div id='syodan_info_area' style='color:#FF0000'>"; のところを <div id='syodan_info_area' style='color:#FF0000'>{$〇〇}</div> と{}で変数等をくくって埋め込みます。 CSSのインラインでの埋め込みも、 <div id='syodan_info_area' style='color:#FF0000'>を <div id='syodan_info_area' class=’red’>としておき その外側に選ばれた結果によって切り替えられるclassやidを入れておけば たとえば商談ありのところで .s_ariというclassをつければ .s_ari .red{color:#f00;} で赤文字になります。 HTML側も単純にしておけば、更新やカスタマイズの時に変更や確認がしやすいのではと思いました。 その他、相談しながら進めていければと思います。 どうぞよろしくお願いいたします。
メンバーからのコメント
お世話になります。
締め切り間際の提案しつれいいたします。
スマホでのファーストビューでスライダー部分は
jQueryを用いて実装予定です。
可能な限り軽量化のため、使えるところはWebフォントを使います。
スマホでのヘッダー部分は、電話マークをタップすると
番号が入るようにします。
右上はメニューでスクロールをしても常にヘッダーはついてくる仕様で
タップすると、jQueryを使って右から左へスライドして展開します。
こちらは、よくあるスマホサイトのように、上から降りてくるタイプも可能です。
添付されているPHPのコードを拝見いたしました。
私も独学ではあるのですが、10年ほど経験があります。
レスポンシブデザインでのコーディングでは確認しやすいように
.htaccessで.htmlでPHPを動かす設定にして、
HTMLの中にPHPを埋め込む形にすると確認がスムーズにいきます。
$return_string .= "<div id='syodan_info_area' style='color:#FF0000'>";
のところを
<div id='syodan_info_area' style='color:#FF0000'>{$〇〇}</div>
と{}で変数等をくくって埋め込みます。
CSSのインラインでの埋め込みも、
<div id='syodan_info_area' style='color:#FF0000'>を
<div id='syodan_info_area' class=’red’>としておき
その外側に選ばれた結果によって切り替えられるclassやidを入れておけば
たとえば商談ありのところで .s_ariというclassをつければ
.s_ari .red{color:#f00;} で赤文字になります。
HTML側も単純にしておけば、更新やカスタマイズの時に変更や確認がしやすいのではと思いました。
その他、相談しながら進めていければと思います。
どうぞよろしくお願いいたします。