- 締切済み
HTML CSS覚えるコツはありますか？
nyonyokoの回答
- nyonyoko
- ベストアンサー率0% (0/1)
1、独学、未経験から、今はWebデザインの仕事をしてます。 2、とにかくHPを作られるのが良いと思いますよ。 美しいレイアウトのHPがあればそのサイトのソースを見て調べる。 実際にこんなページレイアウトをしたい！っていうのをどんどん具現化していく。 何回も使えばいやでも覚えますしね^^ ↓参考URLは、ブラウザでの表示方法も合わせて載せてくれてるので、ぜひご参考に。
noname#20378
関連するQ&A
- 簡素化したHTMLを書けるようCSSを勉強中です
出来るだけ簡素化したHTMLを書けるよう、CSSを勉強中なのですが、今はドリームウィーバーのCS5.5なのですが、ホームページビルダーでホームページ作りを勉強し始めたため、どうしてもホームページビルダーの癖が出てしまいますし、ＣＳＳの云わんとするところは理解出来るのですが、「じゃあ具体的にどうしたらいいの？！」ってなってしまいます。 具体的には、ＨＴＭＬだけで、TABLEを多重化させ書いていたページを、見た目を変えずに、ＴＡＢＬＥを使わずに、HTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）でweb2.0で書くとどうなるかとか、 画像のロールオーバーを≪<body onload=≫で書いていたのを同じくHTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）で書くとどうなるかとか、比較してあると「私は」分かりやすいのですが、そういうサイトをなかなか探し出せないでいます。 こういう事を比較して書いてあるサイトがありましたら、教えて頂きたいです。 また、検索エンジン最適化（Search Engine Optimization、SEO）にもＣＳＳは有効だという事ですが、≪<meta name="Keywords" content=≫等は、ＨＴＭＬファイルに書くか、ＣＳＳファイルに書いた方が良いのか、ＣＳＳに書くなら書き方は同じで良いのか等、分からない事だらけです。 よろしくお願いします。
- 締切済み
- CSS
- HTML CSS
独学でフリーWebデザイナーになることを目指しています。 今から勉強しようと思うのですが、いろいろ調べたところまずはHTML＆CSSの学習からとありました。 はずかしい質問とは思いますが、勉強方法がわかりません。 よろしくお願いします。
- 締切済み
- インターネットビジネス
- ホームページビルダーでCSSをアップできないので困ってます。
ホームページビルダー６．５にてホームページをつくっております。今までは、ページ編集の部分に文字を打ち込んで使っていたのと、HTMLをコピー＆ペーストしてつくっていました。 今回、友人にCSSを使ったソースにてサイトをきれいにしてもらったのですが、ホームページビルダー６．５にて更新することができません。初心者でソースの表示からHTMLソースのところにコピー＆ペーストしたのですが、たぶんCSSの部分がうまく更新できずにプレビューがおかしく出ます。ちなみに友人はホームページビルダーを使ったことがないとのことで判らず、困っています。 どのようにすればホームページビルダーのHTMLソースからアップデートできるか、もしくは参照すればできそうなサイトなどありましたら教えて下さい。よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- HTML5＋CSS3 でしかできないこと
長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML５＋CSS３ が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5＋CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML５で作られていますが（section タグや header タグがありますね） XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 ３カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております＾＾ どうぞ宜しくお願い致します！
- ベストアンサー
- その他（インターネット・Webサービス）
- ｈｔｍｌ＆ｃｓｓの件
ｈｔｍｌ＆ｃｓｓを勉強している超初心者です。本を読みながらソースを入力していたところ、ソースどうりにならず、なんども確認しましたがソースに間違いはありませんでした。翌日そのページを開いたところ、ソースどうりになっていました。 これってパソコンが悪いのかなにが悪いのか解らなくてなやんでいます。どなたか教えて下さい。お願いします。（更新は行っています） cssソース <style type="text/css"> 前略 p.note { border: double 3px #86a9c2; } </style> この部分なんです。
- ベストアンサー
- HTML
- ＣＳＳ、ＨＴＭＬのメニューリストの解説をお願いします
宜しくお願い致します、趣味でホームページ制作をはじめました。 http://www.b-architects.com/ 上記のサイトのトップページの 「メニューの部分だけ（リスト）」、 構造を理解して自分もこんな感じでメニューを作りたいと思っています。 ちなみに私の知識としては、ＨＴＭＬの記述は非常に初心者レベルで記述できる程度、ＣＳＳに関しても同じであります。 上記サイトを理解する上でまず、上記サイトのトップ画面を開いた上で、 ファイル→名前を付けて保存する 事で、上記サイトの構成しているファイルと部品（ＣＳＳファイルやら 画像）を保存して、上記サイトのＨＴＭＬソースを眺めながら、 「メニュー（リスト）の部分だけ」 理解し、自分も同じように記述して習得しようとしているのですが、 「ちんぷんかんぷん」です。 まず、メニュー（リスト）にあるサービス～ケーススタディの左横の 縦の棒ですが、これは画像なんでしょうか？ソースで記述されたものなのでしょうか？ 先ほども私が書いたように、トップページからファイル→保存をすると このページを構成するファイルと部品（ＣＳＳファイルやら画像）は確かに 保存されてますが、縦の棒に該当する画像は保存されてませんでした。では ソースでＣＳＳか何かで記述されているのだろうか？と思い外部ＣＳＳファイルを睨めっこしたのですが、そんな形跡がありません。 このサイトはプロのデザイン制作会社のページなのでコード文字数が多く なかなか私も完全に構造内容を確実に把握できません。 「メニュー（リスト）部分のみ」でいいのでどなた様かどうか解説して 頂けないでしょうか？ また私もどうも地頭が悪いので、メニュー（リスト）の部分を構成する ＨＴＭＬとＣＳＳを抜粋して説明して頂けると本当に有難いです。 友人には、そんな難しいサイトで勉強せず、適当にテーブルで作ればい いだろうが！と言われますが、なんとかこのサイトで理解したいんです。 上記サイトの構造を眺めて２週間ですが、全然わかりません。 助けて下さい。宜しくお願い致します。
- ベストアンサー
- CSS
- HTML&CSSの勉強方法について
今独学でホームページの勉強をしています。 しかし、勉強方法でつまづいています。 最初は 初めてのHTML&CSSって感じの本を一通り通してやったのですが、 そのあとの勉強方法が想像もつきません。 最初は簡単なホームページを作ってみようと思い、紙にHPを設計して、いざタグ打ちをしようと思ったら、その最初のタグが出てこない。って感じで本を読みながらしか打つことができないって状態になっております。 自分の勉強方法は何かがだめだって思っております。。。 みなさんはどういった勉強をして習得しましたか？アドバイスお願いします。
- ベストアンサー
- HTML
- HTMLのものをcssで修飾したい
すでにホームページはできています。ただし、単なるHTMLで書かれたものなので一度、ホームページビルダー１１体験版で今あるホームページを保存して、CSSで作ろうと考えています。何かほかのほうがあれば教えてください。 どのようにしてCSSに変えられるでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- HTMLについて、教えて下さい
ずっと独学でXHTMLを勉強していたのですが、気が付けば今はHTML5になっていました。 どうゆう進化をしているのか全然分からないのでお聞きしたいのですが・・・・やはり基本のXHTMLがあって、それからHTML2→3→4→5と内容が少しづつ変化していっているのですか？ 勉強していくのなら、2345と順番にしていかないと分からないのでしょうか？ *CSSもCSS→CSS2→3としていったほうがいいのでしょうか？ HTMLがどう変化しているのかさえ分からないので的はずれな質問かも知れませんが教えて下さい。
- 締切済み
- HTML
- htmlとCSSを覚えるにあたって
サイト作りを勉強し始めましたが、綺麗なソースを心がけましょうみたいなことを言ってる人をみかけ、真に受けました。 ホームページビルダーを使おうと思いましたが、この手のソフトはソースが汚いということでやめ。 htmlとCSSを勉強することになると思いますが、これらのことを説明したサイトが結構ありますよね。 htmlとCSSの勉強は、こういったサイトを読むだけで充分でしょうか？ htmlも１～５まであるようだし、タグも数年前はOKでも今はNGというものがあったりしますよね。 サイトの情報が古くても、僕には判断できません。 そこでもし最適なサイトをご存知でしたら教えていただけないでしょうか？ サイトだけでは不充分ということなら、良書なども教えていただけると幸いです。
- ベストアンサー
- CSS