WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

Webサイト制作

複数ページのサイト構成

今回のチェックポイント 正しいファイル管理が出来ているか ビルボード画像はトップページのみ スタイルシートは1枚で全ページを管理する bodyの色は各ページで別指定 トップページ <html> <head> <meta charset="utf-8"> <title>Cafe-siteのトップページ</title> <link rel="stylesheet" href="css/style.css"> </head> <body id="top"> <div id="container"> <div id="header"> <h1></h1></div></div></body></html>

FTPファイルを使ってサーバーにアップロードする

FTPファイルの設定 自分で制作したサイトをインターネットで見るには、FTPファイルでデータをサーバーにアップロードする必要があります。 サーバーやFTPの設定は多くの初心者がつまずき易いところなのでしっかり覚えましょう。不安のある人はいきなりク…

bodyの横幅一杯に表示するスライダーjQuery

以前、既存のサイトをモデルにしてレスポンシブサイトを制作し、jQueryのプラグインを使いトップにスライダーを導入しましたが、モデルサイトに最も近い形のスライドショーを導入したパターンが今回のやつです。 今回のスライドショーの主なポイント ブラウ…

制作したレスポンシブサイトをカスタマイズ

制作したレスポンシブサイトにスライドするjQueryを追加する index.html <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link href="css/common.css" rel="stylesheet"> <link href="css/style-l.css" rel="stylesheet" media="only screen and (min-width:960px)">…</link></link></meta></meta></head></html>

レスポンシブサイト制作

既存サイトを参考にしてレスポンシブサイトを制作 index.html <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link href="css/common.css" rel="stylesheet"> <link href="css/style-l.css" rel="stylesheet" media="only screen and (min-width:960px)"> </link></link></meta></meta></head></html>