No.1
- 回答日時:
ものによるよ。
文章主体や、説明の為に簡単に画像が付く程度ならメモ帳(というかテキストエディタ)でいきなり作り始めるけど
文章が長いなら原稿を
レイアウトありきの画像ばっかりなら下書き・草稿を
そもそもインタラクティブ系だったらページ云々よりobjectの設計から・・・
ありがとうございました。
なるほど、物によるんですね。
文章は、テキストエディタで書き始めて、
画像は、レイアウトを下書きするってかんじですね。
わたしのは、両方ほどほどにまざっています。。。
>そもそもインタラクティブ系だったらページ云々よりobjectの設計から・・・
意味がわかりません。。。
No.2
- 回答日時:
(1)
回答
とにかく最初はテキストエディタで文章の本文を書いてから始めます。HTML(Hyper Text)ですから。
そしたら、次にその本文をマークアップしていきます。HTML(Hyper Text Markup Language)ですから。
その次に、適当なHTMLのテンプレートに流し込みます。
最後に、スタイルシートを書いて画面を見ながらデザインしていきます。
たとえば、上の様なテキストを書いてから・・
(2) マークアップする。
<body>
<h1 id="Top">回答</h1>
<ol>
<li>
とにかく最初はテキストエディタで文章の本文を書いてから始めます。<abbr title="HyperText Markup Language">HTML</abbr>(Hyper Text)ですから。
</li>
<li>
そしたら、次にその本文をマークアップしていきます。<abbr title="HyperText Markup Language">HTML</abbr>(Hyper Text)ですから。
</li>
<li>
その次に、適当なHTMLのテンプレートに流し込みます。
</li>
<li>
最後に、スタイルシートを書いて画面を見ながらデザインしていきます。
</li>
</ol>
</body>
(3)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>回答</title>
・・・【中略】・・・
</head>
<body>
・・・【中略】・・・
</body>
(4) そしてCSSを書く
@charset "Shift_JIS";
html,body{
margin:0px;
padding:0px;
}
body{
background-color: rgb(255,255,255);
color: black;
line-height: 1.4em;
font-size: 11px;
}
とか
ありがとうございました。
テキストエディタとはなんでしょう。
DWのコードとかHPBのHTMLソースの画面のことでしょうか?
日本語をかいて、マークアップというのは、<>を入れていくってことですか?
そして、適当なテンプレートとは、よくCSSとテンプが一緒になっているやつのことではなく、
(3)でいう、5行目あたりまでのことを言うのですか?
CSSが、最後なんですね!最初なのかと思っていました。(枠組みを考える、デザインを考えるような意味で)
もしよければ、?のところの回答を、再度お願いします。
No.3ベストアンサー
- 回答日時:
>テキストエディタとはなんでしょう。
メモ帳が代表的なテキストエディタです。そのうち高機能なものをつかってます。ウェブページを作成する場合はむろん、CGIなどのプログラムの開発に使えるようになってます。
HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83% … )
>日本語をかいて、マークアップというのは、<>を入れていくってことですか?
そうです。Hyper Text Markup Languageとはそういう意味ですね。
ウェブページを作成する手順は、基本的に「はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )」に書かれている手順で作業を進めていきます。
これはワープロでも、DPE( http://ja.wikipedia.org/wiki/DTP )でも、新聞紙面を作るときでも同じですね。
先にデザインが決められないのは、内容や目的や量が決まってないから・・
>適当なテンプレートとは、よくCSSとテンプが一緒になっているやつの
>ことではなく、(3)でいう、5行目あたりまでのことを言うのですか?
そうです。HTMLそのもののテンプレートです。HTMLにはDocument Typeと言われるバージョン・仕様があり、それによってある程度の外枠【デザインじゃないよ】は決まります。
【例】
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>Untitled</title>
・・【中略】・・
</head>
<body>
<h1></h1>
<div class="bodyText"><!-- 本文 -->
<h2></h2><!-- 見出しLevel2 -->
<p>・・記事・・</p>
・・・・・・
<div class="Column"><!-- コラムや目次 -->
<ol id="contentTable"><!-- 目次 --></ol>
<div class="HeadNote"></div>
<div class="FootNote"></div>
</div>
</div>
<div id="#Annotation"><!-- 附録 -->
<h2></h2><!-- 見出し -->
</div>
</body>
</html>
・・・ここはWebオーサリングツールでも可能ですが、一切デザインせずに、本当に素な状態で作業するのがポイントです。・・・。私はタグは全部覚えちゃったのでツールは不要です。というか要素の意味を間違えるので邪魔なので使わない。必要な時は仕様書(たとえば http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 … )を見る。
>CSSが、最後なんですね!最初なのかと思っていました。
もちろん、そうです。
ただし、誤解がないように説明すると、ウェブサイトで一ページごとにデザインが違っていたら、読者は混乱しますから、基本的なデザインはサイト内では統一しておく必要があります。
そのため、そのサイトでのデザインはある程度統一されます。たとえば、
サイト全体の統一したデザイン
→・サイトのトップページ
→・各テーマのトップページ
→・実際の記事のデザイン
とかの三~四種類程度でしょう。
あるサイトの制作を始めるときは、これらそれぞれについて、テキストエディタで作成したマークアップされたテキストデータを元に、三~四種類のテンプレートを作成していきます。
そのうえで、新しい記事はそれをもとに作成していくことになります。
>DWのコードとかHPBの・・・・
現在は私は、WYSIWYG( http://ja.wikipedia.org/wiki/WYSIWYG )なWebオーサリングツールを使ってません。理由は、上の「HTMLエディタ」をしっかり読むとわかるでしょう。
丁寧にありがとうございました。
仕様書・・・。
まったくわからないですねー。笑
う~~ん。困った・・・。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) ワードの表、別文書からコピペすると、レイアウトが崩れる 3 2022/04/17 14:59
- Windows 7 Windows11のパソコンについて。 11 2022/11/21 22:29
- Word(ワード) ワードの文字数行数設定をフォーマットにして切り替えたいです 2 2022/05/24 10:42
- マンガ・コミック 漫画家はみな書道が得意か? 漫画家で悪筆の人はいるか? 5 2023/08/16 09:05
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- その他(Microsoft Office) エクセルのマクロについて教えてください。 5 2023/01/21 09:39
- Word(ワード) ワードの背面や前面 5 2023/01/28 11:50
- 父親・母親 親がすぐキレる件について 1 2023/04/16 23:21
- 日用品・生活雑貨 2B以上の濃さの鉛筆について。 今までは何か書くとき、手帳かくとき、色々な場面で、サラサのジェルイン 1 2022/06/26 07:32
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
小タイル「画像バックで、テキ...
-
Microsoft1Officeの互換ソフト...
-
パソコンでランドルト環の作成...
-
エクセルでサイズに合ったもの...
-
Excel セルの幅が合わない
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
敬語
-
<tbody>は何のためにあるんでし...
-
エクセルのセル幅の表示
-
エクセルでサイズ指定でPOP...
-
dreamweaverで、テーブルのボー...
-
ホームページビルダー 空白の...
-
バーコードのサイズは拡大縮小...
-
Excel で等間隔で縦線を引きた...
-
iframeのスクロールバー:縦だ...
-
Word2003で表中の文字が勝...
-
パソコンサイズが横30cm縦20cm...
-
アップロードするサーバーによ...
-
chromeだけbody直下に空白が開く
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ・各ページの<h1>...
-
小タイル「画像バックで、テキ...
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
Excel セルの幅が合わない
-
PDFへてのテキストボックスにて...
-
table内で画像と文字をセンター...
-
<tbody>は何のためにあるんでし...
-
Excelの列や行の幅を表示...
-
バーコードのサイズは拡大縮小...
-
ホームページビルダー7で、表...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
指定時間になったら、WEBサイト...
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
Excelで文字の幅を変える方法
おすすめ情報