Мазмұны:
- Жабдықтар
- 1 -қадам: Мәтіндік редакторды таңдаңыз
- 2 -қадам: Жаңа жобаңызды жасаңыз
- 3 -қадам: Index.html жасаңыз
- 4 -қадам: картаны алыңыз
- 5 -қадам: Веб -сайтқа қосыңыз
- ЖАҚЫНДАҒЫ КАФЕ ДҮКЕНДЕРІ
- 6 -қадам: Алдын ала қарау
- 7 -қадам: оны жақсырақ етіп жасаңыз
- 8 -қадам: оны жақсырақ ету Pt2
- 9 -қадам: РЕВИЗИЯ
Бейне: Кофехананың веб -сайтын табыңыз: 9 қадам
2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-02-01 14:41
Бұл нұсқаулықта мен сізге сізге Google Maps, HTML және CSS көмегімен кофе дүкендерін көрсететін қарапайым веб -сайт жасауды көрсетемін.
Жабдықтар
Компьютер
Мәтіндік редактор (мен Atom қолданамын)
Wi -Fi байланысы
1 -қадам: Мәтіндік редакторды таңдаңыз
Мен Atom қолданамын, оны мына жерден жүктеуге болады. Жүктелгеннен кейін ол жаңа жоба жасайды
2 -қадам: Жаңа жобаңызды жасаңыз
- Atom ашыңыз
- Файлды табыңыз
- Файлдың астында жаңасын басыңыз
- төменгі сол жақта (Mac) жаңа қалта жасау батырмасы болады
- қалтаңызға «Веб -сайт картасы» атауын беріңіз
- Төменгі оң жақта ашуды басыңыз
3 -қадам: Index.html жасаңыз
- Қалтаға жаңа файл қосыңыз (атомда қалтаны тінтуірдің оң жақ түймесімен басып, жаңасын басыңыз)
- Бұл файлды 'Index.html' деп атаңыз
- Бұл негізгі HTML құрылымын қосыңыз, бұл әрбір HTML жобасында қолданылады:
4 -қадам: картаны алыңыз
- Google карталарына мына жерден кіріңіз: Google карталары
- Кофе іздеу
- Сіз өзіңіздің аймағыңыздағы барлық кафелерді алуыңыз керек
- кофенің жанындағы үш жолды басыңыз
- үлесті табыңыз немесе картаны енгізіңіз
- ендірілген картаны таңдаңыз
- Картаның өлшемін таңдаңыз (мен Үлкен қолдандым) және орналасқан жеріңізді анықтаңыз
- HTML көшіруді басыңыз
5 -қадам: Веб -сайтқа қосыңыз
- HTML файлына оралыңыз.
- екі '' тегтерінің арасына осы кодты енгізіңіз:
'
ЖАҚЫНДАҒЫ КАФЕ ДҮКЕНДЕРІ
'GOOGLE КАРТАСЫНАН КІРГЕН КОД'
'
6 -қадам: Алдын ала қарау
Бұл бірінші бөлімде жасалды!
файлды сақтап, оны компьютерден табыңыз, оны екі рет нұқыңыз, ол сіздің әдепкі шолғышта ашылады.
7 -қадам: оны жақсырақ етіп жасаңыз
- Екі '' тегтерінің арасына 'қасымдағы кофеханалар' қосылады
- Жаңа файлды 'Index.html' жасағандай қосыңыз, бірақ оны 'Style.css' деп атаңыз
- HTML файлына қайта оралыңыз, бұл кодты тақырыптың үстіне жазыңыз »
- Google суреттеріне өтіп, бір кесе кофенің сүйкімді клипартын жүктеңіз
- Қалған файлдар бар қалтаға суретті қосыңыз
- CSS файлына келесі кодты жазыңыз: 'body {
- background-image: url (КЕСІРМЕНІҢ АТАУЫ);
- фон өлшемі: мұқаба;
- }'
8 -қадам: оны жақсырақ ету Pt2
- егер біз қазір сақтап, алдын ала қарасақ, онда веб -сайттардың фоны біздің кофе шыныаяқтармен қапталғанын көреміз
- Өкінішке орай, біздің мақаланы оқу қиын
- Сонымен, CSS -те 'body {}' астына келесі кодты қосыңыз: h1 {
- background-color = rgb (255, 255, 255);
- қаріп өлшемі = 40 пиксель;
- }
9 -қадам: РЕВИЗИЯ
Міне бітті! Сіз аяқтадыңыз. Сіз HTML, CSS және ендірілген код негіздерін үйрендіңіз, жақсы. Сіз өзіңіздің талғамыңызға сәйкес келетін кодты өңдей аласыз және қалаған нәрсенің картасын көрсете аласыз. Содан кейін сіз өзіңіздің веб -сайтыңызды құруды жалғастыра аласыз және үнемі жетілдіре аласыз.
Ұсынылған:
Bellarmine's Moodle бойынша өз бағаларыңызды табыңыз: 11 қадам
Bellarmine's Moodle бойынша өз бағаларыңызды табыңыз: егер сіздің профессорыңыз қағазды түсініктемелер мен ескертулермен қайтарса, сіздің бағаларыңызды білу оңай. Бірақ көптеген университеттер қолданатын жаңа онлайн -платформалармен бұл күрделене түсуі мүмкін. Міне, егер сіз
WLAN құпия сөзін табыңыз (тек қосылу қажет): 4 қадам
WLAN құпия сөзін табыңыз (тек қосылу керек): Бүгін мен сізге көрсеткім келетін нәрсе - бұл жай ғана команда. Дегенмен, сіз онымен достарыңызды еркелете аласыз! Назар аударыңыз: бұл wlan паролін бұзу емес. Қосылған wlan паролін білудің бір ғана жолы
Теледидар көру әдеттерін табыңыз: 7 қадам
Теледидар көру әдетіңізді табыңыз: ай сайын біз теледидар пакетін жалдау үшін жоғары төлемдерді төлейміз. Бірақ біз қанша арнаны көретінімізді білмейміз. Тіпті бізде теледидар көруге қанша сағат жұмсайтынымыз туралы ешқандай түсінік жоқ. Мұнда мен деректерді тіркеуші құрдым, ол
Фотосуретті жақсартудың ең жақсы әдісін табыңыз: 8 қадам
Фотосуретті қайраудың ең жақсы әдісін табыңыз: Артефактілерді сақтап тұрғанда жұмсақ көрінетін бөлшектерді айқындау үшін Photoshop элементтерін пайдаланыңыз Фотосуреттің сәл жұмсақ болып көрінуінің бірнеше себептері бар. Жаңадан бастаушылар үшін камераның автофокус (AF) нүктесі негізгі қызығушылық аймағымен сәйкес келмеуі мүмкін
Froogle көмегімен келісімдерді табыңыз: 4 қадам
Келісімшарттарды Froogle арқылы табыңыз: FroogleFroogle-үнемділік және Google-бұл Google-дің Misimon және bizrate сияқты лагерлік сатып алу қызметтерінің айналуы. Көптеген басқа Google қызметтері сияқты, ол арнайы онлайн мазмұнды шолу және іздеу мүмкіндігін береді, бұл жағдайда