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の設定は多くの初心者がつまずき易いところなのでしっかり覚えましょう。不安のある人はいきなりク…
以前、既存のサイトをモデルにしてレスポンシブサイトを制作し、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>