Բովանդակություն:
- Քայլ 1: Գտնել կայքի անուն (տիրույթի անուն)
- Քայլ 2: Աշխատեք մշակողի ծրագրի հետ (նախընտրելի է IWeb)
- Քայլ 3: IWeb. Այն ամենը, ինչ դուք պետք է իմանաք
- Քայլ 4: Բլոգեր, RSS և Blidgets
- Քայլ 5. Վիջեթների և այլ օգտակար ծառայությունների ուսումնասիրություն
- Քայլ 6: Կայքի տրաֆիկի հետևում
- Քայլ 7: Ինչպես է ամեն ինչ տեղավորվում…
- Քայլ 8: Ավարտեք
Video: Կառուցեք վեբ կայք տարեկան 20 դոլարով: 8 քայլ
2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:52
Այս ուսանելի դասում ես կներկայացնեմ այն ամենը, ինչ դուք պետք է իմանաք ՝ շատ ցածր գնով հիանալի կայք ստեղծելու համար: Եթե ցանկանում եք ծանոթանալ իմ աշխատանքներից մի քանիսին, անցեք հետևյալ հղումով ՝ Webshawty.com: Մի քանի բան, որ կցանկանաք.
Քայլ 1: Գտնել կայքի անուն (տիրույթի անուն)
Նախքան ձեր կայքը բացելը, դուք պատրաստվում եք տիրույթի անուն գնել: Դոմենի անունը պարզապես URL ծածկելու ևս մեկ միջոց է (Uniform Resource Locator): Օրինակ, իմ վեբ կայքը «webshawty.com» կլինի տիրույթի անունը: Եթե ես օգտագործում էի Apple հավելվածը ՝ iWeb- ը, իմ սկզբնական URL- ը կլիներ «https://web.mac.com/YOURNAME/Home.html»: Ձեր տիրույթով կարող եք ունենալ «Http://YOURNAME.com»: Ստեղծագործական անվան մասին մտածելուց հետո կցանկանաք գնալ «Name.com» և գրանցել ձեր տիրույթը: Դա անելուց հետո մենք կարող ենք անցնել հաջորդ քայլին:
Քայլ 2: Աշխատեք մշակողի ծրագրի հետ (նախընտրելի է IWeb)
Ձեր տիրույթը գնված է, և դուք այժմ պատրաստ եք սկսել այս գործընթացում բոլոր կեղտոտ աշխատանքներն ու կազմաձևերը: Եթե դուք փնտրում եք ԱՆՎԱՐ վեբ կայք, ես կառաջարկեի FreeWebs կամ WordPress: Եթե ձեզ ավելի առաջադեմ եք զգում, ես կառաջարկեի կամ iWeb- ը, կամ HomeStead SiteBuilder- ը: Եթե օգտագործում եք FreeWebs կամ WordPress, կարդացեք «FreeSite Tutorial» բաժինը: Եթե օգտագործելու եք առաջադեմ ծրագիր: այնուհետև կարդացեք ՝ «Ընդլայնված»: Նախ, դուք կցանկանաք գնալ ձեր հաշվի այն հատվածին, որտեղ գրված է «Էջեր» կամ «Խմբագրել»: Երբ այնտեղ լինեք, կցանկանաք փնտրել «Նոր էջ» կամ «Ավելացնել էջ» պես մի բան: Երբ ձեզ տանի ձեր նոր էջը, կցանկանաք սկսել պարբերությունների և վերնագրերի խմբագրումը: FreeWebs- ում կարող եք նաև փոխել «Տողատակը» (էջի հաղորդագրության ներքևը) ՝ անցնելով «Խմբագրել կայք», «Խմբագրել վերնագրեր և ստորագիր», այնուհետև խմբագրել ձեր տողատակը, վերնագիրը և բռնել արտահայտությունը: Դա նման բան պետք է լինի WordPress- ի համար: Կարող եք նաև փոխել ձեր ձևանմուշը FreeWebs- ում ՝ գնալով; "Խմբագրել իմ կայքը", "Change template": WordPress- ը, կարծում եմ, մի փոքր ավելի հեշտ է: Ինչ վերաբերում է մնացած ամեն ինչին, ապա դուք շատ կսովորեք դրան: Ընդլայնված Թեև այս ծրագրերը: կարժենա ձեզ մոտ $ 100 տարեկան, որոնք շատ ավելի լավն են և շատ ավելի ունակ: Ամեն դեպքում, իմ նախընտրած ծրագիրը: կոչվում է iWeb Apple- ից: Եթե դուք օգտագործում եք HomeStead- ը, ապա պետք է ունենաք PayPal, վեբ պահանջներ և վեբ շատ գիտելիքներ: Ամեն դեպքում, եթե դուք օգտագործում եք iWeb- ը, ես կսկսեմ ձեզ սովորեցնել, թե ինչպես օգտագործել այն հաջորդ քայլին:
Քայլ 3: IWeb. Այն ամենը, ինչ դուք պետք է իմանաք
Այս քայլով դուք կսովորեք, թե ինչպես աշխատել Apple- ի iWeb- ի հետ: Ես նաև կսկսեմ ձեզ սովորեցնել բլոգերի և RSS- ի մասին: Սկիզբը. Երբ iWeb- ը բացեք, կնկատեք մի պարզ դասավորություն, որը պահանջում է ընտրել էջի դասավորությունը: Կարող եք ընտրել արդեն ստեղծված շատ ձևանմուշներից կամ ստեղծել ձեր սեփականը: Երբ ունեք էջ, դուք պետք է ընտելանաք ձեր բոլոր գործիքներին: Եթե օգտագործում եք 2.0.3 տարբերակը (նորագույն տարբերակ), հետևյալը կաշխատի: Սկսենք ՝ նայելով theրագրի ներքևի ձախ կողմում: Դուք կնկատեք +, Հրապարակման և Այցելության կոճակ: Երբ պատրաստ լինեք ձեր փոփոխվածը հրապարակային դարձնել, կտտացրեք Հրապարակել: Հրապարակելուց հետո կարող եք դիտել որոշակի էջ ՝ սեղմելով «Apple» - ը և կտտացնելով «Այցելել»: Հաջորդը, դուք կնկատեք, թե ինչ եմ սիրում անվանել «Գործիքադարակը»: Սրանք պատուհանի ներքևում են: Գործիքադարակի ձախ կողմում կտեսնեք «Թեման»: Այս գործիքը թույլ է տալիս փոխել արդեն ստեղծված էջի տեսքը: Ձախից հաջորդ կոճակը «Տեքստ» գործիքն է: Սա կստեղծի տուփ, որում կարող եք մուտքագրել ձեր սեփական տեքստը: Հաջորդը, «Ձև» գործիքն է: Սա թույլ է տալիս ստեղծել բազմաթիվ ձևեր: Եթե կրկնակի սեղմեք, կարող եք մուտքագրել տեքստ դրա մեջ: Հաջորդը, «Վեբ վիջեթ» կոճակն է: Սա, հավանաբար, ձեր ամենահզոր կոճակն է: Այն թույլ է տալիս վերցնել մի քանի տող HTML կոդ և դրանով ստեղծել վիջեթ: Օրինակ, կարող եք տեղադրել YouTube տեսանյութ ձեր կայքում, եթե գտնեք տեսանյութի էջում տեղադրված HTML կոդը: Հաջորդը, մենք ունենք «Մեդիա» կոճակը: Ես գիտեմ, որ ես բաց եմ թողել մի քանի կոճակ, բայց մի անհանգստացեք, դրանք կարևոր են միայն այն դեպքում, եթե դուք չունեք 2 հիմնական մկնիկ: Մեդիա կոճակը թույլ է տալիս արագ ավելացնել ֆիլմեր, երաժշտություն կամ լուսանկարներ: Չստեղծված որևէ բովանդակություն ավելացնելիս պետք է զգույշ լինել, քանի որ եթե գողանաք նկար կամ երաժշտություն նվագեք առանց արտիստին վճարելու, դուք կխախտեք հեղինակային իրավունքները, այլ կերպ ասած ՝ գողանալու գույքը, ինչը կարող է հանգեցնել մեծ տուգանք կամ նույնիսկ բանտարկություն: Ամեն դեպքում…. Հաջորդ կոճակը, որը կտեսնեք, «Կարգավորել» կոճակն է: Սա թույլ է տալիս խմբագրել նկարները և ինչպես են դրանք հայտնվում: Հետո մենք ունենք կոճակ, որը ձեզ կտա նույնիսկ ԱՎԵԼԻ տարբերակներ, սա «Տեսուչ» կոճակն է: Դրանում հայտնվելուց հետո կարող եք ստեղծել հղումներ, ավելացնել գաղտնաբառ և մուտք գործել այլ նյութեր, որոնք անհասանելի են այլ գործիքներով: Դրանից հետո մենք ունենք «Գույներ» և «Տառատեսակներ» կոճակները: Գույները ոչ միայն կսովորեցնեն ձեզ գունային համարներ, այլ նաև թույլ կտան արագ գունավորել կոճակները կամ ձևերը: Կարող եք նաև գույնը քաշել տեքստի վրա `դրա գույնը փոխելու համար (ոչ եթե դա հղում է: Փոխեք հղման գույնը տեսուչում): Հետո մենք ունենք Տառատեսակներ: Ես անձամբ սովորաբար չեմ փոխում տառատեսակը, բայց տառատեսակի կոճակը օգնում է, եթե ձեզ դուր են գալիս շատ շքեղ տառատեսակներ: Էջեր Ինչպես հավանաբար նկատել եք, էջերի համար մի քանի տարբերակ կա Բարի գալուստ, About, Photos, և այլն: Մի տեսակ էջը, որը ես կցանկանայի նշել հենց հիմա, բլոգի էջն է: Այս էջը թույլ կտա ձեզ տեղադրել պարբերություններ և անմիջապես թարմացնել ձեր RSS հոսքերը: Դուք հավանաբար մտածում եք, թե ինչ է RSS հոսքը: Դե, պարզ ասած, RSS հոսքը ձեր բլոգի մեկ այլ տարբերակ է: Բլոգի RSS հոսքը սովորաբար ավարտվում է «rss.xml» - ով: Այսպիսով, բլոգի rss url- ը պատճենելուց հետո գնացեք Widgetbox.com և ստեղծեք «RSS Feed» վիջեթ: Օգտագործեք այստեղ պատճենած URL- ը: Տեղադրելով տեղեկատվությունը, այն ինքնաբերաբար կստեղծի «Blidget» (բլոգ-վիջեթ) ձեզ համար: Դուք կկարողանաք հարմարեցնել արտաքին տեսքը, ինչպես նաև «Պիտակներ» (ինչպես կարելի է դասակարգել) և վերնագիրը: Հետո, եթե ձեր բլոգը բավականաչափ հետաքրքիր է, կարող եք հասնել միլիոնների: Հատկապես Widgetbox- ի օգնությամբ:
Քայլ 4: Բլոգեր, RSS և Blidgets
Այս քայլով ես կշարունակեմ ձեզ դասավանդել բլոգավարման մասին, ինչպես նաև կսովորեցնեմ ձեզ RSS (Really Simple Syndication) և ինչպես օգտագործել «Blidget» - ը: BloggingBlogging- ը ձեր կայք այցելողներին գրավելու լավագույն միջոցներից մեկն է: Պարբերաբար տեղադրելով և հետաքրքիր բովանդակություն ունենալով ՝ կարող եք գրավել անսահման այցելուների: IWeb- ի միջոցով բլոգավարելը չափազանց հեշտ է: Բլոգավորման միակ մեծ վայրը, հավանաբար, WordPress- ն է: Blidgets Բլիջեթը կամ Բլոգի վիջեթը feed- ի վրա հիմնված վիջեթ է, որն ակնթարթորեն վերցնում է RSS հոսք (Բլոգի URL) և դնում այն հարմարեցվող վիջեթի մեջ: Եթե ցանկանում եք բլիջեթ պատրաստել, ես կառաջարկեի Widgetbox- ը: RSSRSS- ը կամ, իրոք, պարզ սինդիկացիան, բլոգերի URL ասելու մեկ այլ միջոց է, որը կարող է օգտագործվել Blidget- ի կամ RSS Reader- ի համար:
Քայլ 5. Վիջեթների և այլ օգտակար ծառայությունների ուսումնասիրություն
Վիջեթներ, հավանաբար, ինքդ քեզ արտահայտելու և այլ հիանալի իրեր ցուցադրելու ամենահեշտ ձևը: Թեև հեշտ չէ ստեղծել վիջեթ, այնուամենայնիվ, օրական շատ ավելի հեշտ է գտնել վիջեթներ: Վիջեթների հետ որոշ ժամանակ փորձեր կատարելուց հետո գուցե ցանկանաք ուսումնասիրել այս իսկապես հիանալի վեբ-ծրագրին, որը կոչվում է «Sprout»: Այս հավելվածը: թույլ է տալիս ստեղծել ձեր սեփական վիջեթները: Կարող եք ավելացնել հարցումներ, լրահոս և շատ ավելին: FormsForms- ը հիանալի միջոց է այցելուներին թույլ տալու արտահայտել իրենց զգացմունքները կամ թույլ տալ մարդկանց գրանցվել տարբեր բաների համար: FormLogix- ով ձևեր երբեք ավելի հեշտ չի ստեղծվել: Դուք կարող եք ստեղծել ձեր սեփական ձևերը `հավելումների շատ ընտրությամբ: Հարցումներ այցելուների պատկերացում ստանալու լավագույն միջոցը: Ուզու՞մ եք հիանալի հարցում: Wantանկանում եք դրանք տեղադրել ձեր կայքում: Այժմ դուք կարող եք! Ներկայացնում եմ, PollDaddy: PollDaddy- ն թույլ է տալիս հարմարեցնել ձեր հարցումները և տեղադրել դրանք գրեթե ամենուր: Դուք կարող եք նաև օգտագործել PollDaddy հարցումները «outիլ» -ում:
Քայլ 6: Կայքի տրաֆիկի հետևում
Այժմ, երբ ձեր կայքը իսկապես աճել է, ձեզ հարկավոր է միջոց ՝ ստուգելու, թե ով է նայում ձեր կայքին: Դուք կարող եք ունենալ և՛ կենդանի դիտում, և՛ ընդհանուր տեսք: Եթե ցանկանում եք ուղիղ դիտում, ապա կառաջարկեի «Whos.amung.us»: Պարզապես գնացեք գլխավոր էջ և պատճենեք ծածկագիրը և տեղադրեք այն ձեր կայքում: Այն անմիջապես կսկսի հետևել: Այն նաև ձեզ կտա քարտեզ, թե որտեղից են մարդիկ գալիս: Երբ ցանկանում եք ընդհանուր տեսք ունենալ, անպայման կցանկանաք կամ Google Analytics կամ W3 Counter:
Քայլ 7: Ինչպես է ամեն ինչ տեղավորվում…
Այժմ, երբ ձեր կայքը լավ տեսք ունի, եկեք քննարկենք, թե ինչպես է ամեն ինչ միասին «կապվում»: Նախևառաջ, դուք պետք է իմանաք, որ բլոգը ձեզ համար միջոց է ցանկացած թեմայի վերաբերյալ պատմություն ակնթարթորեն հրապարակելու համար: Հուսանք, որ դուք նույնպես գիտեք, որ բլոգի «թարմացվող բովանդակությունը» անմիջապես թարմացվում է հրապարակվելուց հետո: Սա նշանակում է, որ ցանկացած RSS հոսք կթարմացվի ինքնաբերաբար: Բացի այդ, ձեր վիջեթները կամ բլոգի վիջեթները նույնպես կարող են կամ թարմացվել ձեր կողմից, կամ թարմացվել մեկ ուրիշի կողմից: Դրանք նույնպես ինքնաբերաբար թարմացվում են, եթե դրանք բլիջեթ են, կամ եթե օգտագործում եք Sprout: Ձեր տիրույթը կամ URL- ի ծածկույթը դարձնում է այն այնպես, որ ոչ ոք չկարողանա տեսնել ձեր հին հասցեն, եթե դուք նրանց չեք ասել այդ մեկը….. Բացի այդ, Name.com- ի միջոցով կարող եք ստանալ այնպիսի նամակներ, ինչպիսիք են ՝ «[email protected]»: Հուսով եմ, որ դա պարզեց ձեր սովորածը: Եթե ոչ, գուցե ցանկանաք ծանոթանալ կայքէջի պայմանների վերաբերյալ իմ հրահանգներին: (Ես դեռ լավ նկարներ չունեմ դրա համար..) Սեղմեք այստեղՍեղմեք այստեղ:
Քայլ 8: Ավարտեք
Շնորհավորում եմ: Դուք փառքի ճանապարհ եք: Հուսանք, իմ ցուցումները օգտակար էին: Եթե ցանկանում եք շնորհակալություն հայտնել ինձ, պարզապես պատմեք ձեր ընկերներին Webshawty.com- ի մասին: Ձեր ընկերը, վեբ վարպետը: Բացի այդ, եթե ցանկանում եք, թողեք ձեր հղումը, և ես այն կստուգեմ և ձեզ կտամ իմ «Ներքինը»:
Խորհուրդ ենք տալիս:
Ինչպես ստեղծել վեբ կայք (քայլ առ քայլ ուղեցույց). 4 քայլ
Ինչպես ստեղծել կայք (քայլ առ քայլ ուղեցույց). Այս ուղեցույցում ես ձեզ ցույց կտամ, թե ինչպես են վեբ ծրագրավորողներից շատերը կառուցում իրենց կայքերը և ինչպես կարող եք խուսափել թանկարժեք վեբ կայքերից, որոնք հաճախ չափազանց սահմանափակ են ավելի մեծ կայքի համար: Ես նաև օգնել ձեզ խուսափել որոշ սխալներից, որոնք ես արել եմ, երբ ես սկսել էի
Սուրճի խանութ պատրաստելու վեբ կայք. 9 քայլ
Սուրճի խանութ պատրաստելու վեբ կայք. Այս հրահանգում ես ձեզ ցույց կտամ, թե ինչպես պատրաստել պարզ վեբ կայք, որը ցուցադրում է ձեր մոտ գտնվող սրճարանները ՝ օգտագործելով Google Քարտեզները, HTML և CSS
Վեբ կայք/WiFi վերահսկվող LED ժապավեն ազնվամորու Pi- ով. 9 քայլ (նկարներով)
Վեբ կայք/WiFi վերահսկվող LED ժապավեն ազնվամորու Pi- ով. Նախապատմություն. Ես դեռահաս եմ և վերջին մի քանի տարիների ընթացքում նախագծում և ծրագրավորում եմ փոքր էլեկտրոնիկայի նախագծեր ՝ ռոբոտաշինության մրցումներին մասնակցելու հետ մեկտեղ: Վերջերս ես աշխատում էի աշխատասեղանի տեղադրումը թարմացնելու վրա, և որոշեցի, որ դա հաճելի հավելում է
Վեբ վարորդի IO ձեռնարկը `օգտագործելով կենդանի վեբ կայք և աշխատանքային օրինակներ. 8 քայլ
Վեբ վարորդի IO ձեռնարկը ՝ օգտագործելով կենդանի վեբ կայք և աշխատանքային օրինակներ. հետաքրքիր մարտահրավեր ներկայացվեց ինձ: Ինձ պետք էր
Ստեղծեք վեբ միացված ռոբոտ (մոտ 500 դոլարով) (օգտագործելով Arduino և Netbook). 6 քայլ (նկարներով)
Պատրաստեք վեբ միացված ռոբոտ (մոտ 500 դոլարով) (օգտագործելով Arduino և Netbook). Այս հրահանգը ցույց կտա ձեզ, թե ինչպես կառուցել ձեր սեփական վեբ միացված ռոբոտը (օգտագործելով Arduino միկրոկառավարիչ և Asus eee համակարգիչ): Ինչու՞ կցանկանայիք վեբ Միացված ռոբոտ Իհարկե խաղալու համար: Քշեք ձեր ռոբոտին սենյակից կամ հաշվից այն կողմ