Sürekli değişen canlı siteye bağlantı vermeden geçmiş web geliştirme işlerimin çalışan bir örneğini nasıl sergileyebilirim?


16

Bir web sitesi tasarladığımda, sadece ekran görüntülerini göstermekle kalmayıp aynı zamanda kodlama yeteneklerini de göstermek yararlı olur.

Ne yazık ki, çoğu zaman, müşteriler web sitelerini kendileri düzenlemeye başlarlar ve bakım için bana ödeme yapmazlarsa, site çekiciliğimi kaybedecek, bu da beni portföyüme URL eklemeye çok düşkün bırakmayacak.

  1. Web tasarımını / arayüzünü sergilemek için en iyi uygulamalar var mı (aslında çalışıyor ve basit bir ekran görüntüsü değil)?

  2. İstemcileri göstermek için çevrimdışı bir kopya tutuyor musunuz?

  3. Mevcut web sitenize (Behance veya diğer) nasıl bağlarsınız?


1
Bence bu iyi bir soru. Aynı problemle birçok kez karşılaşıyorum. İnsanlar, web sitesini tasarladıysanız neden web sitesine de bağlanmıyorsunuz? Onlara UI / UX tasarımına dahil olduğumu ve programlamaya yardımcı olduğumu açıklamak zor, ancak ana ön uç geliştirme başka bir kişi tarafından yapıldı (tasarımımı mahveden).
Payod Panda

Yanıtlar:


10

Peki yapabileceğiniz birkaç şey var ama bence şahsen bir site en iyi istenen site olan bir site. Barındırma ile kendi etki alanınız varsa, bitmiş projenin istemciye değiştirileceğinden endişe duyuyorsanız, sitelerinizi neden alt etki alanı oluşturamadığınızı gerçekten anlamıyorum (clientproject.emilie.com gibi). Bazıları masaüstü, tablet ve mobil tabanlı gibi basit bir ekran görüntüsü ekleyin ve ardından alt alan adına canlı bir bağlantı sağlayın.

Farklı türlerde mobil siteler olduğu için diğer bazı seçenekler, eski bir telefonunuz varsa ve normal bir telefon geek (her seferinde en son satın alan) bir demo olarak telefonda birkaç site yükleyip olası bir müşteri. Aynı kural bir tablet için de geçerli olabilir.

Alt alan adı yapamıyorsanız, sadece bir dizüstü bilgisayar alın ve sitenizi çalıştırmak için dizüstü bilgisayarınızın XAMPP (her şey), MAMP (mac) veya WAMP (Windows) gibi bir şeye sahip olduğundan emin olun Apache, PHP, SQL'in nasıl kurulacağını bilmiyorum , vb.

Ayrıca, ayrıntıları vermekten korkmayın. Siteyi tasarladıysanız, söyleyin, siteyi tasarladım ama başka birisinin kodunu yazdım. Canlı siteyi kullanmaktan endişe ediyorsanız, ancak yalnızca ekran görüntüsüne sahipseniz bu seçenek iyi çalışır.


2
Merak ediyorum çünkü alt soru .... Farklı URL'lerde yinelenen bilgiler SEO'dan düşebilir. Peki, bir müşterinin sitesinin kendi sürümünü barındırırken bu sorunla nasıl başa çıkıyorsunuz?
Scott

5
Robots.txt dosyasında takip etmeyecek şekilde ayarlayın . Ayrıca @ Web Yöneticilerine bakın: Google, SEO ile ilgili alt alanları nasıl değerlendiriyor?
DᴀʀᴛʜVᴀᴅᴇʀ

Emilie.com web sitesi Avast tarafından zararlı olarak tespit edildi (Virustotal aracı herhangi bir virüs tespit etmedi)
franz1

2

Çalışmanızı değiştiren müşteriler yok olmanın tek yolu değildir, bazen kuruluş hep birlikte kaybolur veya belki de aynı site için birden fazla tasarım yaptınız.

Geçmişte, tüm bağlantıların devre dışı bırakıldığı ön sayfanın yeniden oluşturulmasından başka bir şey olmayan arşivlenmiş sürüme bağladım. Yine de bunun çok iyi bir kullanıcı deneyimi verdiğini düşünmüyorum. Bir iframe'e yüklemek, tasarımın ne için olduğu konusunda biraz bağlam vermenize izin verecektir.

iframe içinde tasarım

Yukarıdaki tasarım (hala devam eden bir çalışmadır) masaüstü bilgisayarımdaki sanal makinenin içindeki bir web sunucusunda çalışıyor. Bir müşteriye sunmam gerekirse, kesinlikle dizüstü bilgisayarıma aktarabilirim. Bu, çoğu kişi için en iyi seçenek olmayabilir, ancak benim gibi bir tasarımcı / geliştirici için yeterince iyi çalışıyor.

Metin yazarlığı yeteneklerinizi göstermek için de kullanmadığınız sürece, tasarımda kullanılan kopyayı yer tutucu metinle (örn. Lipsum) değiştirmeye değer olabilir.


2
  1. En iyi uygulamalar - Bilmiyorum, ama belki de Wayback Machine'e bakabilirsiniz. Bununla ilgili daha fazla bilgi aşağıda.

  2. Çevrimdışı kopyalar - Aslında değil, bazen Safari'nin Dosya> Farklı Kaydet ... komutunu kullanmak istiyorum: Kayıt türü: Web Arşivleri. Bir keresinde birine böyle bir dosya verdim ve ne kadar zor denediklerini bilmesem de açamadıklarından şikayet ettiler. Belki bir Safari olayıdır.

  3. Mevcut web'den bağlantı - Bunu denemedim, ancak Wayback Machine bağlantıları iyi çalışmalıdır.

Wayback Machine http://archive.org/web/ adresindedir . Düzgün bir web geliştiricisi olmasam da, oluşturduğum web sayfalarında kullandım.

Arşivlendiğinde sitenin bazı bölümlerini ele geçiren bazı web geliştirme teknolojileri vardır. Sıklıkla arşivlenen sitelerde bozuk resimler görüyorum.

Bunu 'şimdi' veya mümkün olan en kısa zamanda arşivlemesini istemenin bir yolu olduğuna inanıyorum, ancak bunu denemedim. Kendi cihazlarına bırakılırsa sayfaların kontrol edilmesi arasında ne kadar bekleyeceğini bilmiyorum.

Bu eğlenceli: http://web.archive.org/web/19961219202222/http://www.apple.com/

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.