最近インターネットをはじめました。
すごく、かっこいいデザインやかわいいデザインの
ホームページが見てみたいのですが
そういったホームページへのリンク集みたいな
ところはないのでしょうか?
検索してみたのですがまだ検索方法がよくわからなくて…。
どなたか、知ってる方いらっしゃったら教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

カッコイイかどうかは何とも言えませんが


下記のURLではマクロメディアフラッシュを使ったコンテンツが
カテゴリー別に検索できるみたいです。
僕的には、"now loading..."がチカチカするたびに
サッサと結論を見せろヨ!! 電話代俺払ってるんだぞ!
などとしばしば、つぶやいていますが。
待たされるほど、凝り捲くったカッコイイ? ページがご覧になれます。
インターネット永くやってるとシンプルイズベストみたいな気もするんですが???

参考URL:http://www.marunaka.com/straight/
    • good
    • 0

http://www.project-ir.com/web/ 総合型
http://nice-web.net/ 各種別

ご参考までに。

きっとあなたのフィーリングに『ピーン』と来るのがあると思います
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qホームページソフトに頼らずにホームページを作りたい

どんなに粗末でもいいから自分で打ち込んだHTML言語でホームページを作り、アップロードしたいと考えています。

メモ帳でソースを作成すればいいのでしょうが、その後どういう手順で行っていくのか教えてください。ちなみにアップロードにはFFFTPを使用するつもりです。

Aベストアンサー

こんばんは。
僕もFFFTP使ってます。
質問内容から、恐らくHTMLは大丈夫だろうということで、アップする作業に絞って説明させていただきます。

まず
(1)FFFTPを立ち上げます。
(2)ウインドウ上部のボタン系が並んでるところの一番左のコネクターのような形をしたボタンを押します。
(3)すると接続サーバーの一覧が出てきますので接続したいサーバーをWクリック。
(4)サーバーにログイン完了。
(5)ウインドウが2分割されてると思いますが、左が自分のPC。そして左がサーバーの中身です。
まずサーバーは自分のアカウントになるフォルダが呼び出されるはずですから(大体のサーバーはそうなってます)、そのフォルダをWクリック。
(6)ここからが自分で自由にいじれる空間になります。今何もアップしていなければ、当然何もない状態です。真っ白なはずです。
(7)そしてウインドウ右側にあるアップしたいファイルを右クリックするとメニューが出ますので、その中にある「アップロード」って言うのをクリックします。
(8)これでアップ作業完了です。

*ちなみに初期の段階ではサーバーが何も登録されてないと思います。
登録されているかもしれませんが、一応補足として書いておきますが、一番最初に書いた画面上部のボタンが並んでいるところの一番右のコネクターのボタンをクリックすると、接続可能サーバー一覧画面に移ります。
その画面の右の方に「新規ホスト」ってボタンがあると思います。それをクリックするとサーバー登録画面に移ります。
「ホストの名前」は適当に自分が把握できる名前を入れてください。
「ホスト名」はサーバーから指示があると思うので、その指示のとおりに書き込んでください。
大体は「www.〇△×.ne.jp」とか、最後の部分が「or.jp」とかいろいろあると思いますが、こんな感じになってると思います。
「ユーザー名」は自分のアカウント名のことです。
「パスワード」ってのもそのまま、自分の登録したパスワードを入れてください。
次に「ローカルの初期フォルダ」ってやつですが、簡単に言うと接続した時に出るFFFTP右側のウインドウを、自分のパソコンのどのフォルダを表示させるかということです。
お勧めは「デスクトップ」にしておくのを勧めます。
これだといちいち探す必要がないですからね。
一番最後の「ホストの初期フォルダ」は何も書かなくていいです。
それと最後にある「最後にアクセスした初期フォルダ。。。」うんぬんとあると思いますが、ここのチェックははずしておいてください。
っとまぁこんなもんです。
僕も他のFTPソフトは使ったことありませんが、このFFFTPはすごい使いやすくて、ちょー気に入ってます。
使い方も簡単ですし(^-^)

あとアップ作業の中で理解していただきたいのは、自分のパソコン自体がフォルダになってるということです。
普段使ってる中でもフォルダの中にフォルダを置いて、ファイルの整理をしたりしますよね?
そんな感じでパソコンという大きなフォルダの中に、いろいろなフォルダがあり、またその中にいろいろなファイルがある。。と理解していただければ、簡単に使いこなせると思います。
僕も最初は意味不明なことばかりでしたが、分かってしまうとこんなに簡単なことはありません。
是非がんばって面白いサイトの構築にがんばってくださいね(^-^)
また、何か分からないことがあれば聞いてください。できるだけ分かるように説明させていただきますので!
幸運を祈りまっす♪

こんばんは。
僕もFFFTP使ってます。
質問内容から、恐らくHTMLは大丈夫だろうということで、アップする作業に絞って説明させていただきます。

まず
(1)FFFTPを立ち上げます。
(2)ウインドウ上部のボタン系が並んでるところの一番左のコネクターのような形をしたボタンを押します。
(3)すると接続サーバーの一覧が出てきますので接続したいサーバーをWクリック。
(4)サーバーにログイン完了。
(5)ウインドウが2分割されてると思いますが、左が自分のPC。そして左がサーバーの中身です...続きを読む

Qgooの無料ホームページへアップした画像を、簡単ホームページに・・・

gooの無料ホームページへアップした画像を、簡単ホームページに・・・
gooの無料ホームページへアップした画像を、
簡単ホームページや別のところでリンクして使う方法がわからないのですが、どなたか教えていただけないでしょうか?
無料HPの方でアップロードした画像をリンクで持ってくる場合、
画像のURLはどうすれば取得出来るのですか?他の無料日記などに、
<img src=・・・・・>のタグで貼る場合に、
・・・・・に入れるURLがわからなくて困っています。
それともこのやり方ではなく、他のやり方でないとダメなのでしょうか?
毎度稚拙な説明&質問ですみません。
出来たら素人向けの説明でお願いします(^^;

Aベストアンサー

『goo』さんの無料HPは『xHoops!』さんに移転してるはずですが、
移転は完了してますか?

アップロードした画像ファイルのURLは、
TOPページの『index.html』と同じ階層なら、
http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
となります(多分?)、タグで書くと

<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
" border="0" width="横" height="縦" alt="画像コメント">

ってな感じになります。もっと簡単にするなら
<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子">
です。

無料日記に画像を貼り付ける場合は、タグの使用が許可されてる場合だけです
基本のタグは、同じと考えて良いと思います。が・・・タグの書き方等は

『beepのホームページを素敵にしよう』
http://www.soma.or.jp/~beep-pc/

『牛飼いとアイコンの部屋』
http://www.ushikai.com/
ここの2つはシンプルで解りやすいでしょう。
もう少し詳しく書いたほうが良いですか?


          X1turboの友達 hiro。

『goo』さんの無料HPは『xHoops!』さんに移転してるはずですが、
移転は完了してますか?

アップロードした画像ファイルのURLは、
TOPページの『index.html』と同じ階層なら、
http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
となります(多分?)、タグで書くと

<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
" border="0" width="横" height="縦" alt="画像コメント">

ってな感じになります。もっと簡単にするなら
<img src="http://users.hoops.ne.jp/ユーザーID/フ...続きを読む

Qホームページのデザインが似てる

ホームページを作っているとどうしても企業やホームページ会社の
デザインと似てしまいますが、どの程度似ていれば権利上違法と
いえるのでしょうか?

CSSやHTML程度までは自作したテンプレートと似やすいですが、
画像が入るとNGのような気がします。

ボタンなどの素材はどうなのでしょう?
けっこうだれもが保存して使いまわしているようですし、
それを完璧に取り締まるのは不可能です。

CSS、HTMLまではokと見なしてよいのでしょうか?

Aベストアンサー

そもそもHTMLやCSSなどの記述に著作権はありません。
Javascriptすらプログラムとして微妙な線です。
ですが、レイアウトに対しては著作権が発生するのでソースを丸写ししたサイトなどは著作権違反に該当するでしょうね。

>>画像が入るとNG
画像などはそのWebサイトの持ち主が作成したものであれば
勿論そのサイトの管理者に著作権が発生します。

ですが、権利を主張しないこと、リンクすることを条件に
画像素材を使用することを承諾しているものも多々あります。
その場合は画像素材を作っている人に著作権があるので
そのサイトの利用規約などを読んで利用すると良いです。

Qホームページデザインテンプレート配布サイトの普及

ホームページデザインテンプレート配布サイトの普及

ここ数年、Webサイト用のテンプレ屋さんがずいぶん増えたと感じています。
10年前くらいから、Web素材屋さんがおまけとしてCSSの小技を載せたり、CGI用スキンを配布したり、ということはよくありましたが、最近はテンプレ配布がメインコンテンツであるサイトも珍しくありません。

何故、ここまでテンプレ配布サイトが普及したのでしょうか?その背景は?
HTMLやCSSのソースを知識として共有すべきだという価値観が広まったため?
(でも、カスタマイズ自由なのに著作権を放棄しないテンプレ配布サイトも多く、若干矛盾を感じるのですが…)
特に個人サイトの場合、自分でデザインを考えず、テンプレ屋さんに頼ることは今では当たり前?
ご意見をお聞かせください。

Aベストアンサー

>HTMLやCSSのソースを知識として共有すべきだという価値観が広まったため?
 やっとウェブが何かが知られるようになった。
よいウェブページを書こうとする人のためのヒント ( http://www.sal.tohoku.ac.jp/~gothit/webauthoring2.html )

そして、
オープンソース - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9#.E6.A7.98.E3.80.85.E3.81.AA.E3.83.A9.E3.82.A4.E3.82.BB.E3.83.B3.E3.82.B9 )

フリーソフトウェア - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2 )
 が、有効だと認識されるようになった。

>カスタマイズ自由なのに著作権を放棄しない
 これは自由のためには必要なのです。詳しくは資料を・・
 それを囲い込んで、まあ特許を申請して、・・・フリー(無償という意味ではなく自由という意味)であることが侵害されたら困るということです。

 

>HTMLやCSSのソースを知識として共有すべきだという価値観が広まったため?
 やっとウェブが何かが知られるようになった。
よいウェブページを書こうとする人のためのヒント ( http://www.sal.tohoku.ac.jp/~gothit/webauthoring2.html )

そして、
オープンソース - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9#.E6.A7.98.E3.80.85.E3.81.AA.E3.83.A9.E3.82.A4.E3.82.BB.E3.83.B3.E3.82.B9 )

フリーソフトウェア - Wikipedia ( http...続きを読む

Qホームページのデザインに関して

質問失礼します。
現在、WEBサイトを製作中です。
検索して、とあるサイトからスライドショーのやり方とメニューが縦にスクロールしても
ついてくる紹介をしていました。
以前のことなので、紹介サイトは覚えておりませんが…

そこで、スライドショーは無事に出来たのですが…
メニューがついてくることに質問があります。

(1)スクロールした際に、メニューがついてくる高さを設定したいです。
現在だと、早い段階でメニューがついてきますので、もう少し下にスクロールしてから
メニューが降りてくると助かります。

(2)この降りてくるメニュー、常に1番上に表示されているようにしたいです。
所々、スクロールすると画像の下に表示されることがあります。
画像や文字の上に表示されるようにしたいです。

(3)なぜか、中央に配置しているロゴ画像は真ん中ですが、メニュー全体が若干左よりです。
メニューも真ん中に表示されると幸いです。

以下jsです。
// JavaScript Document

(function(){

var options = {
duration: 1500,
easing: 'easeOutCubic',
auto: true,
interval: 3000
};

var $window = $(window),
$container = $('#slider'),
$element = $container.find('ul'),
$list = $element.find('li'),
$next = $container.find('#next'),
$prev = $container.find('#prev'),
shift = 2,
lw = $list.width(),
len = $list.length,
timer = '';

var $header = $('#header'),
$headerAfter = $header.next(),
headerY = $header.height(),
containerY = $container.height();

function initialize(){

setup();

$window.on('resize', resize);

$next.on('click', function(){ slide(true); });

// $prevにclickイベントを登録します。
// $prevをクリックしたら、関数sliderの引数にtrueを渡して実行します。
$prev.on('click', function(){ slide(false); });

// windowにscrollイベントを登録します。
// スクロールイベントが起きるたびに、関数scrollを実行します。
$window.on('scroll', scroll);


load();


if(options.auto) timer = setInterval(function(){ slide(true) }, options.interval);

};


function setup(){

for(var i = shift; i > 0; i--) $element.find('li').eq(len - i).remove().prependTo($element);


for(var i = 0; i < 2; i++) $('<div class="layer"></div>').insertAfter($element);


$leftlayer = $container.find('.layer').eq(0);
$rightlayer = $container.find('.layer').eq(1);


resize();

};

function resize(){

var _val = ($window.width() - lw) / 2 - lw * shift;

$element.css({
'width': lw * len,
'left': _val
});

$leftlayer.css('left', _val + lw);

$rightlayer.css('left', _val + lw * 3);

};

function slide(direction){

if($element.filter(':animated').length) return;

if(options.auto) clearInterval(timer);



以下HTMLです。

<div id="slider">
<ul class="clearfix">
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
<li><a href="#"><img src="" alt="" width="" height="" /></a></li>
</ul>
<p id="prev"><img src="" alt="" width="" height=""></p>
<p id="next"><img src="" alt="" width="" height=""></p>
<!-- /slider --></div>

<div id="wrapper">
<div class="inner">
<img src="/logo.png" alt="" width="" height="" class="logo"/>
<!-- /inner --></div>
<!-- /wrapper --></div>


以下ヘッダー部分のCSSです。

#header{
width: 100%;
}
#header h1{
padding: 10px 0;
background-color: rgba(0,0,0,0.2);
}
#header h1 span{
display: block;
}
#header #nav{
background-color: rgba(0,0,0,0.6);
}
#header #nav li{
float: left;
}
#header #nav a{
display: block;
padding: 15px;
text-decoration: none;
color: #fff;
font-family: Helvetica,Arial,sans-serif,メイリオ;
}
#header #nav a:hover{
color:#666;
background: #fff;
}

お手数をお掛け致しますがどうぞ宜しくお願い致します。

質問失礼します。
現在、WEBサイトを製作中です。
検索して、とあるサイトからスライドショーのやり方とメニューが縦にスクロールしても
ついてくる紹介をしていました。
以前のことなので、紹介サイトは覚えておりませんが…

そこで、スライドショーは無事に出来たのですが…
メニューがついてくることに質問があります。

(1)スクロールした際に、メニューがついてくる高さを設定したいです。
現在だと、早い段階でメニューがついてきますので、もう少し下にスクロールしてから
メニューが降りてくると助かります...続きを読む

Aベストアンサー

質問がありますって言ってるけど、これ1.2.3の通りに作ってってのと一緒だよね。
lancers.jp
このあたりで依頼出せば3,000円くらいでやってくれるひとがいると思うよ。


このカテゴリの人気Q&Aランキング

おすすめ情報