職業訓練シェアするLINE!0職業訓練15日目になりました。昨日講師より『Dreamweaverで1からサイトを作ってみるよ』との予告があったのでガッツリとサイト作りの練習でした。いっても画像素材とかは用意されていたんですけどね。『毎日更新!!』とかぶち上げると大体がだらたらした只の日記になるので、更新頻度は特に決めません。職業訓練訓練を受けるまでのステップや、基本的な制度についてはこちらをご確認ください。【読めばわかる】職業訓練って?倍率高くても受かる?費用やお金は?先日、職業訓練校の入学許可が出たのでその流れなどについてまとめてみました。午前中に関してはテキスト化⇒HTMLコーディング⇒CSSで装飾で終わってしまいました。これまではテキストについては用意してもらっていましたが、今日の課題は完成イメージからテキスト化するところから始めます。XHTMLでコーディング1限でテキスト化したものをXHTMLでコーディングして構造化していきます。XHTMLコーディングが終了した段階では、レイアウトなどは完成形とは異なる状態です。XHTMLコーディングが終わったものに対して、CSSで装飾をしていきます。早い人はこの時間に終わっていました。最初は基本形を作る形になっています。開始して2週間ぐらいたったので、説明はありましたがずっとコーディングの嵐ですね。半分ぐらいの人が苦戦していたので3限の続きでCSSによる装飾を行っていきます。今回は固定幅での作成についての解説でした。インライン要素とブロックレベル要素の関係性やfloatでの配置とclear:bothをどのセレクタに指定するのかに戸惑っている方が多い印象でした。本日作成したものは固定幅(pxでのサイズ指定)でしたが、レスポンシブ対応に切り替えていくにはどうするかという先行組と、固定幅指定についてのおさらいをする組に分かれて相談しながら自習の時間でした。授業後にレスポンシブについての質問を講師にしている人はかなり多かったです。私自身もレスポンシブについて言葉で説明するのが難しいと感じたので、家に帰ってから簡単にまとめて整理しておさらいをしたりしてました。他の受講生の方もやはり自習(復習がメイン)をしている感じで翌日の朝に質問が飛び交うような雰囲気が最近の朝の光景になってますね。参考までに、レスポンシブの基本的な考え方についてまとめたものをzipで貼っておくので興味がある方は使ってみてください。responsive.zipをダウンロードする<<余談>>あと授業内容と直接は関係ない話なんですが、日直制度があって当番制で日誌の記入や教室のゴミ捨てなどをするといった小学校みたいな事も職業訓練ではあったりします。すごく大変だなぁって思いました(小並感)まとめいろんなレイアウトの1枚ものを作りながら要素の配置について学んでいくのがここ数日の授業の中心でしたが、明日からは複数枚のページ作成に移っていくので更にスピードは上がっていきそうですね。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。