ゴミを持ち帰りましょう！

「ごみを持ち帰りましょう！」 -これは、数週間前の週末^{（ほぼ2日間）}に作成したサイトの名前です。春のシーズンに間に合うように、多くの人々が休暇のために街を去り始めます。

主なアイデアは単純です-自然をきれいに保つ必要があることを人々に確信させること。 これを行うには、サイト上のゴミを自分自身だけでなく（自分自身だけでなく）クリーンアップすること、および従来のプリンターで印刷して押しピンでツリーに固定できるA4形式のポスターのさまざまなオプションを選択することをお勧めします。これは視覚的な動揺の一形態です：

グラフィックス

まず、 openclipart.orgの Webサイトでポスターにこのような素晴らしい写真を撮ったことに言及する価値があります。 これらは無料ライセンスの下で配布され、非常に高品質のベクターでレンダリングされるため、クリップアートとして理想的です。

Inkscapeベクトルエディターでポスターを作成し、Webサイトの訪問者がダウンロードして印刷できるPDFファイルに保存しました。 編集者はこのタスクを見事に処理しました。

「エンジン」

引用符で-猫が泣いたので。
このサイトは1つのモデカと3つの関数を使用してdjangoで動作します。 動物のいる各ポスターには、ウィキペディアへのリンクとビデオクリップがあります。これは、訪問者がポスターから動物についてより多くを学ぶことができるようにするためです。 PDFダウンロードリンクは、ポスターダウンロードの統計を保持する機能によって処理されます。 これはほとんどサイトコード全体です。

models.py # coding: utf-8 import os import settings from django.db import models from django.core.files.storage import FileSystemStorage class OverwriteStorage(FileSystemStorage): def get_available_name(self, name): """ Returns a filename that's free on the target storage system, and available for new content to be written to. """ # If the filename already exists, remove it as if it was a true file system if self.exists(name): os.remove(os.path.join(settings.MEDIA_ROOT, name)) return name fs=OverwriteStorage(location=settings.MEDIA_ROOT) class Poster(models.Model): title = models.CharField(max_length=100, verbose_name=" ") thumbnail = models.ImageField(upload_to='images/posters',verbose_name=" ") preview = models.ImageField(upload_to='images/posters',verbose_name=" ") pdf = models.FileField("PDF  ", upload_to='posters/', storage=fs) downloads = models.IntegerField("  ", default=0) wiki_youtube_title = models.CharField(max_length=100, blank=True, default="", verbose_name="     ") wiki_url = models.URLField("    ", blank=True) video = models.TextField("   ", blank=True) youtube_url = models.URLField("  -", blank=True) def __unicode__(self): return u' "%s"' % self.title def get_absolute_url(self): return "/poster/%d/" % self.id class Meta(): ordering = ['id'] verbose_name = "" verbose_name_plural = "" views.py # coding: utf-8 from models import * from django.shortcuts import render_to_response, get_object_or_404 from django.template import RequestContext from django.http import HttpResponseRedirect def index(request): posters = Poster.objects.all() return render_to_response('website/index.html', {'posters': posters,}, context_instance=RequestContext(request)) def poster(request, poster_id, please_explain=False): poster = get_object_or_404(Poster, id=poster_id) return render_to_response('website/poster.html', {'poster': poster, 'please_explain': please_explain,}, context_instance=RequestContext(request)) def download_poster(request, poster_id): poster = get_object_or_404(Poster, id=poster_id) poster.downloads += 1 poster.save() return HttpResponseRedirect('/static/' + poster.pdf.url) 

モデルにyoutube_urlを追加しました。 特にすべてのページでHTMLコードが挿入するのに冗長であるたびに、プレーヤーは同じサイズになります。 追加しましたが、移行とテンプレートをやり直しませんでした。 そしてそれは動作します。 一般に、最適化が不十分です。

ポスタービューのplease_explainが追加され、バナーをクリックした別のサイトの訪問者にこのサイトの目的の簡単な説明が表示されるようになりました。

css

なぜなら 私はデザイナーではありません。装飾には最も単純なスタイルを使用し、CSSを操作するにはCompassフレームワークを使用しています。 グリッドに基づいてサイトレイアウトを開発できます。これにより、私のような多かれ少なかれクロスブラウザーコンテンツの作成が大幅に簡素化されます（IEは "そのまま"サポートされています）。 かつて私はCSSフレームワークに否定的でしたが、コンパスは私の態度を変えました。

Compassは、 SASSとBlueprintの 2つの他のフレームワークに基づいています。 SASSは、実際にはcssファイルのこのようなプリプロセッサです。変数、関数の同等物などがあります。

* .scssファイルのソースコードがコンパイルされ、通常のcssファイルが取得されますが、コメントが付いています。 その後、任意のコンプレッサーで処理でき、すべて問題ありません。

UbuntuにCompassをインストールすることにした場合、シーケンスは（少なくとも10.04で）です。

 sudo apt-get install ruby rubygems rubygems-update cd /var/lib/gems/../gems/rubygems-update-.. sudo ruby setup.rb sudo gem install compass 

ゴム、設計図、コンパスに関しては、何らかの理由で、最新バージョンではmixin液が最適にコンパイルされません。 最適ではありません-ファイルの最後に単純に追加するという意味で、より高いスタイルをオーバーライドします。このため、cssファイルのサイズははるかに大きくなります。 これを無効にするには、メインのscssファイルで次の構成を使用できます。

 @import "blueprint/reset"; @import "blueprint/scaffolding"; @import "blueprint/liquid"; @import "blueprint/typography"; @import "blueprint/utilities"; @import "blueprint/form"; @import "blueprint/interaction"; @include blueprint-typography; @include blueprint-utilities; @include blueprint-liquid-grid; @include blueprint-interaction; @include blueprint-form; 

約束の写真

私の友人はウェブサイトを持っています、そして、彼はウェブサイトに注意を引くためにそれにバナーを掛けることを提案しました。 私は動物に関するいくつかの興味深いあまり知られていない事実を見つけ、それらをテキストとして使用する必要があると決めました。 次のようになりました。

あなたの意見と参加

当然、私は主にあなたの意見に興味があります-何を改善できますか？ サイトに追加できる考えがいくつかあるかもしれません。 ポスターのページに簡単な折り紙動物の作り方に関する指示を追加しようと思い、娘はジョークを追加することを提案しました。

そしてもちろん、あなたの友人や知人にこのサイトについての大きなリクエスト、特に今日は金曜日です。明日はおそらく多くの人が自然に行くでしょう。 無関心な人が多いほど、私たちの生活は良くなり、自然はよりきれいになります。