- ベストアンサー
ホームページビルダーV9を使いながらHTML・CSSを覚えたい
ホームページビルダーでHPを作成しています。基本的なところまでは、HTML・CSSの知識が無い私でも出来るのですが、思い通りにレイアウト出来なかったり任意の場所にバナーを貼れなかったりとかなり行き詰っています。 HP作成ソフトを使わず、サンプルを作りながら学習していく類のテキストは見かけますが、ホームページビルダーを基本にHTML・CSSを覚えていく様なテキストはないでしょうか？ あれば是非教えて下さい。
- siosaba
- お礼率66% (20/30)
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
Web屋です。OkWebの様なサイトを設計, 構築する仕事をしています。 おたずねの内容とは少し異なりますが、こんな方法をお勧めします。 僕は、ホームページビルダーを使っていないので、具体的な操作方法は割愛させていただきます。 ホームページビルダーには、作成したページのHTMLソースを直接編集するモードがあります。そのモードを利用して、ページの一部を修正しながらHTMLの文法を覚えて行く。 と言う方法をお勧めします。 ホームページビルダーなど、ホームページ作成ソフトで作成したHTMLは僕らから見るとあまり読みやすいソースではありません。 そのため、ホームページビルダーのソースを修正しながらページを作っていく。と言う作業は非常に難しいかも知れません。 しかし、<body>の直後であったり、</body>の直前であったり、ホームページビルダーが生成したHTML部分を避ける様にしてHTMLを埋め込んでいけば、表示を大きく崩すことなく、HTMLを埋め込む事ができます。 この様に、ページ上に自分で打ったHTMLによる表示がでて来る事を確認したら、ホームページビルダーが生成したHTMLに、自分で書いたHTMLを追加してみます。 修正ではなく、追加する。と言うところがポイントの１つです。これで、自分で作ったHTMLがホームページビルダーのソースと融合している姿を実際に確認する事ができるでしょう。 追加に慣れたら、次は修正に挑みます。 この様に、ステップを踏むことで、ホームページ作成ソフトに慣れた方でも、比較的確実にHTMLを覚える事ができる様です。 HTMLの入門書(ホームページビルダーなどを利用しない入門書)が書店に売られています。 また、「HTMLリファレンス」と言うHTMLの文法がタグ毎にまとめられている本が売られています。この様な本を参考にHTMLを覚えると良いでしょう。 スタイルシートについては、HTMLをある程度マスターするまでは、うかつに手を出さない方が無難です。 HTMLにできる事。スタイルシートで行うべき事。と言う、本当は覚えなければならない事を覚えられなくなってしまう可能性があります。 実際、HTMLとスタイルシートの切り分けが出来ていないページを良く見受けます。こうなってしまうと、折角のスタイルシートも台無しになってしまいますので注意してください。 「テキスト」ではありませんが、参考にして見てください。 不明な点があれば、分かる様になるまで質問を繰り返してくださいね。
その他の回答 (2)
こんにちは。 私もソフトに頼ってHTMLを書いて貰うだけのHP作者でしたが、ある時ソフトが書いたHTMLを眺めてみて、よく解らないけれども無駄な記述ばかりである事に気付き、頼ってはいけないと思い込んで勉強を始めました。（無駄を省いてみると3割軽くなりましたよ） どうしたかと言いますと、やはりHTMLの解説本が一番ストレートで理解する早道だと思ってそれを読み、そして実地にHPソフトが作った記述と照らし合わせて行きました。（今では参考書を見ることはありません。参考にしたいHPそのものの大量の記述をコピペし、それを少しずつ削って行って自分の知りたい新しいテクを習得するようにしています。勿論デッドコピーはしません。必ず自分の工夫を加えるようにしていますけど） 疑問に思う箇所は自分のHPとは別にHTML文書を作ってそれを少しずつ書き替えてIE上で確認しながら理解しました。 読むならHPビルダーの解説本よりは一般的なHTML解説本の方が良いです。特定ソフトの解説本を読むのはそのソフトに頼って行くばかりという結果になると思います。 基本中の基本から説きはじめて行く教科書のようなものは知りませんが、ごくありきたりのHTML解説本で困難や問題は感じませんでしたよ。 そのようにすれば少しずつソフトから独立して行けます。今私はそのHPソフト（あえてソフト名は言いませんがよく売れているソフト）を記述間違いのチェック機能と文字の置換機能（これは色名の一括変換にとても便利です）とサイト転送機能に限って使っています。
お礼
アドバイスありがとうございました。 これを読む前に本日『ホームページ辞典』なるものを買って来ました。しばらくはソフトに頼らざるを得ませんが、作業中極力ソース画面を開けるようにしていきたいと思います。
- tuyopannda
- ベストアンサー率18% (47/255)
私は、ビルダーでタグ編集が出来るページも開けて、照らし合わせながら、タグをノートにメモしてます。わからないのがでたら、ＨＰで調べてみたり、本屋行って立ち読みしてます。
お礼
早速の回答ありがとうございました。 やっぱりみんなそうやって、コツコツ勉強してるんですね。 タグの編集ページ・・・開けてはみるものの、直ぐ閉じます。
お礼
丁寧な回答ありがとうございます。 やっぱりそうやってコツコツ覚えていくしかないんですね・・。早速明日本屋に行ってきます。 これからも度々質問させて頂きますのでその時はよろしくお願いします。