Сайттарды құру кезінде желіде кездесетін дайын шаблондар жиі қолданылады. Оларды кейде қолданушылар мыңдаған рет жүктейді, олардың негізінде құрылған ресурстар сыртқы түріне өте ұқсас. Сайттың жеке дизайны болуы үшін оның шаблонын өңдеу керек.
Бұл қажетті
- - сайт шаблоны;
- - Dreamweaver бағдарламалық жасақтамасы.
Нұсқаулық
1-қадам
Шаблондармен жұмыс істеудің ең жақсы әдісі - интернеттен жүктеуге болатын Dreamweaver. Бұл бағдарлама веб-сайтты құрудың ең жақсы құралдарының бірі, ол беттерді визуалды түрде де, кодтық редактордың көмегімен де өңдеуге мүмкіндік береді.
2-қадам
Dreamweaver-ті жүктеп алып, іске қосыңыз. Онда қалаған шаблонды ашыңыз. Жұмысты азайту үшін шаблон дұрыс таңдалғанын ескеріңіз. Оны таңдағанда, түс схемасына емес, беттегі элементтердің орналасуына назар аударыңыз. Егер сіз басқалардан өзгеше веб-сайт жасағыңыз келсе, оның түс схемасын өзгертуіңіз керек болады, сондықтан оны қайтадан жасау қажет болмай, сәйкесінше орналасуы бар үлгіні таңдап алғаныңыз жөн. дұрыс жол.
3-қадам
Өңдеу процесін нақты мысалмен қарастырған ыңғайлы. HTML үлгілерінің кез-келгенін жүктеп алыңыз - мысалы, мынау: https://web-silver.ru/templates/sites/086/086.zip. Оны ашыңыз, содан кейін HTML файлын Dreamweaver-те ашыңыз. Жоғарғы сол жақ бұрыштағы режим қосқышына назар аударыңыз - «Код», «Бөлек», «Дизайн». Режимдер арасында ауысу арқылы сіз үлгіні өзіңізге ыңғайлы түрде өңдей аласыз.
4-қадам
«Дизайн» көрінісіне ауысыңыз, содан кейін кез-келген элементтерді тышқанмен нұқыңыз - мысалы, бет тақырыбы, шаблон мысалында ол өзен мәтінін қамтиды. Бұл бет элементінің қасиеттері бағдарлама терезесінің төменгі жағында пайда болғанын ескеріңіз. Атап айтқанда, ені, биіктігі, пайдаланылған сурет көрсетілген. Сіз оларды тиісті өрістерде көрсету арқылы немесе тақырыптың өзінде шекара белгілерін апару арқылы тақырыптың өлшемін өзгерте аласыз. Кескінді өзгертіңіз, ол үшін сізге бірдей өлшемдегі суретті таңдап, оны түпнұсқаның орнына салыңыз.
5-қадам
Кез-келген элементтерді дәл осылай өзгертуге болады. Мысалы, мәтіннің түсі, парақтың өңі, сілтемелердің тақырыптары және т.б. және т.б. Егер дизайн терезесінде бірдеңе шықпаса, сіз әрқашан қажетті түзетулерді тікелей кодта жасай аласыз. Жұмысты бастамас бұрын түпнұсқа файлды бөлек жерде сақтауды ұмытпаңыз. Жұмыс барысында оның нәтижелерін әртүрлі аттармен жеке файлдар ретінде сақтаңыз, бұл сізге кез келген уақытта оралуға мүмкіндік береді. Dreamweaver көмегімен кішкене тәжірибе жасай отырып, кез-келген шаблонды тез және оңай өңдей аласыз.
