0

Adobe Dreamweaver - 画像を「移動」する方法

私は HTML を使用しており、移動したい 3 つの写真があり、現在は次のようになっています 。

より美しくする方法。こんな感じにしたい: http://jonathangurebo.tumblr.com/post/41614824708

どうだった？私はドリームウィーバーの初心者です。

私のHTMLコードは次のようになります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jonathan Gurebo</title>
<style type="text/css">
<!--
body {
    background-color: #191919;
}
-->
</style></head>

<body>
<center>
  <p><img src="Pictures/Jonathan Gurebo.png" width="405" height="76" />
  </p>
  <p><img src="Pictures/Apps.png" width="128" height="86" />f<img     src="Pictures/Contact.png" width="194" height="72" /></p>
  <p>&nbsp;</p>
</center>
</body>
</html>
4

2 に答える 2

5

hunzaboy が述べたように、これらの画像にクラスとフロートを追加することは、おそらく、目的の効果を実現する最も簡単な方法です。

しかし、私が本当にお勧めしたいのは、HTML & CSS: Design and Build Web Sites などの本を購入することです。

特にこの本は、HTML と CSS の基本と、Web サイトを構築する際の優れた実践方法を本当に理解するのに役立つ素晴らしい本です。Dreamweaver はエディターとしては優れていますが、これが初めての場合は、ビジュアル エディターを使用するよりもコーディング方法について詳しく学びたいと思うかもしれません。

自分の利益のためにコーディングする方法を学ぶだけでなく、Dreamweaver のビジュアル ビューは常に最適な標準を使用しているわけではありません<center>。これは、Web サイトの視覚的なスタイルを設定する方法です。

本ではなくオンラインで学習したい場合は、TreehouseまたはLearn CSS on Tuts+ を試すこともできます。どちらも非常に優れた手頃な価格の (または無料の) オンライン コースであり、自分が何であるかをよりよく理解するのに役立ちます。しようとしています。

それが役立つことを願っています! :)

于 2013-01-27T17:06:57.507 に答える
0

簡単な方法は、クラスを追加することです。画像を左右に浮かせます

.classname{float: 左; 表示ブロック;}

または別の簡単な方法は、3 つの div を作成し (2 つの画像の間にテキストを保持したい場合)、それに応じてそれらをフロートすることです。

さらに明確にする必要がある場合はお知らせください。

また、HTML は初めてなので、フレームワークを使用して学習を開始することをお勧めします。http://getbootstrap.comは、強固な基盤の上で Web サイトを開始するための優れたフレームワークです。

于 2013-01-27T16:36:28.710 に答える