- JUGEM を楽しむ
-
- 投稿する・みんなとつながる
- ブログテーマ
- ブログのお題
- その他のコンテンツ
- 芸能人・有名人のブログ
- スペシャルインタビュー
- JUGEM を楽しむ 一覧
ＷＥＢデザイン：ホームページ制作
このテーマに投稿された記事：1060件 | このテーマのURL:https://jugem.jp/theme/c91/7051/
- ホームページの作成に関することなら何でも。
-
作者のブログへ：「seog」さんのブログ
その他のテーマ：「seog」さんが作成したテーマ一覧(1件)
スクロールするとしたら、にゅっと出てくる、ページTOPへ移動するリンク＠Tomii_GirlishRoom
JUGEMテーマ：ＷＥＢデザイン：ホームページ制作 こんちわ！とみみっす！ 今回は「スクロールするとしたら、にゅっと出てくる、ページTOPへ移動するリンク」についてのお話。 ↑ボタン押したら........ ページのTOPにスライドしながら戻るやつです。 これをやりたくて、色々検索していたのですが、 意外とうまく挙動するものが少なく、困っていました。 で、ついに見つけて、目からうろこ！ ■jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール ht...
My First JUGEM | 2014.08.26 Tue 19:34
jQueryライブラリ覚書＠Tomii_GirlishRoom
JUGEMテーマ：ＷＥＢデザイン：ホームページ制作 おっす！オラとみみ！ 今回はTomii_GirlishRoomを作った際に使用して便利だった、jQueryのライブラリについて紹介します。 ------------------------------------------ ■owl-carousel http://owlgraphic.com/owlcarousel/ TOPページやPhoto、illustページに使っている動く画像パネルの部分です。 自動で画像がスライドするし、指で画像を送ることも出来るやつです。 こういうのをカールセルっていうそうです。 ■利点 めっちゃ動作が軽いです！ いろいろなカー...
My First JUGEM | 2014.08.26 Tue 18:25
Dreamweaverのテンプレート機能を使って、1週間ドはまりした件。（1/2） ＠Tomii_GirlishRoom
JUGEMテーマ：ＷＥＢデザイン：ホームページ制作 とみみでっす。 今更ですが、「Tomii_GirlishRoom」作業時に、 Dreamweaverのテンプレート機能を使って、1週間ドはまりしたので、備忘録的に書きたいと思います。 なんでドはまりしたかというと、 ・phpのtemplateみたいに、部分パーツに分けて使えると思っていた。 ・オプション領域、リピート領域が、「編集不能領域でしか使えない」機能だと認知していなかった。 ・paramの条件記述でパニくった！ ...などがあげられます（爆） Dreamweaverのテンプレート機能は「htm...
My First JUGEM | 2014.08.26 Tue 16:51
navigationメニューリストの覚書＠Tomii_GirlishRoom
JUGEMテーマ：ＷＥＢデザイン：ホームページ制作 とみみでっす。 ページのコーディング方法を検索したり、問題解決方法を探すと、 いろんな方法があって、かえってパニくることってありませんか？ わたしは、しょっちゅうです（爆） を作るとき、2つほどやり方があって、 私が取り入れた方法を、備忘録的に書いておきたいと思います。 --------------------------------------------- ■navigationメニューリスト（↓こういうやつ） [html] <nav id="nav_menu"> <ul> <...
My First JUGEM | 2014.08.26 Tue 16:49
sassを使ってみたお話＠Tomii_GirlishRoom
JUGEMテーマ：ＷＥＢデザイン：ホームページ制作 こんにちは、とみみでっす。 今日は雨が降りやすい天気のせいか、昨日に比べ涼しくてうれしいです。 さて、今回はsassのお話。 「Tomii_GirlishRoom」作成時に、初めて使いました。 率直な感想、すごくいいです！！ sassって何？と言う話ですが、「Go-Nextブログ」さむさんのお言葉を借りると、 「CSSをより便利に効率的に書けるようにパワーアップさせてある言語」 です。 sassで書くと、cssがパワーアップするわけですが、 補足説明として、パワーアップの工程として...
My First JUGEM | 2014.08.25 Mon 20:23
head要素内のtitle属性とname要素
大阪VS福井、熱い打撃戦でしたね！ 福井を応援していたのですが、残念ながら強豪桐蔭には惜しくも敗れてしまいました。 あの打撃戦でピッチャーに完投させるなんて、桐蔭は勝ちに対する自信があったのでしょうね。 さて、本日２回目の更新です。 title要素★★ページのタイトルはSEOで最も重要な要素★★ title属性は要素の補足情報を表し、ページのタイトル、画像の情報、リンクの情報などとして使われます。 今回はHEAD要素内のお話ですので、ページの情報としてのtitle属性ということになります。 書き方は以下の通り、head要...
おばちゃんでもできるWEBデザイン | 2014.08.24 Sun 23:27
SEO対策は接客と同じ
先週お盆で更新をお休みしてしまったため、今週は2回に分けて、前回勉強したhead要素内の「title属性」と「name要素」を「SEO対策」と絡めながら書いてみます。 「title属性」と「name要素」、このふたつの記述方法は、SEOに深く関係すると言われています。 HTMLのお約束だからなんとなく記述するのではなく、 しっかりとした情報を記述するようにしましょう。 まずは、SEOとは何なのかの説明を先にしておきます。 SEOとは検索エンジン最適化のこと Search Engine Optimization略してSEO。 翻訳するとズバリ「検索エンジン最...
おばちゃんでもできるWEBデザイン | 2014.08.24 Sun 17:41
head要素にページの情報を入れよう
head要素の中身は、title要素やファビコン（ウェブサイトのアイコン）など、一部要素を除き、 ブラウザの閲覧時には見えません。 しかし、検索エンジンなど、各種WEBサービスが、 正しい情報をユーザーに知らせるために重要視している箇所です。 しっかりと意味を理解し、正しい情報を記載する必要があります。 meta要素 meta要素は、そのWEBページの情報を示す空要素です。 空要素とは、その名の通り要素の内容が無いため、終了タグは不要となります。 HTML5の場合はXHTMLと互換性を持たせるために、最後に「 （スペース...
おばちゃんでもできるWEBデザイン | 2014.08.11 Mon 00:29
HTMLの構造はDOCTYPE宣言とHTML要素
実はシンプル！HTMLの構造 HTMLの全体構造は、まず大きく分けるとDOCTYPE宣言とHTML要素のふたつ。 DOCTYPE宣言 DOCTYPE宣言とは、そのページがどのバージョンの文法で作られているのかを宣言することです。 現在標準バージョンとされているHTML4.01で作られている場合は、 以下のように表記します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE>はソースの上部に配置し、ほかのタグと異なり、閉じるタグは不...
おばちゃんでもできるWEBデザイン | 2014.08.04 Mon 01:22
*Lotus beauty*ホームページ公開です☆
Lotus beautyのホームページが本日公開になりました☆ ロータス・ビューティーは加圧トレーニングとヨガを 組み合わせたダイエットサロンです♪ オーナーの武長美佳さんはとってもきれいでスタイル抜群 なんです！女性限定のサロンで美佳さんがマンツーマンで ていねいに指導してくれます（*^_^*） オリジナルのダイエットプログラムで有酸素運動からタイ古式 ストレッチなども取り入れています♪食事のアドバイスなど トータルでサポートしてくれるので安心です☆ お子様連れでもOKなので、産後などにもおすす...
Atelier F*（アトリエ エフ） | 2014.08.01 Fri 10:31
全1000件中 291 - 300 件表示 (30/100 ページ)
