Kanavaliitäntä ja asennus | Подключение и установка воздуховода для трубопровода

Aiemmin olen tehnyt HTML-, CSS- ja PHP-koodausta, mutta olen koskaan työskennellyt vain jo valmiiden asioiden parissa, enkä ole koskaan aloittanut verkkosivustoa tyhjästä. Ostin kuitenkin äskettäin verkkotunnuksen ja joitain isäntiä halvalla, ja toivon voivani parantaa HTML-, CSS- ja Javascript-taitojani, jotta minusta voisi tulla hieman markkinoitavampi web-kehittäjänä / web-ylläpitäjänä.

Yleensä mitä prosessia käytät verkkosivuston perustamiseen? Piirrätkö asettelun paperille ja teetkö sitten koodin? Vai aloitatko vain koodauksen ja nipistät lähtöä mieleisekseen?

  • Tehty yhteisöwiki, koska ei ole oikeaa vastausta

Prosessini näyttää yleensä hieman tältä:

1. Ominaisuudet. Piirrä lyijykynällä ja paperilla erilliset piirteet / sivut, jotka muodostavat sivuston. Tämä herättää laajoja aivohalvauskysymyksiä - rakennatko yksinkertaisen info- ja graafisen sivuston äidillesi? verkkokaupan ratkaisu pienyrityksille? blogi / galleria valokuvakaverille? Vastauksesi määrittelee paljon rakennepolun, jota sinun on noudatettava. Tähän vaiheeseen voi sisältyä myös huomattavaa keskustelua asiakkaan tai veneen ajajan kanssa (ellei se ole sinä).

2. Lankakehys. Kun kaikki tarvittavat ominaisuudet on määritelty, luo langallinen kehys. Joko paperilla tai ilotulitteiden kaltaisella työkalulla, jonka avulla voit rakentaa hyvin yksinkertaisia ​​navigointitoimintoja. Jos työskentelet sisällönhallintajärjestelmän, kuten wordpress, kanssa, miten staattista sisältöäsi käsitellään? Tämä voi myös olla hyvä aika alkaa ajatella tiedostorakennetta. Jos projektisi tarvitsee mukautetun tietokannan, on nyt myös aika aloittaa sen suunnittelun ja toteutuksen suunnittelu. Tämä on kriittinen vaihe, koska älykäs suunnittelu säästää paljon paluuta ja uudelleenkäsittelyä, jos virheitä tehdään tai projektin hiipiminen tapahtuu.

3. Teknologia. Kun suunnitteluvaihe on suhteellisen valmistunut, valitse tekniikkasi. Teetkö suoraa html-tiedostoa? php cms lamppuympäristössä? .net mvc myymälä? Nämä kysymykset voivat vaikuttaa siihen, mitä isäntäympäristöä tarvitaan, samoin kuin kustannuksiin, jotka johtavat asian hoitamiseen. Jos teet myymälää, turvallisuus on tässä ensisijainen huolenaihe (esimerkiksi SSL: t ja PCI-yhteensopivuus). Varmista, että sinulla on loistava testausympäristö (paikallinen isäntä tai muu).

4. Suunnittelu / asettelu. Kun ominaisuusluettelosi ja lankakehyksesi on määritetty melko hyvin, voit alkaa ajatella sivuston suunnittelua. Tieto siitä, mikä täyttää sivut, on tietysti ennakkoedellytys. Haluan työskennellä photoshopissa ja käyttää paljon kansioita analogisena merkintärakenteeseen. Menen niin pitkälle, että nimeän ne tarkoitetuilla merkintä- ja css-tunnisteilla. Vaikka on luultavasti viisasta tehdä vapaamuotoinen piirustus ennen kuin saat todella yksityiskohtaisen kuvan. Minulla on tapana käyttää "asettelu" -tiedostoja, joista vedän elementtejä, ja sijoittaa "prosessi" tiedostoihin - tiedostoihin, joita käytän tuotannon grafiikan tuottamiseen.

5. Markup / CSS. Kun melko puhdas muotoilu on laadittu (koska se varmasti joustaa hieman, kun siirryt tuotantotilaan), voit alkaa kirjoittaa merkintöjä. Pidän yleensä tavallisesta ulkoasusta, joka mahtuu kaiken sivuston sisällön. Joten - puhtaan ja joustavan pitäisi olla avainasemassa tässä. Asettelumerkintöjen on oltava melko täydelliset ennen CSS: n kirjoittamisen aloittamista, mutta mielestäni he tekevät paljon tiedottaakseen toisilleen. Teet myös paljon SEO-optimointia tässä vaiheessa (kuvien tai A-tunnisteiden, metatietojen, doctyyppien jne. Oikea nimeäminen ...) Ole perusteellinen.

5.1 Teeman hallinta. Jos työskentelet CMS: n kanssa ja suunnittelua käytetään mukautettuna teemana, etsi joitain oppaita siitä, miten se tehdään tarkalleen aiotulle sovelluksellesi. Tämä voi olla rehellistä, rehellisesti sanottuna;) Rakennan aina staattisen merkinnän asettelun melko täydellisellä CSS: llä ennen sen pilkkomista teemaosiksi.

6. Käyttäytyminen. Kun merkinnät ja css näyttävät melko täydellisiltä ja ehkä teema on paikallaan, voit alkaa kehittää käyttäytymismalleja (rolloverit jne.). Estämätön javascript on tärkeä, ellet käytä ominaisuuksia, jotka sitä ehdottomasti edellyttävät (ajax-raskas galleriaan tai dataan perustuvaan flash-sisältöön). Yleissääntö on - mitä joku vierailee sivustollasi, kun javascript on pois päältä? Joskus poistan staattiset elementit ja korvataan sitten interaktiivisilla versioilla ajon aikana.

7. Sisältö. Ellei muotoilu ole riippuvainen sisällöstä (kuvat ovat joskus esimerkiksi sisältöä) = Käytän yleensä paikkamerkkitekstiä / grafiikkaa, kunnes suunnittelu ja käyttäytyminen ovat melko vakiintuneet. Vältä työn tekemistä useammin kuin kerran. Jos täytät tuotetietoja, virheen tarkkaa tarkistamista ja testaamista vaaditaan.

Siinä vaiheessa näyttää aina olevan uudelleenkäsittely-, kiinnitys- ja kiillotusaika. Mutta lähinnä on aika saada se elämään. Mene sitten välipalalle.

Hmmm. Luulen, että se on enemmän kuin vain "miten aloittaa". Mutta ehkä se auttaa joka tapauksessa. Onnea!

  • Lopuksi kaunis vastaus
  • Hyvin sanottu ... +1

Suunnitellessani verkkosivustoa aloitan kysymällä miksi?

Työnkulun ensimmäinen osa kysyy MIKSI? Jos työskentelen asiakkaan kanssa, minun on varmistettava, että heillä on selkeä näkemys siitä, mitä he haluavat verkkosivuston toteuttavan.

1. Miksi kysymykset.

  • Kerro minulle vähän itsestäsi ja miksi teet tämän.

  • Keitä asiakkaat ovat? Mikä on heidän erityinen tarve / kipu? Voi antaa minulle - muutama erityinen esimerkki erityyppisistä asiakkaista, mitä he tarvitsevat, mitä verkkosivusto tekee heille.

  • Kerro minulle yrityksestä. Mitä teet tarkalleen?

  • Mikä tekee sinusta paremman kuin seuraava kaveri?

  • Jos etsit palvelua, jonka yrityksesi tarjoaa, mitä kirjoitat Googleen löytääksesi sen?

Jos rakennat sivuston itsellesi, tiedät jo paremmin, mitä nämä vastaukset ovat.

Jos päätät yllä olevien kysymysten vastausten perusteella, että nämä ihmiset ovat vakavia ja heillä on todella hyvä idea. Jatka sitten (muista, että et vielä saa maksua, mutta sinun on parasta leikata sukat, jos haluat heidän palkkaavan sinut.)

2. Tutkimus.

Vietä aikaa asiakkaan ja hänen liiketoimintojensa tutkimiseen. Selvitä heidän aiemmat menestyksensä ja mahdolliset kohtaamansa ongelmat. Oletko kolmas palkkaama kehittäjä? Mitä tapahtui kahdelle muulle kaverille?

Ota selvää, mitä asiakas tarvitsee. Kenelle aiot rakentaa tämän sivuston. Onko asiakas 60-vuotias eläkkeellä oleva veteraani vai 16-vuotias näppyläinen lapsi, joka pelaa Farmvillea Facebookissa koko päivän.

Selvitä kilpailijat. He eivät ehkä edes tiedä. Tee kilpailuanalyysi 5-10 kilpailijasta ja selvitä kenen perse meidän täytyy potkia serpiin. Tässä vaiheessa sinun on tiedettävä, mitä avainsanatavoitteet ovat. Kaikki myöhemmin ja jo epäonnistumiset.

2b Ehdotus

Puhalla heidät pois heidän tietämyksestään heidän liiketoiminnastaan ​​ja keksi verkkosivustosopimus / ehdotus ja ole valmis sopimukseesi, kun he ovat sopineet. Hanki allekirjoitettu sopimus ja 50% talletus ja siirry vaiheeseen 3.

3. Tehtävä - Onko sinulla yksi

Tässä on yhteinen teema: Kaikissa näissä tapauksissa tehtävänä ei ole itse tuote. Tehtävä on "vain" jotain, joka vaatii, että jos tuotteesta tulee todella hämmästyttävä, niin saat sen tapahtumaan. Jos haluat: nämä tehtävät ovat kaikki vastaus, miksi lisäsimme juuri uuden ominaisuuden ?, ei, minkä uuden ominaisuuden lisäämme? --Benjamin Pollack.

Aikajana on määritettävä, jotta kaikilla on odotuksensa näkökulmasta.

4. Työnkulku

Täällä suurin osa ihmisistä alkaa, joten selitän prosessini, mutta sinun on päätettävä, mikä työnkulku on paras tilanteellesi, tiimillesi, asiakkaallesi jne.

  1. Minulle Sisältö tulee ensin. Huolehdin siitä, että asiakkaalla on suurin osa siitä ennen koodin kirjoittamista. Emme puhu lopullisen vedosluonnoksen muokkaamisesta, vaan enemmän tai vähemmän sivuilla olevista tekstisanoista. Jos mukana on markkinointitiimi, tämä voi viedä jonkin aikaa.

  2. Sinulla pitäisi olla jo käsitys siitä, miltä sivusto näyttää. Sinulla pitäisi olla sisältö. Nyt sinun on työskenneltävä asettelun ja yleisten suunnitteluperiaatteiden mukaisesti, jotka saavuttavat vaiheessa 3 keksiäsi tavoitteen.

    Inhoan lankakehyksiä, mutta ymmärrän, että ne ovat välttämättömiä. Vain siksi, että tiedät, miltä sivusto näyttää, asiakkaasi ei välttämättä. Tämä on sinun ja asiakkaidesi suojaamiseksi. Kun jokainen on onnellinen, saa heidät kirjautumaan sisään johonkin, joka sanoo "Tämän me maksamme sinulle rakentaa".

  3. Käyttöliittymän kehittäminen ja käyttöliittymä - HTML, CSS ja SUUNNITTELU SELAIMESSA, Andy Clarken Hardboiled-tekniikka. Olen kyllästynyt tuhlaamaan niin paljon aikaa Photoshopissa, kun tiedän pystyvän osoittamaan realistisemman nopeamman mallin, joka antaa minulle myös aloitteen kehitykselle.

4b. Codebase

Voit vihdoin pitää hauskaa. Ota sinun ja asiakkaidesi edut käyttöön VERSION CONTROL ennen kuin aloitat. Koska teet versionhallinnan, sinun on mentävä eteenpäin ja määritettävä BUG-JÄLJITTELY samalla kun olet siinä.

4c. Kopioi muokkaus

Muistatko sisällämme? Nyt on, kun sitä on kopioitava. Imen tätä, joten yritän palkata jonkun toisen tai varmistaa, että monet ihmiset lukevat sen. Tarkista ja varmista, että ne avainsanat, joista puhuimme vaiheessa 2, on optimoitu hakukoneoptimoinnille. Jos sisältö on hienoa ja koskee tosiasiallisesti näitä avainsanoja, tämän pitäisi tulla luonnollisesti.

5. Beeta- ja käyttöliittymätestaus

Hanki todellisia eläviä hengittäviä ihmisiä istumaan sivustosi eteen ja aloittamaan sen käyttö. Haluan värvätä äitini, joka joskus soittaa ja haluaa tietää, miksi hänen tulostimensa ei tulosta (pistoke äiti, se on kytkettävä ensin). Tämäntyyppisten käyttäjien on pystyttävä navigoimaan sivustollasi, elleivät tietenkään käyttäneet yllä olevaa 16-vuotiaan näppyläisen lapsen esimerkkiä.

6. Ylläpito ja SEO-suunnitelma

Varmista, että kaikki tietävät kuka on vastuussa taistelusta palvelimen petot.

Kuukaudessa palaa takaisin tekemäämme kilpailuanalyysiin ja vertaa sivustoamme analysoituihimme. Käytä näitä tietoja SEO-suunnitelman luomiseen, EI EI, en puhu käärmeöljyn hakukoneoptimoinnista, vaan siitä, että varmistat, että edelleen luomasi relaventti sisältö, sivustot linkittävät luonnollisesti sinut (koska niin mahtava) ja otsikkotagisi täsmää tekstin kanssa. Hakukoneoptimointi on pitkä prosessi, ellei Stack Overflow -palvelussa ole 14,1 miljoonan käyttäjän armeijaa tuottamaan sinulle laadukasta sisältöä.

Laadukkaan sisällön ja tavutetun sivuston välillä on suuri ero, jota en linkitä. (Estää sitä, että ei-seurattava mehu tippuu edes niiden päälle).

7. Käynnistä

Kaikki toimii? Mahtavuuden rakentamisen tehtävä saavutettiin? Pidä laukaisusuunnitelma ja toteuta se.

Jos teit kaiken oikein vaiheissa 1–6, käynnistät tulee tuulta ei lakkoa saatat sinulla on ongelmia. Ole vain valmis heihin ja korjaa virheet.

Lähetä lasku, huuhtele ja toista.

  • 1 Hyvä vastaus. Ainoa kysymykseni voi olla työnkulun alueella: sinun voidaan pitää vain "hyvin harjoitettuna" - mikä on hienoa, jos ovat hyvin harjoiteltu ja niillä on piikikäs puhdas prosessi. Jos olet vasta aloittamassa, kuten OP näyttää osoittavan, on esimerkiksi viisasta käyttää lankakehyksiä ja perusteellisia mallinnuksia. Toisin sanoen - pelkällä merkinnällä suunnittelu olisi mielestäni melko hankalaa ja pakottavaa vielä aloittelijalle. Joka tapauksessa - arvostin keskittymistä maiseman arviointiin ja todella ylittäneen asiakkaan odotukset. Kippis!
  • 1 Hyviä kohtia ja olen samaa mieltä siitä, että tarvitaan lankakehyksiä. Virhe on, että joillekin asiakkaille on todella vaikeaa ymmärtää, että se edustaa vain hyvin perusrakennetta. Avain on pitää heidät alkeellisina, joten suunnittelua, värejä tai typografiaa ei esitetä, koska silloin ei ole aika puhua näistä asioista.
  • Mielestäni suunnittelu selaimessa on edelleen paras käytäntö joka tapauksessa. Andy Clark väittää tapauksen hyvin Walls Come Tumbling Down -esityksessään.
  • +1 asiakkaista ja lankakehyksistä ... Mielenkiintoinen esitys. Olen täysin samaa mieltä mukautuvista malleista ja siitä, etteivät ne ole "pikselin täydellisiä" - yksinkertaiset selaimet työntävät CSS: si ympärille, ja se on ok - avain on tarjota joustavuutta. Tästä sanotaan, ja ehkä sen vain vanha tapa, mutta pidän silti "ainakin" luonnostella suunnittelu pshopissa -

Haluan aloittaa <!DOCTYPE html>

Vakavasti kuitenkin ... ensisijaiset tavoitteet:

  1. Ota selvää, mitä asiakas haluaa. Piirrä karkea luonnos perusasettelulle, keksi värimalli jne.
  2. Tee perusavigointi- ja asettelumock (staattinen) ja tarkenna sitä yhdessä asiakkaan kanssa.
  3. Todellinen tuotanto. Ota CMS ja / tai staattinen sisältö paikoilleen. Neuvottele uudelleen asiakkaan kanssa varmistaaksesi, että se on mitä he etsivät ja he voivat hoitaa CMS: n / CMS pystyy vastaamaan heidän tarpeisiinsa.
  4. Tarkenna ja toista 3, kunnes asiakas on onnellinen.
  5. ????
  6. Voitto!

Ensinnäkin piirrän perusasettelun ja suunnittelen sen paperille ennen koodauksen aloittamista. Valmistuttuaan perussuunnittelun paperille, on helppo koodata se moduulilla. Offshourse php & css olisi paras tapa mukauttaa sitä.

Aloitan aina tekemällä mallin käyttämällä jonkinlaista photoshop-ohjelmistoa, jotta se voi sisällyttää kaikki ja kaikki kuvat sivustollesi.

Suurin osa vastauksista menee jo perusteellisesti, haluan vain lisätä, että sinun tulisi käyttää joitain kehyksiä tai malleja, jotta et tuhlaa aikaa perusasioiden kirjoittamiseen.

Siellä on monia PHP-kehyksiä (Kohana on henkilökohtainen suosikkini) tai monet ihmiset käyttävät Wordpressia tukikohtana. Voit myös käyttää CSS-kehystä, taas siellä on monia, yksi suosituimmista on 960-ruudukkojärjestelmä

Suunnitellessasi verkkosivustoa, miten aloitat yleensä?

Kuten sinäkin, löysin tarpeen markkinoida itseäni web-kehittäjänä / suunnittelijana muutama vuosi sitten. Löysin lähtökohtani ymmärtämään omassa mielessäni, mitä tietoja, kuvaa ja viestejä haluan tarjota verkkosivustollani vieraileville kävijöille? ja mitä halusin käyttäjän suorittavan / tekevän käydessään verkkosivustollani.

Kun sain ymmärryksen suunnitteluprosessista, tuli paljon selkeämpää. Se antoi minulle mahdollisuuden kirjoittaa kotisivuni ja sitä seuraavien sivujen elementit, jotka välittäisivät nuo kohteet.

Esimerkiksi halusin tehdä CV: stä helposti löydettävän ja ladattavan. Joten suunnitellessani sivustoani varmistin, että tiedot ansioluettelostani ja mistä ne löytyvät, jos ne ovat helposti saatavilla.

Tarinan moraalin on oltava merkityksellinen. Kaiken verkkosivustollasi pitäisi olla tarkoitusta, muuten vain tarpeetonta melua.

työskennellyt sinulle: Charles Robertson | Haluatko yhteyttä?

hyödyllistä tietoa