MacromediaのDreamweaver・Flash・FireworksバージョンMX2004を使ってWeb制作していますが、Dreamweaverに関してはタグを手打ち修正する事が多く、Flashで制作したトップページはiphonでは表示できません。これはバージョンが古い為なのでしょうか?新しいバージョンにすれば、解消されるのでしょうか?
プロのWeb制作者にはタグを全て手打ちされる方もみえるとか?。ソフトを購入するにも高額の為、劇的に作業がはかどるのであれば購入も検討中です。タグの知識を身に付ければ解消されるものでしょうか?
No.5
- 回答日時:
>HTML5に切り替えるべきとの事でしょうか?
いいえ、その必要はありません。HTML2.0もHTML3.2もHTML4.01もなくなりません。HTML4.01が勧告(1999年12月24日になって、やっと今頃(10年以上)になって、完全にHTML4.01strictが使われるようになった。
★実はHTML4.01でも、非推奨と推奨の区別があって、著者は推奨(strict)をブラウザは非推奨(Transitional)をサポートしなければならないという意味があったのですが、現実にはTransitionalばかりでした。XHTML1.0にも残っていましたが、XHTML1.1はstrictのみでした。(XHTML1.0はHTML4.01と同じもの)
まあ、仕様書の書き方も遠慮がちだったため、無理もないのですが・・
HTML5は、明確に「著者が使えるもの」「ブラウザが対応しなければならないもの」と区別されていますから、新しい要素や意味の変わった要素を除けば、HTML4.01とほとんど変わっていません。
その意味では、資料の豊富なHTML4.01strictがお勧めかもしれません。XHTML--XML--仕様のXHTML5もあります。他のプログラムでXMLとして利用したい場合は、XHTML5のほうがよいかもしれません。
HTML4.01strictで作成する場合も、先に示したように
<body>
<div class="article">
<div class="header">
</div>
<div class="section">
<h1></h1>
<p></p>
<div class="section">
</div>
<div class="aside">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
に書くようにすれば良いです。HTML4.01strictをマスターしていれば、
HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
だけ補習すれば事は足ります。(^^)
私は、最近のサイトは、このようにきちんと意味のある(セマンティック)class名をつけてマークアップしています。これって、あとからHTMLはもとよりCSSを修正するときも、とっても楽です。・・・ということは検索エンジンも楽してるということ・・・
どのように表示するかは、「一切考えない」で、ひたすら文書構造をマークアップするようにしています。「一切考えない」でと言うと、そんなこと無理だと言われますが、この意味は、もし「この様なデザインしたい」というアイデアがあるということは、その部分が文書構造上も必ず意味のあるひとつの要素であるはずですから、文書構造にしたがってマークアップすることに繫がるのです。
たとえば、ある一塊の文章を、そのセクションの右脇に小さく表示したいという希望があるのでしたら、それはその文書中でfigure(挿絵のような要素をあらわすHTML5のタグ)なものですから
<div class="section">
・・・文章・・・
<div class="figure">
脚注
</div>
</div>
とマークアップされているはずです。もしそのようにマークアップされていれば、将来左に表示したくなったって、CSSだけ見て書き直せます。
<strong>オーサリングツールの一番の弱点は、その文書の内容を読み取って、それが文書の中でどのような構成要素であるかを判断できないことなのです。</strong>ここは大事なところだから・・なんて機械には無理です。結局、著者なり読解力のあるウェブデザイナーがマークアップするしかない。機械に任せておけば、id="container1"とかになってしまう。
それが、プロがテキストエディタに回帰している一番の理由かと・・・
No.3ベストアンサー
- 回答日時:
はい、私もテキストエディタ派です。
(^^)理由はまさに
Webオーサリングツール - Wikipedia ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83% … )
そのままです。
それはそれはシンプルなHTMLとCSSですが、どの環境にも依存しないことを心がけています。携帯電話でも読み読み上げソフトでも、そして検索エンジン。
サイト管理のためにDreamWeaberを併用しますが、HTMLはほとんど100%手書です。
トップ
セクショントップ
記事
くらいのテンプレートを作成して、あとはテキストデータを流し込んでHTMLとしてマークアップする。
CSSは残念ながら、Dreamweaberを含めて、きちんと対応したものはありません。原理的に不可能です。オーサリングツールで下記のようなCSSは決してかけません。
aside{border:solid 1px blue;padding:1ex 1em;}/* コラム 詳細度[0,0,0,1] */
div.section div.aside{font-size;0.9em;} /* 本文中のコラムについて、詳細度は[0,0,2,2] */
div.section div.aside strong{color:red;}/* そのコラムの強調 詳細度[0,0,2,3] */
div.footer aside{border-color:green;} /* footer内のaside 詳細度[0,0,1,2] */
このCSSが適用されるHTMLも、そこに何が書かれているか(構造)もHTML見なくて解りますね。そして何をしたいかも・・CSSの最も重要なカスケーディングとかはオーサリングツールでは無理です。
例}
divのclass名は、仕様書では
【引用】____________ここから
DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
と書かれています。Dreamweaberが自動作成するwrapperとかじゃ、おかしいでしょ。
だからテキストエディタで、header,article,section,asideのような、検索エンジンも自分も理解できる構造をあらわす名称をつける。
これらのclass名は、HTML5では要素名(タグ)として独立します。
<body>
<article>
<header>
</header>
<section>
<h1></h1>
<p></p>
<section>
</section>
<aside>
</aside>
</section>
<footer>
</footer>
</article>
</body>
がHTML5、HTML4.01,XHTML1.0,XHTML1.1だと、それぞれdivのclass名に当たる。
これがテキストエディタの威力ですかね。・・CSSのためのIDとかは、付きません。(IDを多用するとカスケーディングが使えない)
こんなマークアップ難しいですか???。慣れれば簡単そうだと想像できますよね。
この回答への補足
ありがとうございました。
ソフトに頼ることなく、タグの知識を増やす事が大切という事ですね。
ところで、今までXHTML 1.0で作成していましたが、HTML5に切り替えるべきとの事でしょうか?(以前、Webで調べたところ、まだ対応していないブラウザもあるとの事だったのですが…過去の事なのなのですね)
再度、今調べてみたらそんなことは無い様でした。
知識不足で申し訳ありません。念のため教えてください。
お願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- docomo(ドコモ) SH-02H Android 5.1.1をバージョンアップしようとすると、エラーになる。 2 2022/10/10 12:53
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- その他(ソフトウェア) ホームページ制作ソフト 3 2022/08/27 07:30
- Instagram お世話になります。 あつまれどうぶつの森の動画をiPhone13に飛ばし、その動画(約10秒)をIn 1 2023/02/28 09:13
- その他(Microsoft Office) Microsoft365 バージョンアップ時にカスタマイズしたメニューはどうなる 1 2022/12/15 10:01
- Illustrator(イラストレーター) Illustratorでオブジェクトの色が勝手に変わって困っています。 4 2022/09/04 18:47
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- ホームページ作成・プログラミング ログインしないとみることができないWebページの作成方法 3 2023/07/29 13:33
- 会社・職場 今後の仕事について 閲覧ありがとうございます。 私は現在28歳の男性です。 自分が向いている仕事、続 3 2022/08/01 12:19
- ホームページ作成・プログラミング ホームページ月額更新管理費用 4 2023/04/22 12:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
htmlの文字が縦書きになる
-
<!DOCTYPE html>あってますか?↑
-
WEBページを強制的に横画面で見...
-
静止画画像をクリックすると音...
-
ワードプレスで太字が反映され...
-
リンクバナーのHTMLタグ。画像...
-
goo は、放置?
-
HPレイアウトが同じページのヘ...
-
テーブルの行を折りたたみたい...
-
パソコンのマイク機能
-
HTMLで表をつくったのですがウ...
-
HTMLタグのあるCSVファイルを利...
-
テーブルタグのセルの幅の一部...
-
Duolingo のソースコードの名前...
-
Webページのリンクの貼り方を教...
-
1つの「ホームページビルダー2...
-
テーブルのセルデータを自動改...
-
コードを書いて下さい( ; ; )...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報