[HTML] 初心者を脱却するためのHTMLの心構え!
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/users/1/juny/web/hidef/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524
デザインを見たら、まずレイアウトの方法をイメージしよう
僕は、基本的にデザインを頂いたときに、すぐに作業には入りません。
しばらくデザインを眺めながら、どこをどういう風に組んでいくかを考えます。
いきなり作業に入ると、あとでつじつまが合わなくなってしまったり、強引なレイアウト方法を取らざるを得ない状況に陥りやすいです。
position:absoluteは極力使わない!
これは、どんな場面でも言えるのですが、絶対配置は基本的に使わないにこしたことはありません。
使う事で、予想外の表示崩れが起きたりします。
いろいろな方法を考えに考えて、どうしても使わなきゃデザイン案通りにならない場合のみ、ポイントでつかいましょう。
人のソースが正しいとは思うな!
よく、他の人のソースを参考にする事はあるでしょう。
初心者なら、なおさらです。
ただ、その人のソースが本当に正しいかというと、それはわかりません。
自分が経験していくうちに、あれはダメなソースだったとか、これはダメだと判断がつくようになります。
ただし、決して自分が正しいわけでもないので、色々なサイトのソースを見ることは大切な事です。
時間があるときは、きれいに出来ているサイトのソースを見て勉強しましょう。
安請け合いは、決してするな!
個人の場合、案件の話があると、基本断る事はないと思います。
ですが、デザインを見て、本当に自分の力量でデザイン通りにHTMLを組む事ができるかどうか判断することは、とても大切です。
とりあえず出来ますと返事して、後からこれ以上は無理ですって言う人も、実際に存在します。
つい先日、そういう人の後始末をしなければならい事がありました。
だから、ここは本当に大切な事だと思ってます。
そして、この判断をするための、最初のデザインをしばらく眺めて、イメージすることが重要なのです。
新しい技術は、すぐにでも覚えよう!
Webの世界は、日進月歩です。
昨日新しかったものが、今日はもう古いということがあります。
情報収集も、能力の一つといえるでしょう。
ですから、常にアンテナを立てて新しい技術を見聞きした場合、なるべく早く調べたり覚えたりすることが大切です。
まとめ
今回紹介した内容は、本当に基本的な事です。
読んでみて、「当たり前」だと思った人もいるでしょう。
その「当たり前」と思った人は、全て出来ているでしょうし、初心者ではないでしょう。
初心者には、当たり前と思わない人もいると思います。
そういう人に届けばいいなと思い、記事にしてみました。
ad
関連記事
-
-
[CSS] フォームや登録の進み具合をCSSだけで表現する方法
フォームや登録過程で、今どれくらい進んでいるのか利用者に対して表示する事はとても重要な事だと思います
-
-
[javascript] Google Maps javascript API v3の使い方(基本編)
Google Maps javaScript API v3とは Google Maps API V
-
-
[html5] おさらいがてらWordPressのテーマを作るためにHTML5で一から作るよ![第4回]
完全に放置してました、僕です。 別に忘れていた訳じゃないんですが、時間がありませんでした。
-
-
[Dreamweaver] 不要な_notesを作成させない方法
みなさん、_notesで困ってませんか? Dreamweaverは、デフォルト設定で使用していると
-
-
[Dreamweaver] テンプレートの入れ子
テンプレートは入れ子に出来る! Dreamweaverのテンプレートは、ベースを作り、さらにそのベ
-
-
[jQuery] 実際の案件でよく使っていたプラグイン4選!
1.bxSlider bxSliderは、コンテンツスライダーのプラグインです。 使い勝手が非常
-
-
[Dreamweaver] コーディングを早くする5つの方法
コーディングは、早くなる! 普段、Dreamweaverを使っている人で、SassやZenコーディ
-
-
[CSS] clearfixの使い方を考える
現在のclearfix 以前は、IE6に対応させるためにソースがちょっと多かったですが、現在はかな
-
-
[CSS] リンク先やファイルタイプに合わせてアイコンを自動で付くようにする!
柔軟に対応出来るCSS リンク先やリンクしているファイルに合わせて、こういうファイルだよと一目でわ
-
-
[CSS] ベンダープレフィックスはどこまで必要か?
各ブラウザが独自に先行実装しているCSS3 CSS3が現在、各ブラウザでも対応状況が進み、だいぶ使