Cuprins:
- Provizii
- Pasul 1: Start
- Pasul 2: Configurarea fișierului HTML
- Pasul 3: Configurarea fișierului CSS
- Pasul 4: Ei bine, asta a fost
Video: Cum să faci un site web de bază folosind Notepad: 4 pași
2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41
S-a întrebat cineva
„cum fac un site web dintr-un program de scriere de bază?”
Ei bine, evident, nu în mod specific …
Oricum, aici vă voi arăta cum să creați un site BASIC folosind doar blocnotes.
Provizii
Pentru acest proiect veți avea nevoie de:
-un creier mare
-notepad
-poate fi o foaie de trucuri pentru comenzi HTML și CSS
-multă răbdare
Pasul 1: Start
Deschideți blocnotesul. De fapt, deschideți-l de două ori. Veți codifica 2 fișiere în același timp.
Acum, salvați ambele fișiere. Unul va fi [nume fișier].html, iar celălalt va fi [nume fișier].css
Pasul 2: Configurarea fișierului HTML
În fișierul HTML, scrieți pe prima linie săriți o linie
randul 2 -
linia 3 - [numele paginii]
linia 4 -
linia 5 -
sări peste o coadă
linia 6 -
linia 7 -
[ce vrei pe prima linie. acesta este un text obișnuit.]
linia 8 -
linia 9 -
Acum, editați unde am introdus mesajele
EXPLICAȚIE - - -
precizează începutul codului.
precizează începutul antetului.
precizează ce va apărea pe numele filei
+ alt cod din link va lega foaia de stil CSS la html pentru stiluri.
încheie declarația.
încheie declarația antet
precizează începutul textului / codului corpului
este începutul paragrafului textului care va apărea când rulați codul html.
ai ghicit. încheie afirmațiile corpului
semnifică sfârșitul codului.
Pasul 3: Configurarea fișierului CSS
pe prima linie a fișierului CSS, puneți (@charset "utf-8";)
linia 2 - corp
linia 3 {fundal: [ceea ce vrei ca culoare de fundal]
linia 4 -}
linia 5 - h1 {
linia 6 - font-family: bold
linia 7 -}
Puteți adăuga mai multe variabile și puteți modifica notele între
Pasul 4: Ei bine, asta a fost
Dacă doriți, puteți utiliza un ghid mai bun, cum ar fi „Elementele de bază pentru proiectarea web” de vishalapr
www.instructables.com/Web-Designing-Basics…
De asemenea, aveți grijă că blocnotesul nu vă arată unde codul dvs. nu merge bine.
De aceea este recomandat programul de codare a site-urilor web.
Recomandat:
Cum să faci un site web elegant și simplu cu Bootstrap 4: 7 pași
Cum să creați un site web elegant și simplu cu Bootstrap 4: Scopul acestui instructabil este de a oferi celor familiarizați cu programarea - HTML sau altfel - o introducere simplă pentru a crea un portofoliu online cu Bootstrap 4. Vă voi ghida prin configurarea inițială a site-ului, cum să creați câteva
Cum să creați un site web de mesaje folosind PHP și MYSQL: 5 pași
Cum să creați un site web de mesaje folosind PHP și MYSQL: Acest instructable vă va arăta cum să creați un site web de mesaje folosind php, mysql, html și css. Dacă sunteți nou în dezvoltarea web, nu vă faceți griji, vor exista explicații detaliate și analogii, astfel încât să puteți înțelege mai bine conceptele. Mat
Proiect Arduino: Electronice de control pe Internet folosind baza de date Nodejs + SQL și site-ul web: 6 pași
Proiect Arduino: Electronică de control pe internet folosind baza de date și site-ul web Nodejs + SQL .: Proiect de: Mahmed.tech Data realizării: 14 iulie 2017 Nivel de dificultate: Începător cu unele cunoștințe de programare. Cerințe hardware: - Arduino Uno, Nano, Mega (cred că majoritatea MCU-urilor cu conexiune serială vor funcționa) - Single LED & Res limitări curente
Cum să faci un robot de baschet autonom folosind un IRobot Creați ca bază: 7 pași (cu imagini)
Cum să faci un robot de baschet autonom cu un IRobot Creare ca bază: Aceasta este intrarea mea pentru provocarea iRobot Create. Cea mai grea parte a întregului proces pentru mine a fost să decid ce va face robotul. Am vrut să demonstrez caracteristicile grozave ale Create-ului, adăugând în același timp un anumit stil robo. Toate
Noțiunile de bază ale unui site web bazat pe div: 7 pași
Noțiunile de bază ale unui site web bazat pe div: acest instructiv vă va arăta elementele de bază ale modului de a construi un site web cu divs. Deoarece tabelele utilizate pentru aspect sunt rele!: PPentru a înțelege acest lucru instructiv, va trebui să cunoașteți html și css de bază. Dacă nu înțelegeți ceva, nu ezitați să