ホームページの作成(Expression Webの使い方)
 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の機能へ
 戻る