Алғашқы веб -сайтты нөлден жасау: 4 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:27

Бұл нұсқаулық сізге өзіңіздің жеке веб -сайтыңызды қалай жасауға болатынын көрсетеді, мүлде html үйренбестен, мүлдем ақысыз, бірақ бояу бағдарламасында кейбір дағдылар қажет, бірақ егер сізде бұл дағды болмаса, интернеттен іздеуге болады. алдын ала дайындалған бояумен не істегіңіз келетіні үшін. қажетті заттардың тізімі.

• Интернетке кіру (егер сіз мұны оқысаңыз, сізде де бар)
• Бояу бағдарламасы
• Шамамен бір сағат уақыт (сіздің шеберлігіңізге байланысты одан да қысқа)
• Және, әрине, ақысыз құрал болып табылатын бірнеше жүктеулер.

Бірінші жүктеу гимп деп аталады, ол негізінен фотосуреттер дүкенінің суланған нұсқасы немесе терезе бояуларының көлемді нұсқасы. Gimp бұл бағдарламаның Linux және mac пайдаланушыларына арналған нұсқалары бар, әрі қарай бұл маған HTML редакторы ұнайды. Сіз бұл ақысыз тауар деп ойладыңыз. бұл html үйренудің қажеті жоқ, сондықтан. бірақ егер сіз кодтауды жасағыңыз келсе, оны осы бағдарламада жасай аласыз. NVUGo, бәрі жақсы, қазір интервеб әлеміне қадам басуға дайын.

1 -қадам: суреттер жасау

Бұл сіздің сайтыңызға арналған барлық суреттерді жасайтын қадам, әрине осы кезеңде сіздің сайтыңызға атау қажет болады. Сыналған және шынайы әдіс - 1000x600 суретті сіздің сайтыңызда болатындай етіп жасау. мысалы, нұсқаулықтар сайты - бұл жоғарыдағы баннер, түймелері бар қызғылт сары жолақ және бірнеше мәзір жолағы. Барлығын бір сурет ретінде жасаңыз (мазмұн аймағын, яғни мәтін қайда қалдырыңыз) ортаңғы бетте, бұл орынды бос қалдырыңыз) және фон жасамаңыз, фонды сіздің бетіңізге сәйкес келетін біркелкі түспен толтырыңыз. бұл жағдайда өз бетіңізше. Егер сізде басты бет қалай көрінгісі келсе, соны аласыз. сіз жасағаннан кейін. басуға болатын барлық нәрсені кесіңіз және қойыңыз, баннер мен түймелерді жеке терезеге қойыңыз және оны бөлек сақтаңыз, оларды-p.webp

Тағы бір кеңес - оларды сақтау үшін қажет емес, ұйым үшін жаңа қалта жасау

2 -қадам: Барлығын бір жерге қою

Енді сіз nvu -ны ашқыңыз келеді, маған кішкене басу керек болды, бірақ бұл күрделі емес. Сізді біртіндеп шешуге тырысамын.

Алдымен сіз әдепкі бойынша 600 -ге орнатылған жоғарғы жолақты алуыңыз керек (сенімдімін), бірақ сіз оны сүйреп апарып, ені 1000 -ға дейін жеткізгіңіз келеді, дәл сол жаққа қарай 600 -ге жеткізіңіз. Алдымен сіз сайттың фонын жасағыңыз келеді, сіз бояу бағдарламасында қолданған толтыруды пайдаланбайсыз, оның орнына Формат> Бет түстері мен фонға өтіңіз, реттелетін түстерді пайдалану түймесін басыңыз. және бояу бағдарламасында жасағаныңыздай өң түсін жасаңыз. Келесі нәрсе - жоғарғы баннерді қосу. құралдар тақтасындағы сурет түймесін басыңыз. және баннеріңізді табыңыз. балама мәтінді пайдаланбау түймесін басыңыз. және жақсы. енді сіздің бетіңізде бірінші сурет бар. *Бағдарламаның төменгі жағындағы дереккөз жолағын нұқыңыз, сонда кодтау қаншалықты қажет болғанын білесіз. бұл HTML үйренудің жақсы әдісі. Қалған түймелерді жүктеңіз, сіз балама мәтінді қолдана аласыз, ол сізге байланысты емес. Сіз бұл батырманы басып, сурет пен сілтеме сипаттарындағы формат жолағына өтуіңіз керек. сілтеме жолағын нұқыңыз және оған қатысты нәрсеге сілтеме жасаңыз, үй түймесі index.htm, сілтемелер түймесі сілтемелер болар еді. кесу мен қоюдан бұрын ол веб -сайттың суреті сияқты болуы керек. Сіз жасағыңыз келетін соңғы нәрсе - батырмалардың астындағы беттің ортасында кесте жасау, мәзір жолағының түсі мен жиектерін өзгертуге болады, бұл жерде сіздің негізгі мәтін барады. сіздің сайтта бірдеңе болу үшін бір нәрсе жазыңыз.

3 -қадам: Барлығын реттеу

Енді сізде веб -сайт бар. бірақ сізде серверді орнатуға қажет уақыт пен кеңістік жоқ шығар, сосын ол тегін болмас еді. бірақ бұл сіздің веб -сайтыңызды олардың серверлерінде ақысыз орналастыратын орындар. менің сүйіктім. бос тораптар

Егер сіз бұл нұсқаулықты шынымен орындағыңыз келмесе және оны оқып жатсаңыз, сіз олардың сайттарынан жасай аласыз, олар сізге қажет нәрсенің бәрі бар - сіздің сайтыңыздың қалай көрінетінін және қалаған нәрсені теруді қалай таңдағаныңыз. Мұны істеу әдісі әлдеқайда икемді

Егер сіздің веб -сайтыңыздың атауы алынып тасталса, ақысыз веб -сайттарда есептік жазба жасаңыз, уайымдамаңыз, әзірге сайтыңыздың соңына 2 санын қосыңыз, яғни минхолы минхолы, егер ол қабылданса мен оны punkholy2 деп атайтын едім. (бұл сіздің сайтқа кіргенде адамдар жазатын нәрсе емес. Веб -сайтты жасағанда, оны html режиміне орнатыңыз. Сіз үшінші суреттегідей экранға түсесіз, сайт менеджерін басыңыз. және index.htm деп аталатын бетті өңдеу үшін басыңыз, ондағы заттарды жойыңыз, nvu -дегі бастапқы жолаққа өтіңіз және оны бос мәтіндік редакторға көшіріп қойыңыз. Ақырында суреттерді негізгі каталогқа жүктеңіз және кішкентай глобусты басыңыз. бетті көру үшін. Егер бірдеңе дұрыс болмаса, түсініктеме беріңіз және маған html -мен хабарлама жіберіңіз, мен не істей алатынымды білмеймін.

4 -қадам: Аяқтау

Менімен жалаңаш бол, дерлік бітірдің. есіңізде ме, сіз бұл есімдерді жазуға мәжбүр болдыңыз ба? Енді сізге қажет болғанда. түймелер байланыстырылған нәрселерге ұқсас жаңа беттер жасаңыз. енді индекс бетінен html кодын көшіріңіз. және тексергеннен кейін оны жаңа беттерге көшіріңіз. Сіз мәтінді бастапқы бетке қай жерде енгізгеніңізді көруіңіз керек. Сіз оны жойып, параққа кіретін басқа нәрсе жаза аласыз, содан кейін басқа сайтқа сілтемелер қосқыңыз келсе, html іздеу қажет болады. бірақ көп жағдайда сіздің ДАЙЫН түймелеріңіз жұмыс істейтінін тексереді. Мазмұнды ойластырып, бақытты болыңыз.*егер сізде есім болса және сіздің атыңызға 2 қоюға тура келсе, осында өтіп, өзіңіз қалаған атауды тіркеңіз. Егер бұл ақысыз веб -сайттарда жасалса да, бұл мұнда қабылданбайды. Егер сізде проблемалар туындаса, жай ғана түсініктеме беріңіз, мен білемін, бұл көп ақпаратпен ұзақ нұсқаулық, ал егер мен бір нәрсені қалдырып кетсем, жалынба Мен көптеген веб -сайттар жасадым және менің ойымша, бұл жаңадан бастаған адамға түсініксіз болуы мүмкін. Егер сіз мысал алғыңыз келсе, менің сайтым www.punkholy.tk.