Expression Webの機能へ |
Expression Webのダウンロード https://www.city-yokohama-tsuzuki.net/tks/nota/tsuzuki/?20130317151438 Expression Webの使い方 https://www.city-yokohama-tsuzuki.net/tks/nota/tsuzuki/?20130317183606 Expression Webを使ってみよう:Expression Web 4 http://www.wanichan.com/web/expression/web4/ Expression Web 4:ページの作成と編集 http://www.wanichan.com/web/expression/web4/04/ |
Expression Webを起動して、「ファイル」→「新規」→「ページ」をクリックする |
下記のダイアグラムが表示されるので、HTMLを選択して「OK」を押す |
下記の図のように白紙のページが作成される |
テーブル(表)を使ってページを作成する。「テーブル」→「テーブルの挿入」をクリックする |
行を10、列を1 幅の指定 760ピクセルを入力して「OK」を押す |
下記のように10行1列の表が挿入される。 |
一番上にタイトルをいれる。例「Expression Webでホームページを作ろう」としました。 |
タイトルの文字の大きさを変更する。下記の▼をクリックして「見出し1」をクリックする |
文字が大きくなる |
画像を挿入する。「挿入」→「画像」をクリックする |
自分のパソコンの内部を表示されるので、必要な画像を選択して「挿入」をクリックする |
「アクシビリティのプロパティ」ダイアグラムが表示されるので「代替えテキスト」に写真の内容を入れる。 |
例「写真は垂れ梅です」を入れて「OK」を押す |
下記のように画像が挿入されました。 |
同じように2つめの画像を挿入する |
作成したページを保存する。「ファイル」→「名前を付けて保存」をクリックすると下記の保存場所が現れるので、場所を決定する。ファイル名をindex.htmlとする。(必須)2ページ以降は別名にする 「保存」をクリックする |
次に画像の保存場所を聞いてくる(下図)今回の場合、index.htmlと同じ場所になっているのでそのまま「OK」を押す。 |
エクスプローラーで保存した場所を見ると下記のようになる。今回の場合c:\練習\homeフォルダに保存した。 |
index.htmlをダブルクリックするとWebブラザ(インターネットエクスプローラー等)で出来たページを見る事ができる。(下図) |
文字にリンクを貼る リンクを貼りたい文章を選択する。そして「挿入」→「ハイパーリンク」をクリックする。 |
下記のようなダイアグラムが表示されるので、アドレスの場所にリンク先URLを貼り付ける。そして「OK」を押す 例:http://www2s.biglobe.ne.jp/~ouji/ |
下図のようにリンク入れるの下が線が引かれる。 |
画像にリンクを貼る。 リンクを貼りたい画像を選択する。そして「挿入」→「ハイパーリンク」をクリックする。 |
下記のようなダイアグラムが表示されるので、アドレスの場所にリンク先URLを貼り付ける。そして「OK」を押す 例:https://www.city-yokohama-tsuzuki.net/ |
左の画像にリンクを貼ることが出来た。 |
次に出来たページを保存する。「ファイル」→「保存」(上書き保存)を押す |
Expression Webの機能へ |
戻る |
|