フォームを作ってみる記事を書いたら長くなったので、ページ内移動をつけました。使用(個人的には非推奨)学校では、今日(12/6.金)からジャバスクリプトに入ることになりました。みたいな課題がでました。・・・先生に何で作るか聞いたら、特に答えはなかったので自分はテーブルかdlを使うのかなと思いました。自分なりのまとめをメモしておきます。↓まず、何もない素のコード※nameとかは習ってないので入れてないです。※先生は答えを言わない主義だそうなので、これから先、とりあえず自分のですすめます。10代20代30代40代50代60代70代80代90代いきごみ:↓表示はこのような感じで、レイアウト感ゼロです。90代いきごみ↓表示はこのような感じです。これをCSSで装飾したら良いと思います。90代いきごみ↓CSSを使用しないと、表示はこのような感じです。90代いきごみ↓CSSを使用しないと、表示はこのような感じです。display:block;}↓それなら同じ原理で「p」も使えると思い、「p」を使用してみます。10代20代30代40代50代60代70代80代90代いきごみ↓CSSを使用しないと、表示はこのような感じです。*/}・・・感想として、わかりやすいのはテーブルなので、CSSに慣れないうちはテーブルで良いと思います。ulを使いたい時は参考記事のように、テーブル風のレイアウトはしない方が良いと思います。凝りたい時は、バックに画像を入れるなどしたら、いい感じにレイアウトできそうです。(授業編)昨日予習して行った件の、授業編です!・・・結論から言うとEmEditorとExcelを組み合わせて実務的にサクッとコーディング☆という感じでした。_)mおさらいです↓(画像はクリックで拡大します)ちなみに、先生によると改行は「\n」だそうです。(予習編)学校で、小学校低学年くらいを対象とした九九表をエクセルで自由形式で作る・・・というような感じの課題がありました。すばらしい!!と感じました。_)mみなさま、ありがとうございました。_)mありがとうございました。・・・で、授業の終わりに先生が「明日、この表をHTMLにしたいと思います」と言われていたので、それはエクセルをHTMLに書きだすことなのかそれとも<table>タグを使って自分で手打ちすることなのか?もちろん手打ちでしょう!!と思ったのですけど、いやいや実務経験のある先生だから実はエクセルのHTML書き出しを使ったらこんなに簡単だよこだわらないならこれで良いですよ~とかそんな話になるのだろうか?いやでも先生は元プログラマー様兼元SE様だからそんないい加減なコードでは許されない気がする。▲PageTop可変レイアウト(リキッドレイアウト)追記(もとの記事の、別画面で開くHTMLの上を右クリック→ソースを見るでも見えますが)コードを見たいと言うかたがいたので、コードを下に追記しました。コードの上でダブルクリックすると、全選択になりテキストをコピーできます。▼可変レイアウト1段組み▼可変レイアウト2段組み▼可変レイアウト2段組み、1段固定------------------------------------------------------------------CSSむずかしいですねー・・・私にはやっぱりCSSむずかしいです(--;)金曜日、先生は作り方には特に触れなかったのですが可変レイアウトの話をしていました。意外とむずかしかったのが1段だけ固定の場合でした。これは順を追って考えてみたいと思います。もとは、先に作った「可変レイアウト2段組み」を使用。後から書いたサブの部分をメニューやバナーのエリアと考えて200pxにしてみました。変更ついでに、左にもってきてみました。本文見出し文章が入ります。本文見出し文章が入ります。本文見出し文章が入ります。本文見出し文章が入ります。横の部分見出し文章が入ります。横の部分見出し文章が入ります。本文見出し文章が入ります。本文見出し文章が入ります。横の部分見出し文章が入ります。横の部分見出し文章が入ります。▲PageTopCSSのfloatいろいろ今日、授業でCSSを習ったのですがCSSだけで要素を移動できるんですよ、みたいな課題がありました。)そんなこと、考えたことなかったなーと感じたのでめも。個人的好みで<div>で試しています。