- 締切済み
HTMLでの画像配置
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- 澁谷 聡美(@roseheart)
- ベストアンサー率45% (15/33)
こんにちは。 私が、ヒントを教えます。 ホームページを作成して公開しております。 講師は、ドットインストールという無料のページで 見つけました。 文字の大きさと太さもHTMLでも可能なようです。 CSSの方が、簡単です。 画像の配置は、HTMLで充分可能です。 私は、無料のテンプレートを作成の際に HTMLしか使用しては、いけないと指摘されましたが、 自力でホームページをHTMLとJavascriptで完成させました。 HTMLとCSSとJavascriptその他の仕組みだけでなく 様々なことを学べますよ。 ドットインストールで検索して下さい。 素敵なホームページが、完成することを祈っています。 講師には、質問出来ませんが、わからないことがあれば、 また、こちらで私が、教えます。
- 参考URL:
- http://dotinstall.com/
質問の仕方から創造できることは、超初心者ということでしょう。 まずHTMLでは、デザインはできないと覚えましょう。 デザイン的な要素は、すべてcssで記述すると覚えてください。 たとえば、文字色を変えるとか、文字の大きさを変える、画像などの位置を設定する。 など、装飾に関することはすべてす。 HPということ自体が間違っていることも理解しましょう。これは和性英語です。 Homeposition_pageの頭文字をとって言っているのでしょうが、基点となるページという意味ですから、正しくは、WEB_Pageといいます。 WEB_Pageの最初のページ、index.htmlあるいは、index.htm、index.phpなどを示すことになります。 WEBは、閲覧者の環境に依存しないことが基本です。 画面サイズ、機種、OSなどが、いかに変わろうが、その内容が正しく伝わることを意味しています。 このことを理解していないと、いつまでたっても、まともなものは制作できません。 ということで、 画像は、<img src="hogehoge.拡張子" width="画像幅" height="画像の高さ" alt="画像が、表示できない環境の場合い、それに代わるテキスト"> という記述になります。 文章は、見出しの重要度に応じ<h1>~<h6>の見出しの後に、パラグラフ<p>の中に記述します。 改行などは、すべて閲覧者のブラウザ環境で対応します。 携帯のような230px艇でのものであれば、下方に縦長表示、デスクトップであれば、横長に表示というようになります。 この辺を理解すれば、あとは、CSSを学ばなければならないことがわかると思います。
- sou_sk
- ベストアンサー率71% (15/21)
制作環境が分からないと何とも言えないです。何かのソフトウェアを使っているのか、スクラッチで書いているのか。 スクラッチなら <img src="http://www.okweb.ne.jp/images/okweb_logo32c_130w.gif" style="position: absolute; left: 200px; top: 100px;"> のように書くと自由に位置をコントロール出来ます。top と left の値を触ってみてください。 ただし何かのソフトを使っていてテーブルで固めたデザインになっている場合はこの書き方は不適切かも知れません。 HTML にはいくつかのバージョンや仕様があり、目的と状況に応じて書き方が異なるためです。ソフトウェアを使っているならそのソフトウェアの流儀に合わせた方が問題が少なくなります。 HTML を覚えるには大きく分けて二つの道があります。 一つは基礎から理解する事です。 もう一つはソフトウェアに任せてしまう事です。 趣味でやっていて兎に角目的を達成できればいいというなら後者が手っ取り早いです。Dreamweaver でもホームページビルダーでも買ってきて操作を覚えましょう。 前者なら一つ一つ覚えましょう。 HTML は視覚的デザインを行う言語ではなく文書に意味づけを行う&ハイパーテキストを記述するための言語で視覚的デザインは CSS (スタイルシート) に分離すべきです。 今更テーブル組のべたべたな HTML を覚えるのも勿体ない話です。この半年で流れは変わっています。 技評のページが参考になります。バックナンバーを取り寄せるのも良いかも。
- arukamun
- ベストアンサー率35% (842/2394)
左寄せ、中央寄せ、右寄せということであれば、 <IMG SRC=xxx.xxx ALIGN=aaaa> でaaaaに 左寄せ left 中央寄せ center 右寄せ right で配置できます。 厳密に位置を固定したいのであれば、<TABLE>タグを使い、表のひとつのセルに画像を配置します。 おそらく枠線は表示したくないと思いますので、 <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=xxxx> でxxxxにピクセル単位で指定します。 また<TD>や<TH>でも<TD WIDTH=xxxx HEIGHT=xxxx>といったように横幅、高さをピクセル単位で指定します。 こういった方法を取れば、ホームーページに配置したい場所に画像を配置することが出来ます。 どの位置に表示したいというご希望がありましたら補足してください。
関連するQ&A
- photoshopでつくった画像をIllustratorへ配置したいの
photoshopでつくった画像をIllustratorへ配置したいのですが ファイル→配置でPSDファイルを配置しても大きさが変わってしまいます。 やりたいことは印刷物の作成なので ・画像データはphotoshopで作成 ・文字は鮮明に印刷したいためIllustratorで作成 ・この二つのデータを印刷やさんに持込、印刷の予定です。 大きさはphotoshopもB5で作成して画像解像度は300に設定してあります。 IllustratorもB5で新規作成し、配置でPSDを読み込んでいます。 これをやると多少なんですが縦横ともに小さく表示されてしまうのです。 この配置したPSDデータを広げて(角の矢印で広げて)あわせても 印刷時、希望の箇所に印刷されないのでは?と不安です。 PSDのほうでは影(というか文字が見やすくなるためのぼかし)まで作成しているので 文字の位置がずれると・・・。 初心者のため、どなたか助けていただきたいです。よろしくお願いします。
- ベストアンサー
- グラフィックソフト
- HTMLでの画像配置
PC初心者です。HTMLの画像配置について教えて下さい。 添付画像のように画像1、2、3と3つの画像があります。 添付画像と同じ配置をしたいのですが、 実際の表示が、画像1の下に、画像3がきてしまいます。 画像2の下に画像3を置きたいです。 どのようにコーディングすればよろしいでしょうか? ちなみに、ホームページビルダー13を使用しています。 HTMLは詳しくないので、詳細を書いて頂けるとありがたいです。 足りない情報などもありましたら、補足させて頂きますので、 宜しくお願い致します。
- ベストアンサー
- HTML
- 画像の配置について
ホームページビルダー11を使用してサイトを作成しているのですが、画像の表示位置について分からない事がありまして…。 標準モードで作っていますが左上に画像を固定しても微妙に余白(?)が出来てしまいます。僅かに白い部分が残ってしまうのです。 ページを編集する際も少し白い部分があってブラウザの画面ギリギリまで画像を表示させる事が出来ないんです。 とても説明し辛いんですが;; どうしたらいいのでしょうか…。
- ベストアンサー
- Windows XP
- HPビルダー8:どこども配置モードから標準モードへ移行
ホームページビルダー8を使用してHPを作った初心者です。 どこでも配置モードでは、文字・画像等をモニターの中央に表示できないと知り、一から標準モードに作り変えるところで、問題発生。 1:標準モードでは、画像を張り付けた場合、「レイアウト枠の属性」の中の「エフェクト」は使えないのですか? 2:画像等をどこでも配置できないのがものすごく不便なのですが、例えば、同じ行に対し、左端に文字、右端に画像を配置するようなことはできないのでしょうか。 好きな位置に配置できないのは大変不便です。これも仕方がないのでしょうか。 宜しくご教授ください
- ベストアンサー
- ホームページ作成ソフト
- Openoffice Calc の画像配置について
Openoffice3.3のCalcの使い方について教えてください。 小さめの画像を一枚の表の中に複数配置したいのですが、 セルの中に挿入した画像の位置指定の仕方が分かりません。 挿入した画像を右クリックしたメニューの中の「配置」という項目は、 「何も選択できません」と表示されてしまいます。 また、同じく右クリックのメニューの中の「位置とサイズ」という項目でも、 位置の数値指定をすれば配置位置は動きますがセルごとに一枚一枚指定するのが大変です。 やりたいことは、テキストの「右揃え」「中央揃え」のように、 挿入した画像にも手軽にセルの中で位置指定がしたいのです。 分かりづらい文章で申し訳ありませんが、ご存知の方居ましたら回答宜しくお願い致します。
- ベストアンサー
- オフィス系ソフト
- CSS 画像の配置について
http://www.handmc.jp/pc/index.html こちらのページにある メインの写真が2枚 バック画像の上に並べられていますが これをCSSで配置するにはどうしたらよいでしょうか? 背景のグレーのグラデーションもあるので 写真の上に写真を並べているように見えます 今までのテーブルであれば簡単なのですが 沢山本を買ったり WEBで調べていますが 画像配置の方法が文字の回り込みのものばかりで このページのように画像背景の上に さらに画像背景を配置する方法を知りたいと思っております お手数ですがどなたがご教授お願いします
- ベストアンサー
- HTML
- 画像のどまんなかにテキストを配置したい
┌───────┐ │ │ │ │ │ どまんなか │ │ │ │ │ └───────┘ ※等幅フォントで表示を想定して記述しました。 loadMovieを使って読み込んだ画像(jpg)上に テキストを上記図の様に画像の中心に配置したいです。 テキストは変数で文字列長は可変。 読み込む画像は正方形でサイズは固定。 Flash作成ツール「ParaFla!」を使用してますが、 Flash&ActionScriptで汎用的な回答でも歓迎です。
- ベストアンサー
- Flash
- fireworksで二つの画像を配置しセロファンで透過したように見せたい
初心者です。よろしくお願いいたします。 HPを作成しています。ページ上部に配置するフレーム内の画像を作成していてます。 左端に写真、中央にタイトル、右端に写真を配置しました。統一感を出すために赤い半透明のマスクというのでしょうか?セロファンを透過させて見たようにしたいのですがどのような操作をすればよいでしょうか? ご存知の方がいらっしゃいましたらよろしくお願いいたします。 またPhotoshopもありますのでそちらでの方法でも結構です。
- ベストアンサー
- グラフィックソフト
- 画像を配置のhtml教えて頂けないでしょうか!!
添付の画像のように画像を配置したいのですが、 どのようなhtmlすればいいのか、どなたか教えて頂けないでしょうか。 HPをいじったら画像がぐちゃにぐちゃになってしまい とてもともて困ってします・・・・ 何卒宜しくお願いします<m(__)m>
- 締切済み
- ネットトラブル