20200703 ②リストのロゴ作成とHPのアップロード

リストのロゴ作成

AdobeXDを用いて画像を編集し、HPのリストロゴを作成してみた。

AdobeXDにおける作業

1. XDを立ち上げる
2. 図形（今回は丸いロゴを作りたかったので円）を選択、作成
3. 円のサイズ調整（リストロゴのサイズは32px）
4. 出来上がった円に向かって画像をD&D
5. 書き出し

できあがったロゴをHPで使用してみた例

これで好きな画像を編集してHPのリストやナビゲーション等に使うことができるようになった。明日以降の作業で出来ることがまた増えた。

 

HPのアップロードの試み

レンタルサーバの設定、FTPソフトを用いてHTMLファイルのアップロードに成功した。

やり方は思っていたよりシンプル。

○レンタルサーバ

画面に従って設定を進めるだけ

○FTPソフト

インストール

↓

レンタルサーバで設定したホスト名、ユーザ名、パスワードを入力

↓

作成したHTMLをFTPソフトにD&Dでアップロード

↓

レンタルサーバで与えられたドメインをブラウザに入力

↓

そこで作成したHPが正しく表示されれば成功。