*

テンプレートをダウンロードして準備

公開日: : 最終更新日:2017/10/15 Webサイト作成

さて、いよいよサイトを作っていきます。

まず、今回使うテンプレートファイルをパソコンにダウンロード。

ファイルは圧縮されたzipフォルダーなのでダブルクリックして開きます。

ファイルを開く

次に、開いたファイル一式をあらかじめ作っておいたホームページ用のフォルダーにドラッグして移動。

image18

ホームページビルダーを立ち上げて、index.htmlを選び開く。

image15

index.htmlを開くと下の画面になります。これがトップページ。ウェブサイトは基本的に「index.html」または「index.htm」という名のファイルがトップページになります。

image16

では、次回からテンプレートの編集に入りましょう。



ad

関連記事

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

電話番号にリンクを設定する

スマホサイトによくある、タップをすると電話がかけられるリンクを設定します。 スマホ画面では電話

記事を読む

スマホの画面

スマホサイトに画像やメニューを表示させない設定

スマホの画面は表示範囲が狭いので、縦長のサイトになります。 縦スクロールは操作がしやすいとはい

記事を読む

dreamweaver cc

サイト作成ソフトとHPビルダーの設定

サイト作成のソフトもいろいろありますが、代表的なものといえば「ホームページビルダー」と「Dreamw

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

webサイトの運営にはサーバー選びが重要。 中小企業、個人事業者なら、レンタルサーバーが一般的

記事を読む

トップバナー

トップのイメージ画像を入れ替える

サイトのイメージ画像とロゴを入れ替えましょう。 あらかじめテンプレートにはサンプル画像が入って

記事を読む

ページのコピーと貼付けで注意すること

以前も書きましたが、ホームページ作成にはコピーと貼付け作業を頻繁に使います。 サイトの構成を考

記事を読む

バナー画像をJavaScriptで切り替える

前回スマホ用の画像の話をしましたが、jQueryのJavaScriptを使ってサブページのバナー画像

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

J.W.Black Guitars JWB-J-S
J.W.Black Guitars JWB-J-S のメンテナンス

今日、成人の日はあいにくの雨。振袖の女性は大変でしょうね。 そう

浮嶽神社
今年の初詣は浮嶽神社へ参拝

正月三が日は予報に反して、天気に恵まれました。 例年、親戚宅で年

東芝 USB3.0接続 ポータブルハードディスク
またハードディスクのトラブルが…

年末ぎりぎりになって商品が届きました。大晦日でも配達してくれる通販は便

「PAPAGO!」ドライブレコーダーの取付け

あと数日で2017年も終わり。思い起こせば今年もいろんなことがありまし

RAW VINTAGE スプリング
トレモロのスプリングをRAW VINTAGEに変えてみた

最近よく利用するサウンドハウスから、クリスマスプレゼントが届きました。

→もっと見る

PAGE TOP ↑