• ベストアンサー

htmlとCSS

こんばんは。 小さなweb制作会社で働いていますが、私は営業事務がメインなので、デザインについては全く知識がありません。 まわりが毎日終電で帰ったり、泊まりも珍しくない中で、一人だけ早く帰ることが自分の中で嫌になりつつあります。できれば、コーディングくらいなら手伝いたいという思いがあります。 しかし、ほとんど初心者なので、手伝うといっても結局は先輩に聞きながらやらないと出来ないので、逆に迷惑をかけているのです。 ですから、早く帰れる分、家で勉強をしたいと思っているのですが・・・本屋でみていてもどの本がよいのかわかりません。時々間違ったことが書かれている本もありますよね。最新の情報についていけてない本。 安くないですから、失敗はしたくないのですが。 先輩がすすめてくれる本はどれも中級者以上を対象にしたもので、難しいです。 どなたか、初心者にわかりやすいhtmlとCSSの本を教えていただけないでしょうか。よろしくお願いします。

  • joz501
  • お礼率77% (104/135)

質問者が選んだベストアンサー

  • ベストアンサー
  • ki_no_ko
  • ベストアンサー率48% (316/655)
回答No.3

とりあえずWEB上でのHTML講座をご覧になりながら(たくさんありますのでわかりやすいものを選べると思います) ご自分のホームページ(公開しないのならローカル上だけにおいておいてもよいですし)を作ってみてはいかがでしょう? へたにいじってもわからなくなりそうですし… デザイン的な部分もいじるわけにはいかないですよね。 >ソフトを使えばある程度のものは作れます >html(タグ)がぐちゃぐちゃ >テーブルが難しくて とのことまでわかってらっしゃるのですから、 手打ちでまずテーブルを組めるようにする所から始めたら良いと思います。 タグ間のスペースの取り方など、作業している方と揃えた方がよいでしょうから、 他の方がつくったものを参考にしながら… また、それを自分の思う通りに書き直してみるというのも、勉強になると思います。 また、「専門じゃない方に手伝ってもらうならどういう部分がいいのか」を 知っておくことも重要だと思います。 表組みに必要な文章を入れるだけ、とか、 すでにあるファイルの一部を修正する、とか、 表に単語をひとつひとつ入れていく、とか、 表の色を交互に変える…とか。 「作業自体は難しくないが面倒くさい」とか そういったものを引き受けるようにすると、助かると思います。 まあ、人の手に渡すこと自体面倒になることもあるとは思いますが。 …どの程度お手伝いしたいと思っているのか、作業がどういったものなのかわからないのですが 自分だったら…と思いながら書かせていただきました。全然違うこと言ってたら申し訳ありません;

joz501
質問者

お礼

お礼が遅くなり申し訳ございません。 >人の手に渡すこと自体面倒になることもあるとは思いますが。 そうなんですよね。たとえコーディングができてもPhotoshopが使えなければほとんど意味がないんです。 かといって2つを同時に勉強することは、本業に支障をきたしますので、まずはhtmlとCSSから。と思いました。 まずはひとつ自分で作ってみようと思います。 ありがとうございました!

その他の回答 (3)

  • parapa
  • ベストアンサー率15% (42/273)
回答No.4

とりあえず HTMLもCSSも書き方に関する物は簡単なルールです。 ですからHTML/CSSは書き方に関する本ではなくて HTML/CSSのリファレンス辞書一冊と Webデザインに関する本を数冊で十分です。 後は会社で使っているソフトに関する本を本屋で 見て自分で見やすいと思う物を買えばいいと思いますよ。 一部のトンチンカンなWebデザイナーには、 Flash優先主義な人がいますがまずはそう言うのは 頭からはずしてHTML/CSSを覚えておいた方がいいですね。 (Webデザイナーの中にはHTML自力でかけないっていう とんでもない人すらいますから)

joz501
質問者

お礼

お礼が遅くなり大変申し訳ございませんでした。 リファレンス辞書は、なんとなく敬遠していました。というのも・・・、私が知りたいのは綺麗な書き方です。タグに関しては本だったらいくらでもあります。 CSSに関してはリファレンスだけではどうも理解に苦しむこともしばしばで。 Photoshopが全く使えないので困っています。でもまずはhtmlとCSSを地道に勉強しようと思います。ありがとうございました!

  • jakarta
  • ベストアンサー率38% (607/1597)
回答No.2

今現在のスキルがどれくらいかわかりません とりあえず ・目標 ・目標にいきつくまでの期限 を整理し、HTMLとCSSについて覚えましょう。職場がDreamWeaverなどを使うところであれば、それからにし、いっぺんに覚える量を減らします。 「最新の情報につけていけてない本」というのもありますが、基礎的なとこはその本からも学べるますでず。ともかくあまたある中でこれだという一冊を見つけるりは難しい。」自分がよみわすくわかりやすそうだなと思う」ものを購入し、熟読してください。 本は安くはありませんが、私もかなりかってまったく読まなかったものもあります。 しかし、「○○なんてのもありましたね~」と いつか雑談中のネタにできることもあるもんです。そういう言葉を知っていることで仕事の場で一目おかれるようになることもあるかもしれません。 とにかく行動がすべての結果をうみます。 ここは一つ頑張って下さい。

joz501
質問者

お礼

お礼が遅くなりました、ごめんなさい。 そうですね、本職は制作ではないですから、自分の仕事が暇なときに少しずつ勉強して、納期が迫っている案件に関してのみ、コーディングくらい手伝えたら。くらいの意気込みでした。 まずは1冊購入し、それをマスターしたいと思います。 ありがとうございました!

  • wsws
  • ベストアンサー率9% (256/2568)
回答No.1

同じ会社といえども餅は餅屋です。 一朝一夕には行かないでしょう。 無料 HP作成 と検索窓で打ち込んで探してください。 HP作成ソフトをお持ちですか。 無料もあるのでそれをダウンロードして使ってください。タグ支援で数値を変えたり、プレビューさせながら試行錯誤してください。 本は無駄な物も買ってください。 たった一つのコラムでも疑問が氷解する可能性があります。 多くを読むべきです。

joz501
質問者

お礼

ありがとうございます。 すぐに即戦力になれるとは思っていませんが、人手のないときに少しでも手伝いができればと思ってはいます。 Dreamweaver4.0とGoliveどちらとも持っていますが、htmlがぐちゃぐちゃですよね。あれでは結局なおすことになってしまい、二度手間な気がしています。 ソフトを使えばある程度のものは作れます。 テーブルが難しくて。 そうですよね、コラムもバカにはできませんね。 古本屋でみてみようとおもっています。 ありがとうございました。 これからアドバイスをいただける方、出来れば具体的な書籍名を教えていただけると光栄です。よろしくおねがいいたします。

関連するQ&A

  • CSS3を深く学びたい

    ウェブデザインをしているのですが、制作環境が変わったため、Illustrator、Photoshopが使えなくなりました。仕方ないので写真の加工は無料のもの、それ以外はできるだけCSS3で、できるだけこれまでと遜色のないグラフィックをつくりたいと思っています。 CSS3 スタンダード・デザインガイド【改訂第2版】 この本を購入してみようと思っているのですが、他によい本やサイトをご存知の方がおられましたら、教えていただけますか。よろしくお願いします。

    • 締切済み
    • CSS
  • 辞書的でない初心者向けCSSの本

    を紹介してください。近くの本屋さんにCSSの本が多くないのです。しかし、本の後に索引は欲しいです。みなさんが、初心者向けだなと思った本で結構です。 以上、宜しくお願いします。

    • ベストアンサー
    • CSS
  • HTML5.0、CSS3.0を今から学ぶべきか?

    HTML5.0、CSS3.0を今から学ぶべきかをメインに4つ質問させて下さい。 質問1)----------------------------------- HTML5.0とCSS3.0はもう公式に使用できるのですか? 質問2)----------------------------------- ブラウザの対応状態はどうなのでしょうか。 質問3)----------------------------------- ホームページ制作のためだけと考えた場合、 XHTMLの理解を深める or HTML5.0を新たに学ぶ 、どちらのほうがいいでしょうか。 現在広く普及しているCSSの理解を深める or CSS3.0を新たに学ぶ 、どちらのほうがいいでしょうか。 私が使えるプログラムは、 XHTML(XHTML1.0) 普通のCSS JavaScript php 全て中級手前ぐらい(自分の勝手な判断で)のレベルです。 質問4)----------------------------------- 33歳 男性 IT業界:未経験 現職:事務職をメインに、会社全体のPCのメンテナンス、HPの管理 1年後ぐらいにHP制作のプログラマーとして転職したいと思っているのですが、無理ですか? アウトプットとしての作品はこれから作ろうと思っています。

  • HTML編集・CSS編集ソフト

    お勧めのHTML編集・CSS編集ソフトを教えてください。 現在、HeTeMuLu Creatorを愛用していますが、こういう手打ち感覚のもので、他にいいものがないかなあと思っています。 HTMLは自分のレベル的には中級だと思いますが、CSSは、「CSSでデザインする」と言う面においては初心者レベルです。 要望としては、 ・idとかclassがごっちゃになるので、それをうまくまとめながらデザインできる。 ・marginとか何回聞いても忘れてしまうので、それを視覚的に見ながらデザインしたい。 ・プレビュー機能が欲しい。 ・手打ち感覚で、タグ候補が出る。 ・Kompozerは試してみましたが、使い方が判らず挫折しました…。 何かいいものがあれば教えてください!

  • web制作について教えて下さい。

    デザイン事務所を自営しています。 お客様から頼まれて、Webサイトを作りました。Dreamweaverと Fireworksで作成して、必要な部分はcssやソースを書き直して修正しました。 アップしてしばらくして、お客様のところにweb制作専門の業者が訪問 してきて、サイトを見て次のように直した方が良いといわれたそうです。 「画像ばかりでヒットしにくいので、コーディングをして テキスト中心にした方が良い。h1要素を入れないといけない。 我が社ならHTML5とcssでコーディングします。」 自分たちの会社で再制作させろという案内のようですが、いろいろ専門的な 言葉を並べられて、お客様は何のことかわからないのでこのままでは見れなく なるのではと思い、相談してきました。 私はどちらかというとグラフィックデザインが得意なためサイトを作る時も 画像が中心となってしまいますが、それでもcssやソースで見やすくなるように しているつもりです。Dreamweaverで制作したのとコーディングするというのは どういう違いがあるのですか。(そもそもWebデザインとコーディングとはどう 違うのでしょうか。) とりあえずはwebサイトの閲覧と中のページのフォーム送信は正常に動いて いますので問題ないのですが、お客様に不安を感じさせなくしたいと思います。 サイト制作について初歩的なことですが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSが突然部分的に効かなくなりました。

    dream weaver CS5でサイトを製作中 突然部分的にcssが効かなくなりました。 このサイトです。 http://earthdrive.jp/testspace/tohon/ メインカラムの中の「ネットで申し込む場合はこちら」や フッターなどcssで装飾してあるのに全然反映してません。 しかしサイドメニューは正確に反映されてます。 リンク切れや綴じ忘れなど色々見ましたがどうしてもわかりません。 さっきまでできてたのに、急にだめになったのです。 メインカラムとフッターのとこだけです。 謎なのは、 dream weaver のプレビューではちゃんと反映されているけど アップして(またはデザインビューで)見ると反映されて無いのです。 すごく困ってます! ソースとCSS見れる方、なにとぞよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • CSSファイルの管理方法でアドバイスをください。

    私はサイト制作初心者です。 現在、ページ数がおよそ30pのサイトをレスポンシブWebデザインにて制作しております。 とりあえず制作を・・・とおもい管理のし易さを無視してたった6つのcssファイルだけで構成しているのですが、横幅毎のcssファイルがとてつもなく膨大な記述量になってきました。 各ページ毎にちょっとした演出やデザインを入れていいたら、結果すごい記述量に・・・。 <現在のcss構成イメージ> import.css  ↑base.css  ↑device_1.css(数百行)  ↑device_2.css(数百行)  ↑device_3.css(数百行)  ↑device_4.css(数百行) レスポンシブWebデザインのサイトなので、各デバイス用のcssファイルをimport.css内に@import"●●"という形で1つにまとめ、htmlファイルにはlink relでこのimport.cssだけを記述しています。 一応、全ページ共通のタグをできる限りbase.cssにまとめ、各ページ毎の個別cssファイルは作らず、デバイス毎という形で一括で記述していきました。 そうすると、あれよあれよと各デバイス毎のcssがものすごい記述量でカオスな事になってしまいました。 当然といえば当然ですが。。。 そこで、cssファイルを各ページ毎に分けるべきかどうか悩んでおります。 色々ネットで調べたのですが、『cssは分ければ分けるだけ読み込み速度が遅くなっていく!』というのを知り、さらに調べると『記述量が多くても読み込みが遅くなる』という事も知り、もう一体どうしたら良いのだろうか?とさらに悩やんでおります。 読み込み速度を優先して現状のままの構成でいくのか・・・ 管理を考えて個別にしていくのか・・・ お詳しい方々、ぜひアドバイスをください! お願いします!

    • ベストアンサー
    • CSS
  • CSSの勉強におすすめの本【初心者です】

    ずっとテーブルコーディングだけでやってきました。CSSを勉強しようと思っています。 こんな初心者でも理解しやすいオススメの本はありますか? 本当にテーブルで組んでfontタグなどで色づけして・・・ってことしかやったことありません。 ドリームウィーバーCS5にしてかなり戸惑っています。 環境はWINDOWS XP ドリームウィーバーCS5です。 よろしくお願いします

    • 締切済み
    • CSS
  • CSSで制作する場合の対応ブラウザ

    皆さんはこれからCSSコーディングでサイトを制作する時、対応ブラウザはどこに線引きをされますか。仕様書がある場合はそれに沿う必要がありますが、ない場合はどうされますか。皆様のお考えをお聞かせください。 ■僕の考え MacIEは見ている方がいないと考えられるので省くIE6、IE7とfirefox、Safari、opera、NNなどなどの最新版ぐらいでいいのかなあと思っています。 おいおいそれはプロとしてどうなの?とか自己満足の範囲でいいんじゃない?とかMacIEぐらいは対応しといた方がいいんじゃない?などなど ご教授願います。

    • ベストアンサー
    • HTML
  • 縦に画像を並べるときのCSS

    CSS初心者です(文字のデザイン・レイアウトと画像への回り込みぐらいにしか使ったことがありません)。HP上に、縦にテキストを並べたメニューを作りました。そこに続けて画像を等間隔(バナーをいくつか下に並べていく感じ)に置いていこうと思います。この場合CSSの中身はどのように記述すればいいのでしょうか?あまりに簡単すぎるためかどんな本にも載っておらず、自分でそれっぽくやってみたのですが、自分のPC環境以外でどうなるのか恐ろしくて使う気になれません。どなたか正しい記述を教えていただけませんか?

    • ベストアンサー
    • CSS