HP作成のための資料は何がいいか

質問

お世話になっております。

　HPを作成するために、勉強を始めました。
　『できるホームページ HTML&CSS入門』（インプレスジャパン 2011年1月出版）で
　勉強していますが、まったくの初心者向けでおおまかなためあまり詳しくないので
　もう少し参考になる本を購入しようと思っています。

　ここでの過去の同じような質問と回答を拝見したところ、
　『ホームページ辞典 HTML・CSS・JavaScript 第5版』（アンク 2012年3月出版）か
　『HTMLタグ辞典＋CSS 第7版』（アンク 2012年7月出版）のどちらかが
　いいのかなぁと思いました。

　現在、この２冊の古い版の本を図書館で借りていますが
　HTML、XHTML、CSS、Javascriptを網羅してわかりやすい資料がないか探しています。

　おすすめの資料がありましたら、教えてください。
　よろしくお願いいたします。

回答No.3

ORUKA1951 · ベストアンサー

天下のヒューレッドパッカードを創業されるのかと・・・
　ウェブサイトを作る立場になるとホームページじゃ時々混乱します。ホームページに戻るリンクはどう書けばよいのか・・・いゃ、いま見ているのもホームページだけど・・・
　→http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8

この世界、古い資料はまったく意味を成しません。
どちらを選ぶかといわれたら、『ホームページ辞典 HTML・CSS・JavaScript 第5版』（アンク 2012年3月出版）ですかね。

ですが、絶対に必要なのは、場からしてかもわからないですが
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
★1と2の間辺りからはじめるCSS講座 ( http://www6.plala.or.jp/go_west/beginner/css/ )
　を、通しで書いてみること

★HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
★REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#toc )
　は、通しで読んでおき、ブックマークしていつも見れるようにしておくこと。

作成したら
★Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html )
★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
でチェックすること

　HTML5の時代が到来しますが、HTML4.01ですでに始まっていますが、文書構造とプレゼンテーションの完全な分離です。徹底的な分離といっても良いです。その意味で古い参考書や古いサイトは役に立ちません。害にすらなります。

　たぶん、図書館のサイトもすこし手を入れるだけじゃすまないと思います。

お礼

詳しくご回答いただき、ありがとうございました！！

　今、本を参考に作りつつ、既存のHPのソースも見比べながら
　仕組みが少しずつ分かり始めてきたところです。

　他の、姉妹関係にある図書館のHPも、素人の方が独学で作成したので
　あなたもできると言われ、引くに引けない状態です。

　時間はいくらでもかかっていいと言われたので
　頑張ります！

　どうしてもつまずいて進めないときは、自分で講座を受けにいこうかなぁとも思います…。

　どうもありがとうございました！

回答No.4

dathikan

人の作ったものを、素人さんが手直しするわけですか

まるっきり、人の家の判子や貯金通帳を探すようなことになります。
CSSもPHPもHTMLの中に組み込まれていますが、これは、本読んだから
ココからココまでがこの命令でなんて区切りがあるわけでもないし

本のような丁寧に注釈つけたソースではありませんから
それを理解することのほうが時間掛かるでしょう。
小学校４年生が、いきなり高校２年生の２学期の数学の授業受けるようなモンです。
日本語は理解できても黒板に書かれていることの意味が解らない

解決するのであれば、簡単なことです。
人の物を流用するのでなく　貴方が１から作るのです。
まず、全部一人で作って、何がどう命令するとどうなることを学習しましょう。
基本はHTML+CSSです。PHPはすでに飛び級の話ですからまだ理解しなくて結構です。
デザインを書いて、HTML化　まず柱を立てて壁を塗って家を建てましょう

それであれば、できるDW　Webデザイン辞典　資料としてはイケサイなどのクールデザインのWebリンク集です。まず、図柄を体よくパクってしまいましょう。

物のかかわり方を体で覚えたら、過去ソースを見れば意味が理解できるようになっているはずです
そこからプログラム部分の書き出しをコピーして　自分のHPペースト
あとは周りを飾ればできます。
PHPの開発まで白とは言われて無いでしょう？
デザインも出来てPHPも組めたら、貴方が図書館なんかで薄給で働かなくてもモットいい職場にいけます。それくらい難しい話ですから、短期に出来るわけでもありません。

お礼

何度もご回答いただき、ありがとうございました！

　姉妹関係にある図書館が、全くの素人さんが独学でHPを作成したそうで
　あなたもできるはずだから時間をかけてやりなさい、と言われました…。

　イケサイ、とっても参考になります！

　今、本を読みながら少し作ってみたので、既存のHPのソースを見ながら
　仕組みを理解していきたいと思います。

　どうもありがとうございました！！

回答No.2

dathikan

図書館・・・

まずHPを作る前に、ページネーションを考えることから始めましょう。
その中で、所蔵図書のデータベースを作りますか？
タダ単に、図書館の紹介ならPHPどころかCGIもいらないでしょう。
ご意見募集程度ならレンタルCGIでコトが済みます。開発するような手間すら要りません。

そういうものであれば、魅せるデザインの本を買いましょう。

必要な技術を探すよりも骨組みが出来ていないなら　家が立たないのと一緒です
いまは、基礎も柱も作ってないのに、コンクリを錬ろうとしています。
最終的にできる家ば木造かもしれません。それなら職業でWeb作る以外なら時間も手間もムダですね。

まず先にどういうものを作るかの企画　草案　ラフは紙ベースで。
上司や他の面々に相談して、最終的に、どんな内容を作るかで、「作り方本」を選んでください。
企画ばっかり豪華にしたところで、これから本探すような初心者に手の負えないものになるだけですし。
業者が３００万かかるといわれたものを素人が２．３万で作ることなんてできませんから

まずは基礎のキからです。

補足

何度も申し訳ありません、私の説明不足でした。

　既存の図書館HPがあり、長年それを利用おります。
　（開館カレンダー、所蔵検索、図書館だよりのPDF掲載等しております）

　このHPは、私が就職するより以前に、別の部署にいた方が手作りされたそうで
　できればこの素材等を生かして、作り直したいと考えています。
　デザインが古いので作り直してほしいと上司から言われ、元々作成された方に
　相談したところ、今はまったく時間がないので私に勉強して
　こつこつやってほしいと言われました。

　Dreamweaverの講座も費用を出していただき、受講しましたが
　簡単な更新作業のみの内容で、HPを作成する講座はあと30時間はかかると言われ
　上司には、もう予算がないと言われています。

　まず、HPの記述の仕方や仕組みを知るためにも、と自分で本を見て勉強しようと
　思っているので、何かオススメの資料がありましたらみなさんに
　教えていただきたいです。

回答No.1

dathikan

本なんて背表紙見たところで中を見なきゃ何の意味もありません

まず、「何のWebページを作りたいか」です。

お店の紹介などデザイン重視？　データベース系の情報ページ？　通販？

それぞれで、全く使う技術が違います。
雑誌のような紹介ページを目指す人間にPHP技能はほとんど無用です。
データベース系ページに、デザイン技術は必要なことは二の次です。

内容が書かれていないので紹介ができません。

補足

失礼しました。

　職場のHPです。
　図書館のHPを作成しようと思っております。