АТ саласына арналған HTML үлгілері. АТ секторына арналған HTML үлгілері Орыс тілінде дайын html

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

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

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

Егер бұл біреу үшін дәл мақсат болса және басқа бағдарламалау тілдерін үйренуге ниет болмаса, онда бұл мақала олар үшін.

Қысқаша айтқанда, өздігінен жазылған нұсқада, CMS қолданбай, қарапайым ештеңе жоқ.

Ал салқынырақ нәрсені қажет ететіндер үшін мақаланың соңында CSS көмегімен блок үлгі коды және PHP арқылы динамикалық сайт коды бар мақалаларға сілтемелер бар.

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

Бүкіл процесті үш бөлікке бөлейік.

1. Компьютерде сайт каталогын жасаңыз.

2. Веб-сайт құру.

3. Сайтты біздің компьютерден хостингке, яғни интернетке көшіру.

Компьютерде веб-сайт каталогын жасау

Бірінші нүкте - ең қарапайым. Каталогты қалай жасау керектігі мақалада өте анық көрсетілген (осы беттегі барлық сілтемелер жоғалып кетпес үшін бөлек терезеде ашылады).

Мен сізге негізгі беттің кодынан кейін оны не және қай қалтаға қою керектігін егжей-тегжейлі көрсетемін, сонда сізде каталогқа баратын нәрсе бар.

Олай болса екінші, ең креативті пунктке көшейік.

Веб-сайт үлгісін жасау

Үлгіні жасау үшін сізге төмендегі кодты қою қажет болатын редактор қажет.

Бұл қарапайым Windows блокноты немесе кез келген басқа мәтіндік редактор болуы мүмкін.

Үлгіге негіз ретінде көп қабатты HTML кестесін алайық. Бұрын, CSS пайда болғанға дейін барлық веб-сайттар кестелерде жазылса, қазір блокты орналастыру танымал болды.

Бірақ бүгінгі күнге дейін кесте құрылымы ескірген жоқ және сәтті қолданылады.

Мысалы, толығымен кестелер негізінде жасалған күрделі функционалдығы бар инвестициялық CMS H-скрипті.

Сонымен, минималды дизайны бар веб-сайт.

Болашақта кестелерді қалай жобалау керектігі мақалада егжей-тегжейлі көрсетілген.

Сайттың (ұйымның) атауы

Сайттың сипаттамасы

үй

Сәлем құрметті болашақ веб-шеберлер! Мен 55 жастамын және сізді өз веб-сайтыма қарсы алғаныма қуаныштымын.
Бұл сайт өз бетімше жасаған бірінші сайт, оған дейін тек интернетке кіруді ғана білетінмін.

Неліктен мен мұны істеуге шешім қабылдадым? Мен веб-сайт құруды және осы ресурсты жасауды түсінген 3 ай ішінде мен веб-сайтты жасау бойынша нұсқаулықтардың авторлары көптеген нюанстарды қарапайым деп қабылдайтынын және оларға мән бермейтінін білдім.
Ал мен үшін жасымды және тәжірибемді ескере отырып, осы нюанстарды түсіну маған оңай болған жоқ, олар көп уақытты алды.

Мәзір

жалпы ақпарат

Жалпы ақпарат мәтіні





Сайттың атауы


<!--Контейнер кестесін жасаңыз, біз келесіні көрсетеміз
декор:
border="1" - контейнер айналасындағы жақтау. Санды ұлғайту арқылы жақтаудың қалыңдығын арттыруға болады.
align="center" - контейнерді экранның ортасына қойыңыз.
ережелер = "жолдар" - қос жиекті алып тастаңыз.
style="ені:60%;" - жасайтын стиль сипаттарын қосыңыз
контейнер және бүкіл сайт «резеңке».
Бұлайша толыққанды бейімделу дизайнын жасау мүмкін емес.--
>

шекара = "1"
туралау = "ортаға"
ережелер = "жолдар"
style="width:60%;">
<!--Жолды құру-->

<!--Жол ұяшығын жасау-->