Yazarın görüşü: Bu ilk makalede, tarayıcının görünüm alanının tüm genişliği boyunca uzanan bir arka plan görüntüsü oluşturmaya yönelik basit bir tekniğe bakacağız. Neden CSS gücüne arka plan boyutuna ihtiyacımız var? JavaScript gerekli değildir.

Uyarlanabilir tam arka plan görselleri uygulayın

Günümüzde Vikoristan, tüm web sayfasını kaplayan harika bir fotoğraf kaynağı olarak popüler hale geldi. Arka plan görselleri için uyarlanabilir amaçlara sahip birçok sitenin uygulama ekseni:

Mevcut web projenizle benzer bir sonuç elde etmek istiyorsanız ihtiyacınız olan bunlardır.

Temel prensipler

Eksen bizim planımızdır.

Görebildiğinizi tamamen hatırlamak için arka plan boyutunda güç Vickory

Arka plan boyutunun CSS gücü, kapağın değeridir. Kapak değeri, tarayıcıya, arka plan görüntüsünün genişliğini ve yüksekliğini her zaman görünüm alanının genişliğine/yüksekliğine eşit veya bundan daha büyük olacak şekilde orantılı olarak otomatik olarak ölçeklendirmesi gerektiğini bildirir.

Küçük arka plan resimlerini düzenlemek için Vikorista medya sorgusu mobil cihazlar

Sayfayı küçük ekranlarda daha akıcı hale getirmek için arka plan resmimizin değiştirilmiş bir versiyonunu oluşturmak üzere medya sorgularını kullanacağız. Belli değil. Bu teknik hiçbir sebep olmadan kullanılabilir. Mobil cihazlar için küçük bir arka plan resmi oluşturmak neden bu kadar harika bir fikir?

Demo örneğinde kullandığım görselin ayrı bir boyutu 5500x3600 pikseldir. Satışa sunulan geniş formatlı bilgisayar monitörlerinin çoğunun görüntülenmesine izin verilen kişi. Bu sebeple 1.7MB boyutunda bir dosya oluşturmanız gerekecektir.

Sırf arka plan fotoğrafı koymak uğruna böylesine büyük bir ek vurgu her zaman iyi bir şey getirmeyecektir. Ve vikorizm gibi toplantılara katılmak delilik, kesinlikle çürük. mobil internet. Bu aynı zamanda küçük ekranlı cihazlar için de uygundur (bununla ilgili daha sonra bir rapor sunulacaktır). Gelin tüm sürece bir göz atalım.

HTML

İşaretlemek için aşağıdakilere ihtiyacınız olacak:

Kabul edeceğiz arka plan görüntüsü gövde öğesi için, görüntünün her zaman tarayıcı penceresinin tamamını kaplaması sağlanır.

Bu teknik aynı zamanda herhangi bir blok öğesi (örneğin bir div veya form) için de işe yarar. Blok öğenizin genişliği ve yüksekliği eşit olduğundan arka plan resimlerinin tüm kabı dolduracak şekilde ölçeklendirilmesi gerekir.

CSS

Body öğesi için aşağıdaki stilleri ayarlayın:

body ( /* Resmin yolu */ arka plan resmi: url(images/background-photo.jpg); /* Arka plan resimleri her zaman dikey ve yatay olarak ortalanır */ arka plan konumu: orta merkez; /* Arka plan resimleri tekrarlanmaz * / arka plan tekrarı: tekrarlama yok;/* Arka plan resmi görünüm alanında sabitlenir, bu nedenle içeriğin yüksekliği görüntünün yüksekliğinden büyükse kaydırılmaz */ arka plan eki: sabit; arka plan- boyut: kapak;/* Ekler arka plan rengi, arka plan resmi görüntülenirken görüntülenecek */ arka plan rengi: #464646; )

Saygı kazanmak için en önemli ikili güç/önemdir:

arka plan boyutu: kapak;

Ah, mucizenin başladığı yer. Bu güç/değer çifti, tarayıcıya arka plan resmini orantılı olarak ölçeklendirmesini söyler. Genişliği ve yüksekliği eşit veya daha büyük olacak şekilde, elemanın genişliği/yüksekliği (bizim versiyonumuzda gövde elemanı) daha düşük olacaktır.

Ancak bu güç/değer çiftinin bir sorunu vardır: Arka plan görüntüsü gövde öğesinin boyutundan küçükse, yüksek içerik yoğunluğuna sahip ekranlarda ne görünecektir ve/veya sayfada büyük miktarda içerik varsa - tarayıcı kaçınılmaz olarak görüntü ölçeğini artırır. Ben, bildiğimiz gibi, boyutumuz arttığında Raster görüntü görüntü parlaklığı azalır (yani pikselleşme meydana gelir).

Çıktı boyutlarından daha büyük olan resimler, resim olarak atanır. Farklı bir görsel seçerken bunu aklınızda bulundurun. Demo uygulamasında geniş ekran monitörler için 5500x3600 piksel boyutunda büyük bir fotoğraf bulunur; bu, daha fazlasını gerektirir harika ekran böylece acılık giderilir. Hadi dağılıp gidelim. Tekrar baktığımda arka plan görselinin her zaman pencerenin ortasında olması için şunu yazacağız:

arka plan konumu: merkez merkez;

Bu girişin görünüm penceresinin ortasındaki koordinat ekseninde bir arka planı vardır. Daha sonra, içeriğin yüksekliğinin görünümün görünen yüksekliğini aşması durumunda ne olacağını belirlememiz gerekiyor. Bu olduğunda, bir kaydırma efekti belirir.

Bu durumda kullanıcı sayfayı aşağı kaydırdığında çıktı yerinde arka plan resmi kaybolacak şekilde çalışmamız gerekiyor. Bu durumda görüntü ya kaydırma sırasında biter ya da kaydırma ilerledikçe hareket eder (bu da kullanıcıyı büyük ölçüde rahatsız edebilir). Arka planı düzeltmek için arka plan eklentisini sabit olarak ayarladık.

arka plan eklentisi: sabit;

Demo uygulamasına "içeriği geliştirme" özelliğini ekledim, böylece arka plan eki değeri sabit olarak ayarlandığında tarayıcıda kaydırma yaparken ne olacağını görebilirsiniz. Ayrıca demoya göz atabilir ve kayan sayfanın ve arka plan resimlerinin nasıl göründüğünü görmek için öğelerin yerleşimini (örneğin, arka plan eki ve arka plan konumu) gösteren önemli kontrollerle oynayabilirsiniz. Yetkililerin sahip olduğu yetkilerin diğer anlamları da anlaşılmaktadır.

Kısayol CSS Gösterimi

Arka plandaki güçleri açık bir şekilde tanımladım ki açıklanması kolay olsun. Kısa gösterim eşdeğer olacaktır:

gövde (arka plan: url(background-photo.jpg) Orta orta kapak tekrarlanmaması düzeltildi; )

Tek yapmanız gereken URL değerini arka plan resminizi işaret edecek şekilde değiştirmek.

Dodatkovo: küçük ekranlar için medya girişi

Küçük ekranlar için ben bir vikoristim Photoshop programı Boyutu orantılı olarak 768x505 piksel olarak değiştirmek için Smush.it hizmetini de kullanarak boyutu biraz daha değiştirdim. Artık dosya boyutu 1741KB'den 114KB'ye değişti. Tobto. Resmin boyutu %93 oranında değişti.

Lütfen beni yanlış anlamayın, tamamen estetik bir tasarım öğesi için 114 KB hala yeterli. 114KB'de Vrahovuyuchi ek navantazhenya, sadece muhabir ile site (UX) arasındaki etkileşimi anlamlı bir şekilde renklendirme yeteneğini artırmak için böyle bir dosyayı vikoristovat etmeye başladım, çünkü V şimdiki anİnternet trafiğinin önemli bir kısmı mobil cihazlara gönderilmektedir arka plan resmi: url (resimler/arka plan-fotoğraf-mobil-cihazlar.jpg);

Medya girişi maksimum genişlik: 767 piksel olarak ayarlanmıştır; bu, 767 pikselden daha büyük bir tarayıcı görüntüleme olasılığınız varsa, büyük bir arka plan resminin gerekli olacağı anlamına gelir.

Medya tüketiminin faydalarından biri, tarayıcı pencerenizin genişliğini örneğin 1200 pikselden 640 piksele (veya aynısına) değiştirirseniz, küçük veya büyük bir arka plan görüntüsünde hemen bir cazibe anı yaratacak olmanızdır.

Ek olarak, küçük ekranlı cihazlar sayesinde daha fazla sayıda piksel görüntülenebilir - örneğin, retina ekranlı bir iPhone 5, 1136x640 piksellik ayrı bir görüntü görüntüleyecektir - küçük bir arka plan görüntüsü Mükemmelleştirilmiş olarak görüntülenecektir.

Tedarik torbaları

Daha fazla bakabilirsin şimdiki versiyonu çıkış kodu GitHub'daki bu ilk makaleden. Size bir şey söyleyebilirim: nazik olun, bu teknolojiyi dikkatli kullanın, çünkü büyük dosyalar UX'e ciddi şekilde zarar verebilir, özellikle de Vikory'nin son kullanıcısı güvenilmez İnternet bağlantılarına daha yatkın olduğundan. Arka planla eşleşen bir renk seçmenizin bir diğer nedeni, arka plan resmi görüntülenirken kullanıcının içeriği okuyabilmesidir.

Satış analitiği

PBX'inizle entegrasyon

Siteyle entegrasyon

Özel widget'ların bağlanması, kişilerinizi manuel olarak sisteme aktarma ihtiyacını ortadan kaldırır! Web sitenizde özel formlar oluşturun. Müşteri iletişim veya talebi doldurduktan sonra otomatik olarak amoCRM sistemine aktarılacaktır.

iPhone veya Android için eklenti

iPhone ve Android için amoCRM eklentileri, bir sayfaya girerek istemcilerin listesini, potansiyel hedefleri ve listeyi görüntüleme yeteneğine sahiptir.

Manuel çalışma masası

amoCRM'in kendisi en önemli grafiklerin tümünü otomatik olarak görüntüler ve eğer bazı veriler temel pakette mevcut değilse, artık sınırsız sayıda widget panelinizi ekleyebilirsiniz.

Uzantılar ve widget'lar

amoCRM ile rahat ve konforlu bir şekilde iş bulun! Yalnızca iki tıklamayla kendi e-posta yayınlarınızı oluşturun. amoCRM'yi telefonunuzla entegre edin ve temsilcileriniz için zaman kazanın. Dosyalarınızı manuel olarak kaydedin kasvetli delilik Dropbox.

Müşterilerin, şirketlerin vb. veritabanı.

Her müşteri, aktif görüşmeler, devam eden sözleşmeler ve yaklaşan satışlarla ilgili tüm bilgiler burada toplanır. Üstelik programın “akıllı” bir araması, etiketleri ve filtresi var. Her sitenin, tüm notların, teklif dosyalarının kaydedildiği bir sayfası vardır ve burada yeni görevler belirleyebilirsiniz. Müşterilerle etkileşimin tüm geçmişi tek bir yerde gerçekleşir.

amoCRM, her faaliyetin planlandığından emin olmanıza yardımcı olur ve bir şeyin tamamlanıp tamamlanmadığını veya hiçbir şeyin planlanmadığını tahmin eder. Bunun için gelin, notu kaldırın ve not ekleyin. Wikonan'ın görevi mi? Sadece emniyete al. Arayüzdeki özel bir sekmede bulunabilirler. Sergius'u aramayı hatırladın mı? Aradın mı? Tam burada onun bir Wyconian hazinesi olduğunu duyabiliyoruz.

Postanızla tam entegrasyon

Yalnızca istediğiniz sayıda posta kutusunu bağlamanız gerekir; listeniz otomatik olarak amoCRM'de görünecektir. Yeni bir müşteri sayfasında otomatik olarak yeni öğeler oluştururuz. İhtiyaç duyulan sorguların işlenme hızını sağlayacağız.

Satış analitiği

AmoCRM'de diyagramlar durumlara, yöneticilere veya sizin için önemli olan herhangi bir şekilde alt bölümlere aktarılır. Ayrıca sistem, önceden toplanan istatistiklere ve üretim akışına dayalı olarak satış tahminleri oluşturacaktır.

PBX'inizle entegrasyon

AmoCRM, çağrıların devamı ve iletilmesinde vazgeçilmez yardımcınız olacak. Bu yardımla tüm müşterilerinizin adlarını hatırlayabilirsiniz. Program ayrıca gelen ve giden aramalarınızın tüm istatistiklerini de kaydeder. PBX ile bağlantı kurulduktan sonra telefondaki amoCRM arayüzünde özel bir simge görünecektir. Tek tıklamayla numara otomatik olarak çevrilir telefon cihazı müdür Listelerden, kişi kartından veya başka herhangi bir yerden arayabilirsiniz.

Bağlantı popüler hizmet 1C'ye kadar Zadarma - şimdi pitannya kіlkoh hvilin. Tek yapmanız gereken 1C ve Zadarma'yı entegre etmek için hazır bir uzantı bağlamak. İster temizlik uzmanı ister temizlik uzmanı Masha Teyze olsun kurulum sorunsuz bir şekilde kurulabiliyor.

Başlangıçta ATS Zadarma ve 1C konfigürasyonu tarafından aktif olarak desteklenen küçük işletmelere odaklandık: Küçük bir şirketi yönetmek 1.6.

Daha önce nasıldı

Zadarma ile entegrasyon için 1C'nin ortasına kurulu SIP telefonu adı verilen özel bir çeviriciyi kullanmanız gerekecektir. Bu seçenek birkaç nedenden dolayı uygundur:

• yakscho 1C kurulumları yerel bilgisayar ve burada terminal sunucusunda değil
• Bir müşteri masa telefonu yerine 1C çeviriciyi nasıl kullanabilir?

Bu arada, eğer tüm “şeyler” bir araya gelirse entegrasyon mümkün olur.

Artık bu hale geldi

Artık 1C ve Zadarma'nın entegrasyonu için aramalarda hangi uç cihazın kullanıldığı hiç önemli değil. Ne yapabilirsin:

• masa telefonu
• yazılım telefonu, işletim sistemine kurulum
• tarayıcıyla çalışan web arka planı

Zadarma'nın 1C uzantısı, çeviriciyle değil API ile etkileşime girer. Koristuvach'ın kendisini nasıl çağırdığı onun için önemli değil.

Kurulumu kolay

Kurulum tek adımdan oluşmaktadır. Size sadece 2 ekran görüntüsü göstereceğiz.

Koçan tarafına yerleştirildi

Zadarma telefon paneli otomatik olarak ön sayfada görünür. Bunu yapmanız gerekmiyorsa, "Görünüm" menüsündeki "Ön sayfayı ayarla" kutusunun işaretini kaldırmanız yeterlidir.

Kurulum kolaylığı

API anahtarlarını şuradan alın: özel ofis Zadarma

ve bunları 1C'ye yerleştirin

Simplit.io'ya öncelikle kullanıcı adınızı/şifrenizi giriyorum.

İşte bu, artık 1C'niz Zadarma'ya bağlı.

1C'de tıklama başına çalma sayısı

Burada telefon simgesini gördüğünüz yerde üzerine tıklayıp numarayı tekrar çevirebilirsiniz.

Zengin belge ve danışman listeleri için "iletişim bilgileri" ayrıntıları mevcuttur - artık aramak için müşteri kartına koşmanıza gerek yoktur. Örneğin doğrudan istekler, giderler, giderler listesinden arayabilirsiniz.

Giriş görüşmesinde müşteri kartı

İşlev aslında 1C ve ATS'nin entegrasyonuyla standart ve zorunlu hale geldi. Uzun süre talep edilmediğinden emin olmak istiyorsanız Telefon Paneli ayarlarından seçebilirsiniz.

Bir aramayı bir belgeyle kaydetme

Benzer şekilde ihtiyacı ortadan kaldırabilirsiniz otomatik kapı"Podia-Telefon görüşmesi" belgesi. Ek belgeler için lütfen zil çalana kadar yorumları kaldırın.

Ve en önemlisi, bu belgeye dayanarak daha sonra Anlaşmaya, Rakhunok'a girebilirsiniz ve bu şekilde çağrı ile satış arasındaki ilişkiler açıkça görülebilecektir.

Bir telefon görüşmesi bir tahminle ilişkilendirilebilir ve eğer güvenlik görevlisi müşteriyi daha sonra geri arayacağına söz verirse bu daha da kolaylaşır.

PBX aramalarının geçmişi

Dzvinki'nin tarihi elbette çok önemlidir. 1C ve Zadarma'nın entegrasyonuna yönelik uzantılar, geçmişi olan bir dizi çalışma seçeneği sunar.

Örneğin bir yabancı, kendi tarzında tarihe hayret etmek ister. Bizimki kalan aramaların listesine benzer eski telefon. Bu hikayeyi ön sayfadaki "Geçmiş" sekmesi açılarak tekrar görüntüleyebilirsiniz.

Genellikle belirli bir müşterinin geçmişi hakkında daha fazla bilgi edinmek isterim., irtibat kişisi veya Fiziksel kişi. Bir müşteriyle ilgilenirken, karşı tarafın numaralarını ve diğer tüm irtibat kişilerinin numaralarını aramamız gerekir.

Müşteriye göre seçilen aramaların geçmişi kartınızdan görüntülenebilir. Geçmiş, müşteriden ve tüm irtibat kişilerinden gelen aramaları içerir. Numaranın karşı tarafa ait olması durumunda “İletişim” alanı doldurulmayacaktır.

Not.

Dreamweaver CC ve sonraki sürümlerdeki kullanıcı arayüzü daha basit hale geldi. Sonuç olarak bu makalede açıklanan özelliklerden bazıları Dreamweaver CC ve sonraki sürümlerde mevcut olmayabilir. Ek Bilgiler div. Bu istatistik.

Web eklentileri hakkında

Web eklentisi, çoğunlukla veya tamamen biçimlendirilmemiş sayfalar içeren bir web sitesidir. Geri kalan kısım yalnızca site web sunucusundan bir sayfa talep ettikten sonra oluşturulur. Tarafın kalan kısmının ekstraktörün hareketine göre oluşturulan beslemede saklanması nedeniyle böyle bir tarafa dinamik denir.

Wiki web eklentilerinin yelpazesi çok geniştir. Bu bölümde basit bir web uygulamasının yanı sıra web tabanlı uygulamanın gizli gücünü de görebilirsiniz.

Tipik web zastosuvannya

Web duraklarının yükselişi, hem web sitesi sağlayıcılarına hem de distribütörlerine büyük değer katıyor.

Web programları, tarayıcıların bilgi açısından zengin web sitelerinde ihtiyaç duydukları bilgiyi kolayca bulmasını sağlar.

Bu tür web eklentisi, birlikte aramalar oluşturmanıza, bunları düzenlemenize ve yeni bir manuel yöntemle dolaşmanıza olanak tanır. Bu tür programlara örnek olarak şirketlerin iç ağları verilebilir - Microsoft MSDN (www.msdn.microsoft.com) ve Amazon.com (www.amazon.com).

Web eklentileri, bir web sitesinden toplanan verileri toplamanıza, kaydetmenize ve analiz etmenize olanak tanır.

Uzun bir süre, CGI programlarını veya özel olarak belirlenmiş uzmanları elektronik posta biçiminde işlemek için HTML formlarına girilen herhangi bir veriyle yaygın olarak kullanılan bir yöntem kullanıldı. Web eklentisi, verileri doğrudan bir veritabanından kaydetmenize, ayrıca verileri çıkarmanıza ve analiz için çıkarılan verilere dayanarak verileri formüle etmenize olanak tanır. Örnek olarak bankaların interaktif sayfalarına, envanter kontrol sayfalarına, sosyolojik araştırma ve araştırmalara gidebilir, formlar oluşturabilirsiniz. zilin çağrısı koristuvach'larla.

Bunun yerine, periyodik olarak değişen web sitelerini güncellemek için web eklentileri kullanılabilir.

Web eklentisi, web tasarımcısını rutin işlerden kurtarır istikrarlı yenileme Sitenin HTML sayfaları. Haber editörleri gibi posterler, yeni materyallerin mevcudiyetinden ve web eklerinin izlenmesinden sorumludur. otomatik güncellemelerİnternet sitesi. Örneğin The Economist dergisinin (www.economist.com) web versiyonunu ve CNN haber servisini (www.cnn.com) ziyaret edebilirsiniz.

Popo web programı

Svetlana bir web tasarımcısı olarak çalışıyor ve zaten uzun zaman önce vikorist Dreamweaver robotunda. Bu yükümlülükler arasında, yaklaşık 1.000 çalışanı bulunan orta ölçekli bir şirketin şirket içi kurumsal web sitesinin ve internet sitesinin güvenliği de yer almaktadır. Görünüşe göre personel departmanında askeri uzman olan Sergei sorunuyla ona yaklaştı. Personel Daire Başkanlığı sağlık çalışanlarının iyileştirilmesine yönelik programa katılmaktadır. Bu program kapsamında sporcular her kilometre, yürüme mesafesi, koşu ve bisiklet sürüşü için özel puan kazanacak. Ayın sonunda cilt bakım sistemi sizi belirlenen kilometreden Sergius'a e-posta göndermeye zorlayacak. Bundan sonra Sergius türetmelere dayanarak E-posta Bildirimleri işçileri biriktirdikleri puanlara göre küçük kuruşluk ödüllerle ödüllendiriyor.

Sorun, sağlıklı yaşam programının daha da popüler hale gelmesidir. sen narazi Bu programa katılanların sayısı o kadar arttı ki neredeyse bir ay boyunca Sergiy daha önce gelen her şeyi işlemeye vakit ayıramıyor. e-posta. Dolayısıyla Svetlana'ya yemekle döndükten sonra bu sorunu ek web teknolojisi kullanarak çözmek mümkün.

Toplantıda Svetlana, geleceğe uygun bir web eklentisi oluşturmayı önerdi.

Oyuncular spor başarılarıyla ilgili verileri basit bir HTML formuna girebilirler.

Çıkarılan veriler veritabanına kaydedilir.

Puanların hesaplanması düzeltilmiş verilere göre hesaplanır.

Cilt kreminiz sonuçları görüntüleyebilir.

Cilt ayının sonunda Sergiy tüm cilt altı sonuçlarını tersine çevirebilir.

Kısa sürede Svetlana, Dreamweaver'dan her şeye kadar gerekli programı oluşturdu ve başlattı. gerekli araçlar shvidkogo için basit kapı bu tür bir eklenti.

Herhangi bir web eklentisi bir dizi statik ve dinamik web sayfasıdır. Statik web sayfası- bu, her zaman değişmeyen bir görünümle kristuvach'ın önünde görünen taraftır. Web sunucusu sayfayı herhangi bir değişiklik yapmadan web tarayıcısına aktarır. Aksine, sunucunun daha önce değişiklik yapması gerekir. dinamik web sayfası tarayıcıya göndermeden önce. Taraf değiştiği için buna dinamik denir.

Örneğin sağlıklı yaşam programınızın sonuçlarını görüntüleyen bir sayfa oluşturabilirsiniz. Bu durumda, sayfa tarayıcı tarafından yüklendiğinde bilgiler (örneğin, tarayıcının adı ve sonuçları) görüntülenecektir.

Raporun mevcut bölümü web eklentilerinin güç kaynağına bakıyor.

Statik web sayfalarının işlenmesi

Statik bir web sitesi, web sunucusunun kurulu olduğu bilgisayarda bulunan bir dizi ayrı HTML sayfası ve dosya içerir.

Web sunucusu - tse güvenlik yazılımı, web sayfalarını web tarayıcılarından gelen isteklere yanıt vermeye zorlayan. Bir web sayfasını tıkladığınızda, tarayıcınızda bir yer işareti seçtiğinizde veya tarayıcının adres çubuğuna bir URL girdiğinizde sayfa isteğinin görünmesini sağlayın.

Statik web sayfasının geri kalanı distribütör tarafından belirlenir ve sayfa açıldığında kalıcı hale gelir. popo:

Trio Motors Hakkında

Sayfanın sunucuya gönderildiği ana kadar tüm HTML kodları geliştirici tarafından oluşturulur. Sayfa sunucuya yerleştirildikten sonra HTML kodu değişmeden kalır, bu sayfaya statik denir.

Not.

Eğer sert yaklaşırsanız “statik” tarafı pek de öyle olmayabilir. Örneğin, Flash'ın yerine geçen bir görüntü (bir SWF dosyasında), statik bir sayfayı "canlandırmanıza" olanak tanır. Ancak bu bağlamda sayfa statik olduğundan tarayıcı onu değişiklik yapmadan kullanabilir.

Web sunucusu statik bir sayfa isterse, isteği analiz ettikten sonra sunucu bunu öğrenecektir. gerekli taraf Aşağıda gösterildiği gibi tarayıcıyı zorlar.

Web duraklamaları durumunda, sayfa giriş olarak girilene kadar sayfanın kodunun günlük olarak güncellenmesi gerekir. Günlük kod benzer bir mekanizma kullanılarak oluşturulur ve bundan sonra sayfa tarayıcıya gönderilebilir. Kodu oluşturmaya yönelik bu mekanizma bir sonraki bölümde görülebilir.

Web sunucusu statik bir web sayfası görüntülemeye karar verirse sayfayı doğrudan tarayıcıya zorlar. Prote, dinamik sayfa yüklenirse web sunucusunun eylemleri daha az net olur. Sunucu tarafı gönderir özel programlarşekillendiği gibi kalan taraf. Böyle bir programa program sunucusu denir.

Sunucu programı sayfada bulunan okuma kodunu seçer, okunan koda göre kalan sayfayı oluşturur ve ardından o sayfayı siler. Tüm bu işlemler sonucunda web sunucusuna iletilen ve onu istemci tarayıcısına gönderen statik bir sayfa üretilir. Tarayıcı tarafından görüntülenen tüm sayfalar yalnızca HTML kodunu gerektirir. Sürecin şematik gösterimi:

Birlikte bir veritabanına kaydetmek, web sitenizin tasarımını kullanıcılar için yararlı olacak şekilde geliştirmenize olanak tanır. Tüm sayfaları bitişik HTML dosyaları biçiminde oluşturmak yerine, gönderilen her bilgi türü için yalnızca sayfa şablonları yazılır. Daha sonra veri tabanına dahil edileceksiniz ve ardından muhabirler tarafından istendiğinde web sitesi kullanılacaktır. Ayrıca, tek bir sitedeki bilgileri güncelleyebilir ve her sayfayı manuel olarak düzenlemenize gerek kalmadan bu değişikliği web sitesinin tamamına kopyalayabilirsiniz. Adobe Dreamweaver, bir veritabanına bilgi eklemek, güncellemek ve güncellemek için web formları oluşturmanıza olanak tanır.

Veritabanından veri almak için tasarlanmış program talimatına ne ad verilir? temel verilere kadar yıkandı. Sorgu, SQL (Yapılandırılmış Sorgu Dili) adı verilen ek bir dil veritabanında ifade edilen arama kriterlerinden oluşur. SQL sorgusunun metni, sunucu ve etiketler için sayfaların komut dosyalarında bulunacaktır.

Program sunucusu veri tabanından hemen veri alamaz, veri tabanının parçaları belirli formatlar oluşturmak ve verileri kaydetmek için kullanılır, böylece bu tür verileri almaya çalışırken belgeyi kaydetmeyi denemek gerekir. Microsoft Word daha fazla yardım için Metin düzeltici Not Defteri veya BBEdit. Bu nedenle, veritabanına bağlanmak için eklenti sunucusu bir aracı olan veritabanı sürücüsünü kullanır. Veritabanı sürücüsü yazılım modülü eklenti sunucusu ile veritabanı arasında etkileşim kurulmasına yardımcı olur.

Sürücü kurulduktan sonra kayıt tabana derlenir ve bunun sonucunda bir dizi kayıt oluşturulur. Arama kayıtları bir veya daha fazla veritabanı tablosundan toplanan bir veri kümesidir. Kayıt kümesi, sayfayı oluşturmak için verileri toplayan eklenti sunucusuna gönderilir.

Aşağıda SQL dilinde veritabanına basit bir uygulama verilmiştir.

Çalışanlardan soyadını, adını ve uyum noktalarını SEÇİN

Bir sonraki adım, verilerin veritabanına indirilmesi ve verilerin tarayıcıya döndürülmesi sürecini gösterir.

Bir web sitesini kullanmak için, sunucuya belirli bir veritabanı sürücüsünün kurulması amacıyla bir veritabanına sahip olmanız gerekir.

Düşük bütçeli programların oluşturulması için, ek yardım amacıyla oluşturulmuş bir dosya veritabanı, örneğin bir veritabanı oluşturabilirsiniz. Microsoft Erişimi. Güvenilir kurumsal programlar oluşturmayı planlıyorsanız, örneğin Microsoft SQL Server, Oracle 9i veya MySQL sunucularına dayalı bir sunucu veritabanı kullanmanız önerilir.

Veritabanı ve web sunucusu şu adreste bulunur: diğer bilgisayarlarda, daha sonra sistemler arasında sorunsuz bağlantılar sağlayın, bunun sonucunda tüm web tabanlı programların verimliliği ve akıcılığı buna bağlı olacaktır.

Dinamik sayfaların geliştirilmesi

Dinamik sayfalar geliştirme süreci, temel HTML kodunun yazılmasından ve ardından sayfanın dinamik olmasına yardımcı olan sunucu tarafı komut dosyalarının veya HTML sayfa etiketlerinin oluşturulmasından oluşur. Bitiş koduna bakarsanız, komut dosyalarının sayfanın HTML koduna gömülü olduğunu görebilirsiniz. Görünüşe göre bu tür komut dosyalarına HTML'den türetilmiş diller adı veriliyor. Bu uygulama ColdFusion İşaretleme Dili'ni (CFML) kullanır.

Not. Dreamweaver CC ve sonraki sürümler her gün CFML desteğine sahiptir.

Trio Motors Hakkında

Trio Motors lider bir otomobil üreticisidir.