30 Awọn oju-iwe wẹẹbu Rirọrun Iyalẹnu

ayelujara
Diẹ ninu awọn oju-iwe olokiki julọ ti wa ni ikojọpọ pupọ pẹlu alaye, ṣugbọn Mo fẹran idakeji: awọn ti o rọrun.

O han ni olutaja nla ti ẹgbẹ yii ni Google pẹlu oju-iwe ile ti o kere julọ lati igba ti o bẹrẹ irin-ajo rẹ, Ṣugbọn ni kedere kii ṣe ọkan nikan lori Intanẹẹti ti o jẹri si fifi awọn ohun rọrun.

Awọn apẹẹrẹ oju-iwe wẹẹbu HTML ti o rọrun

Kean richmond

Kean RichMond

Kean Richmond jẹ ki a rii ayedero ti ṣiṣere pẹlu awọn eroja diẹ, ṣugbọn a gbe daradara si fun ni irọrun nla si minimalism. Aami rẹ ni apa osi oke, Twitter ati awọn aami ifọwọkan ni apa ọtun ati ni aarin, pẹlu iwe kikọ ti o kọlu, si ohun ti o jẹ igbẹhin.

Ọna asopọ si ayelujara: Keanrich mond

Alice drougard

Alice drougard

Alice drougard jẹ ki o rọrun tun pẹlu aami rẹ ti o wa ni aarin, awọn taabu mẹrin lati gbe laarin awọn oju-iwe akọkọ ti oju opo wẹẹbu rẹ ati lẹsẹsẹ ti awọn fọto ti a gbe ni deede ki ni oju kan a mọ ohun ti o ṣe ati ohun ti o ṣe.

Ọna asopọ si ayelujara: Alice drougard

Jonathan ogden

Jonathan ogden

Ogden tẹsiwaju lati mu ṣiṣẹ pẹlu bi o rọrun orukọ rẹ ṣe jẹ aami aami, awọn nẹtiwọọki awujọ ti o wa ni isalẹ laisi fifamọra akiyesi ati awọn iṣẹ apẹrẹ wọn ki a le yara yara kọja nipasẹ wọn. Ni oju-iwe kan o fihan ohun gbogbo ti o ṣe pataki.

Ọna asopọ si ayelujara: Jonathan ogden

Finch

Finch

Finch ti n lọ tẹlẹ si awọn aaye miiran lati ṣere pẹlu kikọ ati awọn wọnyẹn awọn awọ ti o tọka didara ati ọgbọn ti ohun ti o ṣe. Pẹlu awọn eroja diẹ, o fi gbogbo ọjọgbọn silẹ ni wiwo. O tun jẹ ki o ye awọn oju-iwe wo ni o ni asopọ si ọ.

Ọna asopọ si ayelujara: Finch

Aṣa ti o yatọ

Aṣa ti o yatọ

Oju opo wẹẹbu yii mu otooto. Lo ogiri ogiri pẹlu akọsori lati eyiti a le lọ si awọn oju-iwe akọkọ, foonu rẹ ati awọn ọna asopọ si awọn nẹtiwọọki awujọ rẹ.

Ọna asopọ si ayelujara: Aṣa ti o yatọ

brisk

brisk

Kai ṣe apejuwe wa pẹlu nọmba tirẹ pẹlu onigun mẹta abọ ati paleti awọ ti o baamu lati fun isunmọ. O tun nfun apakan ti igbesi aye rẹ pẹlu font ni iwọn ti o kere julọ bi o ba jẹ pe a fẹ lati mọ diẹ sii nipa rẹ.

Ọna asopọ si ayelujara: brisk

Inaro Ọgba Design

Inaro Ọgba Design

Bii ti iṣaaju, Apẹrẹ Ọgba Vertical lọ si ọna fọto ti o fihan ni iyara ọkan ninu awọn iṣẹ ti o dara julọ ni papa ọkọ ofurufu Oslo. Ni apa oke a ni akọsori pẹlu «igi bar» tabi bọtini lilọ kiri ati paapaa seese lati yi ede pada. Aami naa fi sii ni ọna kika lati fun ifọwọkan ikẹhin si oju-iwe ti o rọrun pupọ.

Ọna asopọ si ayelujara: Inaro Ọgba Design

247 Grad

247 Grad

247 Grad mu ṣiṣẹ pẹlu monochrome ati aworan abẹlẹ fere ni dudu. Fonti akọsori, ti o kere ju ọrọ ati akọsori lọ, ti wa ni olu lati ṣẹda iyatọ nla ninu apẹrẹ gbogbogbo.

Ọna asopọ si ayelujara: 247 Grad

Gbadun eyi

Gbadun eyi

una typography nla le jẹ ami ti jijẹ ojulowo ati pe awa mọ ohun ti a nṣe. O ko ni lati fun ohunkohun diẹ sii ti ifiranṣẹ naa ba tọ. Wọn jẹ ki o han gbangba pupọ: wọn nifẹ lati ṣẹda awọn lw ati awọn oju opo wẹẹbu ẹlẹwa. Wọn fi meeli silẹ fun awọn iṣẹ akanṣe ati iwadi wọn ni ọna asopọ miiran.

Ọna asopọ si ayelujara: Gbadun eyi

Allison hou

Allison hou

Allison gba wa ṣaaju awọn iṣẹ miiran ati pẹlu awọn aworan diẹ sii ati pe diẹ sii oriṣi ọrọ "abo". Kanna n lọ fun aworan akọkọ rẹ ati akọle yẹn. O ni igbadun ti fifihan kaadi kan ti o nfihan awọn ẹtan tio wa.

Ọna asopọ si ayelujara: Allison hou

pixelot

pixelot

Pixelot jẹ aṣiwere diẹ, ṣugbọn o tun tọka ẹda ti onkọwe. Lo itọka asin lati ṣẹda iboju-boju kan ti o blurs nibikibi ti a ni o perched.

Ọna asopọ si ayelujara: pixelot

Lionel scholtes

Lionel scholtes

Ti o ba fẹ ṣe atunṣe rẹ lori ayelujara pẹlu ohunkohun diẹ sii ju iyẹn lọ, Lionel fihan ọ awọn igbesẹ. Fonti ti o baamu, fọto rẹ ni apa osi oke, awọn ọna asopọ si awọn nẹtiwọọki awujọ rẹ ati iriri rẹ. Ẹya ọṣọ nikan ni awọn ila ila pete meji ti awọn awọ oriṣiriṣi.

Ọna asopọ si ayelujara: Lionel scholtes

Yangan Seagulls

Yangan Seagulls

A pada si didara ti minimalism ati awọn alafo nla wọnyẹn. Ni apa kan akọsori jinna si awọn iyoku iyoku, ati ni apa keji awọn eroja wọnyẹn ni ọna ti wọn ṣe ṣẹda isọdọkan wiwo nla laarin wọn.

Ọna asopọ si ayelujara: Yangan Seagulls

Lebensraum

Lebensraum

Bi o ṣe le rii ninu gbogbo awọn apẹẹrẹ, o ṣe pataki awọn taabu akọsori lati lọ si awọn oju-iwe oriṣiriṣi lati aaye ayelujara. Iwe afọwọkọwe jẹ pataki nla, mu ṣiṣẹ pẹlu ọkan fun akọle ati omiiran fun ọrọ naa pẹlu sanif serif ti o ṣe iṣẹ nla kan.

Ọna asopọ si ayelujara: Lebensraum

PinkPoint

PinkPoint

Iyatọ ti awọn awọ ṣe amọna wa si oju opo wẹẹbu ti o nira diẹ sii ti gbogbo awọn wiwo. Kii ṣe gbogbo awọn eroja akọkọ wọnyẹn nsọnu lati mu ṣiṣẹ pẹlu awọn gradients fun aworan isale ni akoko yii ati awọn abala meji wọnyẹn ti o ni awọn awọ akọkọ ti gradient fun aworan akọkọ.

Ọna asopọ si ayelujara: PinkPoint

IWC

IWC

Aworan nla pẹlu fonti ti a yan daradara ati eroja “akoni” o le fun si oju opo wẹẹbu yii. Pẹlu ifaworanhan o fihan apakan ti iṣẹ lati jẹ ohun rọrun ninu ero rẹ.

Ọna asopọ si ayelujara: IWC

Gige gige

Gige gige

Aworan oni nọmba n tọ wa si gige gige pẹlu aworan yẹn ti o jẹ gbogbo oju wiwo ti rẹ. Awọ bulu ti o wa ninu akọsori yoo fun ni aaye rẹ lati ṣẹda awọn iye chromatic ni ibamu pẹlu gbogbo aworan ti a ṣe asọtẹlẹ nipasẹ oju opo wẹẹbu.

Ọna asopọ si ayelujara: Gige gige

7Pine

7Pine

7Pine nṣere pẹlu alawọ ewe lati jẹ akọni nla ti awo ile. Awọn iyokù ṣajọ rẹ aworan pẹlu ọpọlọpọ alawọ ewe ati akọle ti o rọrun iyẹn fẹ lati ṣe akiyesi nipasẹ aami.

Ọna asopọ si ayelujara: 7Pine

Apapo

Apapo

Apejọ naa mu wa ni awọn itọsọna miiran. Mu awọn pẹlu dudu ati funfun fabled, a gan ẹda àkàwé ati pe iyẹn pẹlu iyoku awọn eroja ati awọn apejuwe miiran meji lati ṣẹda aaye diẹ sii ju iwoye ti o nifẹ lọ. Apẹẹrẹ lati ṣẹda oju opo wẹẹbu kan ti o duro lati isinmi.

Ọna asopọ si ayelujara: Apapo

Apoti Hatbox

Apoti Hatbox

Bulu jẹ awọ ti o bori lori oju opo wẹẹbu rẹ eyiti ko si awọn aworan ti o padanu ti o tan imọlẹ ni kikun nipasẹ funfun ati ohun ti ere naa yoo dabi ni 3D ti akọle aaye naa ti o nlọ bi a ṣe nlọ.

Ọna asopọ si ayelujara: Apoti Hatbox

Kara lete

Kara lete

Kara lọ si ayedero ati minimalism pẹlu iseda aye rẹ ati ti ẹwa ninu aworan re. Iyokù jẹ ọrọ ti o wa pẹlu kini awọn eroja akọkọ fun akọle ati bọtini hamburger lati ṣii rẹ.

Ọna asopọ si ayelujara: Kara lete

Tita Studio Sitẹrio

Ọpọlọ

Es ti oju opo wẹẹbu ti o rọrun julọ ṣugbọn iyẹn fihan wa kini o jẹ lati ṣe bulọọgi kan. Pupa ati dudu jẹ awọn alakọja ni aaye “bulọọgi” pupọ kan.

Ọna asopọ si ayelujara: Tita Studio Sitẹrio

Bii o ṣe ṣẹda aaye ayelujara ti o rọrun ni HTML

HTML

A yoo lọ kọ ọ ṣẹda oju opo wẹẹbu ti o rọrun ni HTML ki o le mọ awọn eroja ipilẹ julọ ti o ṣajọ rẹ. Yoo jẹ dandan lati ni agbalejo wẹẹbu kan nibiti a le fifuye koodu ati diẹ ninu awọn tweaks ni CSS, ṣugbọn wa siwaju, iwọnyi ni awọn ilana lati bẹrẹ irin-ajo wa ni HTML.

Lehin ri diẹ ninu awọn apẹẹrẹ wẹẹbu ti o rọrun Pẹlu eyiti o le ṣe iwuri fun ararẹ to lati ṣe awọn aṣa tirẹ laisi fifọ ori rẹ pupọ. Nigbakan awọn ti o rọrun ṣẹda ipa ti o dara julọ ju didamu wa lọ ninu awọn nkan ti o nira. Iwọ yoo rii pe ni ọpọlọpọ awọn ọran awọn iṣẹ ti o rọrun gan daradara. Lọ fun o.

Ṣiṣẹda oju opo wẹẹbu ti o rọrun ni HTML rọrun ju ti o le dabi ni akọkọ. Oju opo wẹẹbu kan oriširiši akọsori, ara tabi akoonu ati ẹlẹsẹ tabi ẹlẹsẹ bi awọn eroja akọkọ. A le ṣe iyasọtọ wọn ni ọna yii:

  • Awọn iwe aṣẹ: gbogbo awọn iwe aṣẹ ti a yoo ṣẹda gbọdọ ṣee ṣe pẹlu kan . A ṣii pẹlu kan ati nigbagbogbo pa pẹlu kan
  • Ara tabi ara: apakan ti o han ti iwe-aṣẹ wa laarin Bẹẹni
  • Awọn akọle: wọn mọ wọn nipasẹ H1, H2, H3 ... A bẹrẹ pẹlu kan ati awọn ti a sunmọ pẹlu kan . Ọrọ ti o wa ninu yoo han bi akọsori kan ati da lori nọmba rẹ o yoo ṣe bẹ ni iwọn ti o kere tabi tobi.
  • Awọn apejuwe: a ti paarẹ paragirafi laarin a ati ki o tilekun pẹlu
  • Enlaces: apẹẹrẹ ti o han julọ ni Ọna asopọ si Ayelujara Creativos
  • Awọn aworan: a ṣalaye wọn nipasẹ aami . Apẹẹrẹ yoo jẹ . A nkepe aworan laarin awọn ami asọtẹlẹ ati lo alt fun ọrọ miiran, eyiti o ṣe pataki fun SEO.
  • Awọn akojọ: a setumo awọn akojọ pẹlu fun a idoti ati pẹlu fun afinju. Ti lo awọn ohun akojọ pẹlu . Ranti nigbagbogbo lati pa wọn pẹlu ọpa.

HTML

Pẹlu awọn eroja wọnyi a yoo ni ipilẹ fun ṣiṣẹda oju opo wẹẹbu ti o rọrun bi iwọ yoo ti rii ninu iye to dara ti wọn ti a yoo kọ ọ ni abala atẹle. Jẹ ki a sọ pe eto atunmọ pẹlu awọn eroja pataki rẹ dabi eleyi:

  • Akọsori pẹlu ọpa lilọ rẹ fun awọn oju-iwe oriṣiriṣi aaye naa.
  • Nkan tabi aaye ara ninu eyiti a le ṣẹda ifiweranṣẹ bulọọgi kan, fi ibẹrẹ wa tabi aworan kan.
  • Ẹgbe tabi ẹgbẹ lati fi afikun alaye sii.
  • Ẹsẹ tabi ẹsẹ, nibiti a yoo gbe awọn ọna asopọ si awọn oju-iwe ti o ṣe pataki julọ ti aaye naa bii awọn aami ti awọn nẹtiwọọki awujọ (nigbagbogbo bi apẹẹrẹ).

Ninu awọn apẹẹrẹ ti iwọ yoo rii ni isalẹ ni gbogbo da lori aami ti o rọrun ṣugbọn didara.

A ṣe iṣeduro pe maṣe fọ ori rẹ ki o lọ si rọrun. Ohun akọkọ ni pe awọn agbegbe wọnyi ni iyatọ si iyoku ni wiwo wiwo ti awọn aaya. Pẹlu akoko a yoo ni anfani lati ṣaju ara wa ati ṣiṣẹ awọn aaye miiran diẹ sii.

Eyi jẹ apẹẹrẹ ti ko o ti koodu HTML kan pẹlu awọn eroja pataki julọ:

<!DOCTYPE html>
<html lang='es'>
  <head>
    <meta charset='UTF-8'/>
    <title>HTML Semántico</title>
  </head>
  <body>

    <h1>Crear web es fácil!</h1>
    <ul>
      <li><a href='#'>Inicio</a></li>
      <li><a href='#'>Acerca de</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='#'>Iniciar sesión</a></li>
    </ul>

  </body>
</html>

Pẹlu awọn ila wọnyi ti koodu HTML a yoo ni akọkọ ṣẹda akọle oju-iwe ni akọsori pẹlu, ninu ọran yii «Semantic HTML», a yoo pa akọle mejeji pẹlu , akọsori pẹlu ati pe a yoo funni ni aye lati ṣii ara pẹlu .

A yoo ni a akọsori akọkọ ni H1 pẹlu lati pa a pẹlu , ati pe a yoo lọ si atokọ kan ti yoo ṣe iranlọwọ fun wa lati ṣẹda igi lilọ kiri fun awọn oju-iwe oriṣiriṣi aaye wa. A pa atokọ naa pẹlu , a sunmọ ati nikẹhin iwe html pẹlu .

Lati pari, ṣii iwe nigbagbogbo pẹlu lati pa a ni ipari gbogbo koodu pẹlu din ku. Lẹhin ṣiṣi iwe-ipamọ naa, itọkasi si ede ni a lo nigbagbogbo, eyiti ninu ọran yii jẹ ede Spani pẹlu “es” ati pẹlu a .

O ṣe pataki ki o wo ni pẹkipẹki koodu ati nigbakugba o ṣii iṣẹ kan pa a pẹlu ọpa bamu

Diẹ ninu CSS

A lọ sinu CSS diẹ, ṣugbọn ni gbigbe ki o ye ọ bi o ṣe le ṣe aṣa HTML. Jẹ ki a sọ pe CSS ati HTML lọ ni ọwọ ni ọwọ lati fun awọn oju opo wẹẹbu ti o rọrun wọnyẹn ti iwọ yoo rii ni isalẹ.

Ti ni apa kan a ni lilo atunmọ ti HTML fun kini akọle tabi akọle, ara tabi ara pẹlu nkan rẹ tabi aworan ati ẹsẹ, ni CSS a yoo lo iṣẹ «Div» lati ṣe idanimọ si ọkọọkan awọn aaye wọnyi lati le lo awọn ayipada to ṣe pataki ninu apẹrẹ nigbamii.

Nkankan ti o rọrun bi:

Awọn itumọ ede wẹẹbu

Lakoko ti a le lo awọn aza pẹlu Div, eto ti o baamu ati pipe yoo ṣe iranlọwọ ki awọn aṣawakiri wẹẹbu le “ka” ohun ti akoonu wa jẹ ni pipe, nitorinaa ti a ba tẹle ilana ipilẹ yẹn, a yoo ni iṣẹ nla ati ipilẹ akọkọ.

Un apẹẹrẹ koodu CSS ti o rọrun:

h1 {
awọ: funfun;
ọrọ-mö: aarin;
}

A pe H1 ati ọrọ naa ao fi sinu funfun pelu awo: funfun; ati pe a yoo ṣe deede rẹ si aarin pẹlu «titọ ọrọ». Nigbagbogbo sunmọ pẹlu awọn akọmọ lẹhin ṣiṣi si ipe H1.

Fọto akọsori ti Greg rakozy


Awọn akoonu ti nkan naa faramọ awọn ilana wa ti awọn ilana olootu. Lati jabo aṣiṣe kan tẹ nibi.

Awọn asọye 3, fi tirẹ silẹ

Fi ọrọ rẹ silẹ

Adirẹsi imeeli rẹ yoo ko le ṣe atejade.

*

*

  1. Lodidi fun data naa: Miguel Ángel Gatón
  2. Idi ti data naa: SPAM Iṣakoso, iṣakoso ọrọ asọye.
  3. Ofin: Iyọọda rẹ
  4. Ibaraẹnisọrọ data: Awọn data kii yoo ni ifọrọhan si awọn ẹgbẹ kẹta ayafi nipasẹ ọranyan ofin.
  5. Ibi ipamọ data: Alaye data ti o gbalejo nipasẹ Awọn nẹtiwọọki Occentus (EU)
  6. Awọn ẹtọ: Ni eyikeyi akoko o le ni opin, gba pada ki o paarẹ alaye rẹ.

  1.   Cristopher - oju opo wẹẹbu wi

    Mo tun ni ife gidigidi nipa apẹrẹ, oju-iwe ti o dara lati wo agbaye ti apẹrẹ.

    O dabo.

  2.   Jorge wi

    Kaabo awọn ọrẹ, bawo ni o ṣe n ṣe?

    Mo n ṣe oju-iwe wẹẹbu ti o rọrun pupọ ni html, ati pe Emi yoo fẹ lati ṣafikun apoti asọye si atẹjade kọọkan. Ṣe o le tọ mi bi mo ṣe le ṣe?

  3.   Emerson wi

    Awọn ti wa ti o nilo oju-iwe wẹẹbu ti o rọrun pupọ pẹlu awọn bọtini mẹta ati aworan kan, ati pe eyikeyi idiyele oṣere kan, nkan bii eyi yoo wulo pupọ.
    Sibẹsibẹ Emi ko gbagbọ pe pẹlu alaye yii Mo ni anfani lati kọ oju-iwe mi, ṣugbọn o kere ju o fun ọ ni awọn imọran ati kini lati wa

bool (otitọ)