[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
関連記事
-
-
[javascript] Google Maps javaScript API v3の使い方(応用編:マーカーを変更する)
いろんなことが出来るようになったv3 昨日、基本編を書きましたが、今回は応用編です。 v3に
-
-
[Dreamweaver] 便利な検索&置換
Dreamweaverの検索&置換は、便利な機能が満載! サイトを制作する上で厄介になってくるのが
-
-
[CSS] フォームや登録の進み具合をCSSだけで表現する方法
フォームや登録過程で、今どれくらい進んでいるのか利用者に対して表示する事はとても重要な事だと思います
-
-
[CSS] CSS3のtransitionを使ってみよう!
CSS3のTransitionは、そんなに難しくない! CSS3では、CSSのマークアップだけでア
-
-
[CSS]印刷用CSSの設定方法
印刷用のCSSは、設定が簡単! 普通にサイトを作っていると、結構印刷用のCSSの設定もお願いされま
-
-
[WordPress] 管理画面にカラーピッカー(wp_color_picker)を表示する
カラーピッカー 管理画面でプラグインの設定などでカラーピッカーを表示したい場合、wp_color_
-
-
[Dreamweaver] テンプレートの入れ子
テンプレートは入れ子に出来る! Dreamweaverのテンプレートは、ベースを作り、さらにそのベ
-
-
[jQuery] クリックしたところから波紋が広がるプラグイン!
Rippler 以前にも波紋のプラグインを紹介しましたが、今回も新たなプラグインを紹介しま
-
-
[Dreamweaver] テンプレート機能初級編!
まずはベースとなるHTMLを作成しましょう。 Dreamweaverのテンプレートを作るには、ベー
-
-
[javascript] Google Maps javascript API v3の使い方(基本編)
Google Maps javaScript API v3とは Google Maps API V