Рабочие листы
к вашим урокам
Скачать
1 слайд
HTML – редакторы, визуалды редактордың негізгі мүмкіндіктері және сыртқы түрі
Сабақтың тақырыбы:
2 слайд
Сабақтың мақсаты:
HTML тілі ұғымын түсіндіру. HTML тілінің негізгі құраушыларымен таныстыру. HTML тілінің визуалды бағдарламаларын көрсету, жұмыс жасау ерекшеліктерін ұғындыру
3 слайд
HTML дегеніміз- ағылшынша HyperTextMarkupLanguage, яғни гипертексті таңбалау тілі дегенді білдіреді.Осы тіл арқылы сайттың парақтары жазылады
4 слайд
HTML тарихы
Тим Бернерс-Ли
HTML тілін құраушы
5 слайд
HTML нұсқалары
1990 ж басы – HTML 1 нұсқасы
1994 ж – HTML 2 нұсқасы
1995 ж – HTML 3 + CSS
1997 ж – HTML 3.2 нұсқасы
1997 ж – HTML 4 нұсқасы
2014 ж – HTML 5 нұсқасы
6 слайд
HTML құраушылары
7 слайд
HTML, HEAD, TITLE, BODY дегендер нені білдіреді?
8 слайд
HTML, HEAD, TITLE, BODY дегендер нені білдіреді?
<html> - парақшаның басын , ал </html> аяғын білдіреді.
<head> - бұл жерде парақшаның тақырыбы, қандай кодировкада(кирилица ма әлде басқа тілде) сипаталатыны, жүктелетін басқа комекші программалар тізбегі т.с.сияқтылар жазылады.шаблонның бұл бөлігі сайт бетіне шықпайды.</head>
<body> - бұл тег парақшаның денесі деп аталады яғни бұл жерде HTML тегтерімен не жазылса сол сайт бетінен көрініс табады.</body>
Ал title - бұл сіздің web парақшаңыздың тақырыбы.
9 слайд
H1, H2, H3, H4, H5, H6, p не үшін қолданады?
HTML коды
Нәтижесі
10 слайд
HTML құжаттың нәтижелерін көру бағдарламалары
11 слайд
HTML редакторлары
Визуалды емес редакторлар
HTML қолмен код жазуға арналған, толық автоматтауға арналмаған, сондықтан қазіргі күнде визуалды редакторлардың ешқайсысы HTML кодты жүз пайыз өңдей алмайды, одан тысқары абсолютті дұрыс кодты шығармайды. Сондықтан әр бетті кейін қолмен редакторлап шығуға тура келеді, ал визуалсыз редакторлар белгілеу тілін қолмен өңдеп, бағдарламашы ешқандай конструкциясыз оңай өңдеуге болатын оңтайландырылған кодты жаза алады. Визуалсыз веб-редакторларды HTML-редакторлар деп атайды. Оларға мысал: AceHTML, 1st Page, HotDog, Arachnophilia және т.б.
Артықшылығы:
оңтайландырылған код;
гипермәтінді белгілеу тілдерінің барлық мүмкіндіктері қолданылады;
синтаксис, код пен сілтеменің дұрыстығын тексеру;
көптеген редакторлар тегін таратылады.
Кемшіліктері:
гипермәтінді белгілеу тілінде сауаттылық қажет.
12 слайд
HTML редакторлары
Блокнот
Блокнот (ағылшынша Notepad) – кез келген Microsoft Windows операциялық жүйесінде орналасқан қарапайым мәтіндік редактор. Блокнот қарапайым болғандықтан, HTML-кодты түсінетін конструкциясы, оны өңдейтін мүмкіндігі жоқ. Бірақ HTML тілімен таныса бастағанда осы редакторды қолданған жеңіл болады. Блокнотты қолдануды үйренген соң, оның орнын басатын кең қызметті тегін бағдарламалар бар: Bred, AkelPad, BDV Notepad, EditPad Lite, TED Notepad, Notepad++ және Notepad2
13 слайд
HTML редакторлары
Визуалды редакторлар
«Нені көрсең, соны аласың»
Сайт құру бағдарламасы ретінде визуалды редакторларды қолдану өте ыңғайлы, себебі веб-бетте қалай тұрса, сол қалпында жұмыс жасайсыз. Қолданушы мәтінді өңдеп форматтайды, суреттерді, кестелерді HTML код арқылы Word-та оңай жаза салады. Бағдарламада қалай жазсаң, браузерде де сол көрініс пайда болады. Танымал визуалды редакторларға Dreamweaver, MS FrontPage және Netscape жатады
Артықшылықтары:
қолдану оңай;
Html тілінде сауаттылық қажет емес.
Кемшіліктері:
код оңтайландырылмаған себепті файлдың өлшемі артып, бетті жүктеу жылдамдығы өседі;
беттің кодын өңдеу өте күрделі;
құжаттың түрлі браузерде қате орналасуы мүмкін
Рабочие листы
к вашим урокам
Скачать
6 609 578 материалов в базе
Настоящий материал опубликован пользователем Ихсанов Нурболат Берикович. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
500/1000 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.