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

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

[HTML] 初心者を脱却するためのHTMLの心構え!

公開日: : html5, Web制作


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

関連記事

[HTML]デザインは、やはり大切だった!

デザイン無しでのサイト制作には限界がある 見切り発車で、 おさらいがてらWordPressのテーマ

記事を読む

[CSS] 角丸は便利だけど理解に苦しむ時もある

一般的な角丸の使い方 よく使う角丸は、divを角丸にしたり、画像を角丸にしたりすることでしょう。

記事を読む

[CSS] 今さらだけど、必ず覚えておきたいCSSセレクタ

CSSセレクタとは? CSSセレクタを意識する事はあまりないと思いますが、今回はおさらいがてら、C

記事を読む

[jQuery]背景画像にぼかしを入れるプラグイン

Blurrプラグインの紹介 BlurrはシンプルなjQueryのプラグインです。 そして、背景画

記事を読む

[Dreamweaver] テンプレートの入れ子

テンプレートは入れ子に出来る! Dreamweaverのテンプレートは、ベースを作り、さらにそのベ

記事を読む

[CSS] メディアクエリ(Media Queries)を考える

Media Queriesとは Media Queriesとは、画面環境に応じてCSSの適用範囲を

記事を読む

[CSS] animationを使ってみる!

色の変化をCSSのみで実装できる! CSS3のキーフレームアニメーションでは、JSで出来る、背景色

記事を読む

[jQuery] クリックしたところから波紋が広がるプラグイン!

Rippler 以前にも波紋のプラグインを紹介しましたが、今回も新たなプラグインを紹介しま

記事を読む

[CSS] CSS3のtransitionを使ってみよう!

CSS3のTransitionは、そんなに難しくない! CSS3では、CSSのマークアップだけでア

記事を読む

[jQuery] クリック時に波紋のような効果をつける

今回は、クリックした時に波紋のような効果をつけるjQueryプラグインの紹介です。 Ripple

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

[PHP] curl転送してみる(googleに)

curlでgoogle画像検索APIにアクセスしてみます。 cu

[PHP] PDOでMySQLの接続確認をする

PDO PHPでMySQLに接続する際には、mysql_connec

[PHP] ランダムな英数字を生成する

便利系メソッド 今回はPHPでランダムな英数字を作成してみます。

[Swift] プロパティリスト(plist)の値を取得

plistからデータを取得してみます。 こちらのエントリーも参考にし

[Swift] Asset Catalogについて

XCode5から追加されたAsset Catalog。 いままで標準

→もっと見る

  • 1978年の七夕生まれ。 25才でweb業界の門を叩き、28才でフリーランスに。 現在は、フリーランスでマークアップ中心に、wordpressのカスタマイズやデザインをしております。 また、iPhoneアプリの開発もしております。

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
PAGE TOP ↑

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