[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
関連記事
-
-
[Dreamweaver] テンプレートの入れ子
テンプレートは入れ子に出来る! Dreamweaverのテンプレートは、ベースを作り、さらにそのベ
-
-
[Dreamweaver] 便利な検索&置換
Dreamweaverの検索&置換は、便利な機能が満載! サイトを制作する上で厄介になってくるのが
-
-
[Dreamweaver] 不要な_notesを作成させない方法
みなさん、_notesで困ってませんか? Dreamweaverは、デフォルト設定で使用していると
-
-
[Dreamweaver] コーディングを早くする5つの方法
コーディングは、早くなる! 普段、Dreamweaverを使っている人で、SassやZenコーディ
-
-
[jQuery] OSX風のスクロールバーにするプラグイン!
trackpad-scroll-emulator trackpad-scroll-emulator
-
-
[javascript] Google Maps javaScript API v3の使い方(応用編:Mapの色を変更する)
まだまだあるぞ!Google Maps javaScript API v3 さて、2回にわたって紹
-
-
[jQuery]背景画像にぼかしを入れるプラグイン
Blurrプラグインの紹介 BlurrはシンプルなjQueryのプラグインです。 そして、背景画
-
-
[CSS] リンク先やファイルタイプに合わせてアイコンを自動で付くようにする!
柔軟に対応出来るCSS リンク先やリンクしているファイルに合わせて、こういうファイルだよと一目でわ
-
-
[Dreamweaver] テンプレート機能を使う!初級〜中級編
まだまだある便利機能! 既に、上級編まで紹介してしまってますが、抜けていたので、すこし簡単です。
-
-
[CSS] 複数のbackground-imageの設定方法
マルチBackground-imageを使ってみる CSS3では、背景画像を指定する際に複数の画像