HTML・CSS をゼロから独学する時に参考になるまとめ

webページ公開までのまとめ

簡単なwebページ制作の練習にはDropboxの公開URLが便利。PHPなどでデータベースへアクセスするような、複雑なページでなければ基本的に大丈夫です。

お気に入り詳細を見る

慣れてきたらメモ帳ではなくNetBeansを使ってみましょう。

Welcome to NetBeans

http://netbeans.org/index.html

http://netbeans.org/images_www/v5/transparent-nbday.gif

HTML・CSS のコーディングにはNetBeansが便利。CSS がわからない間はNebBeans内で使えるスタイルビルダーをうまく使いましょう。

お気に入り詳細を見る

ブラウザは google chrome を利用しましょう。

Google Chromeの「要素を検証」が便利 | なんでも独り言

http://ehbtj.sora-blue.net/info/47/

http://ehbtj.sora-blue.net/wp-content/uploads/2011/11/b9bea0e38a99408581025f40a435a00f.jpg

【少し慣れてきたら】
自分が思っているように表示されない場合にはなにかエラーが起きている可能性があります。そういう時には「要素を検証」→「console」でなにか赤く表示されたものがないか確認しましょう。
また、このリンクにあるように、何か手本とするwebページや自分のページなどのコードを確認したい時などにも有効です。

お気に入り詳細を見る

Twitter Bootstrapを利用すれば簡単に現代風のページを作ることができます。

Twitter Bootstrap

http://twitter.github.com/bootstrap/

Twitter 社が公開しているこのパッケージを利用すると、ものすごく簡単に web ページを現代風の洗練されたデザインにすることができます。ただし、このパッケージに頼りきってしまうと勉強になりません。利用するときは、利用する CSS の箇所を参照し、実装方法を確認するようにしましょう。
javascript は特に最初のうちは難しいので、理解する必要はありません。

お気に入り詳細を見る

デザインが苦手なWebサービス開発者に朗報！今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 | IDEA*IDEA

http://www.ideaxidea.com/archives/2011/08/twitter_bootstrap.html

お気に入り詳細を見る

【補足】

Skypeヘルプ – 画面の共有方法を教えてください。

https://support.skype.com/ja/faq/FA10215/hua-mianno-gong-you-fang-fawo-jiaoetekudasai

https://support.skype.com/library/SKYPE/screenshots/fa10215/fa10215c.png