WEB-бет дизайны, HTML

Автор: Пользователь скрыл имя, 22 Ноября 2012 в 22:54, реферат

Описание работы

Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр.
Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сәйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы әр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл әдісі – Интернетте жариялау.

Скачать полностью (398.20 Кб) Сколько стоит заказать работу?

Работа содержит 1 файл

Web-бет дизайны, HTML.doc

— 504.00 Кб (Скачать)

№ 2. Интернеттен ақпарат іздеу.

№ 3. Электронды байланыс бөлімімен жұмыс.

№ 4. Қарапайым Web-беттерін құру.

№ 5. WEB-беттерінде мәтін өңдеу.

№ 6. WEB-беттерінде кестелер орналастыру.

№ 7. Гиперсілтемелер құру.

№ 8. Сызбалар құру және өңдеу.

№ 9. Фрейм қолдану арқылы WEB беттерін құру.

№ 10. Берілген тақырыпқа WEB беттерін құру.

№ 11. Adobe Photoshop құралдар тізімін оқып үйрену.

№ 12. Қатпарлар палитрі.

№ 13. Мәтінді кіргізу және редакциялау.

№ 14. Adobe Phtoshop-та берілген тақырып бойынша коллаж құру.

№ 15. Қарапайым анимациялық бейнелер құру.

№ 16. Macromedia flash суреттер құралын үйрену.

№ 17. Белгілер жасау және редакциялау.

№ 18. Көптүрлі бейнелермен жұмыс.

№ 19. Мәтінмен жұмыс.

№ 21. Анимация құру.

№ 22. WEB-жібін жобалау және құру.

№ 23. Кестелердің қолданылуы.

№ 24. Таблицалар құру және өңдеу.

№ 25. Мультимедия нысанын қою.

№ 26. Берілген тақырып бойынша бақылау WEB-сайтын құру.

Негізгі білім мен дағды көлемі

Оқушылар білуі тиіс:

ДК жұмыс жүргізу кезіндегі басты ережелер мен техника қауіпсіздік ережелері.Интернет жүйесінің негізгі заңдылықтары.

Интернет жүйесінің мәліметтері мен компьютерлік жұмыс түрлері.

Ақпаратты алу жылдамдығының өлшем бірлігі.

Ақпарат алу және ауысу хаттамасының түрлері.

FTP-хаттамасы, FTP-бағдарының түрлері және HTTP-ден негізгі айырмашылықтары.

Интернетте мекен-жай орналастыру заңдылығы.

Браузер түрлері және құрылымы.

Интернетке қосылу жүйесінің тәсілдері.

Интернет торабындағы дүниежүзілік және орыс тілді мәліметтер көлемі.

Негізгі іздеу машиналары және оның түрлері.

Графикалық ақпараттармен жұмыс істеудің негізі.

WEB-беттері сайтын құру үшін керекті құралдар жиынтығы.

HTML тілін қолданудың негізгі ерекшіліктері.

WEB-редакторымен жұмыс істеу жүйесі.

WEB беттерінің типтік құрылы мен сайтты жобалау тәртібі.

WEB дизаинның негізгі заңдылықтары.

Интернетте жариялау үшін өз сайтты дайындау кезеңдері?

Оқушылар қолдана білуі тиіс:

Интернетке желісіне қосылу.

Браузер, электронды байланыс.

Интернет сайтын қадағалау кезінде орыс тілінің қаріпін кодтау.

Электронды байланысты қолдану; хаттар мәтінін құру және салу, хабарлама алу, ұсынылған сервисті қолдана білу мүмкіндігін реттеу.

Сайт бетінің электронды мекен-жайын құру, қаралған беттер бойынша алға және соңына қарай ауысу кезеңін іске асыру.

Таңдау және Тарих жинақ папкаларын қолдану.

Беттерді толық немесе үзінділер бойынша сақтау.

Жүйелі кесте бойынша жұмыс істеу.

Іздеу машиналарын қолдана білу.

FTP арқылы файл іздеуді жүзеге асыру, жалпы FTP –ді қолдану.

Іздеу машинасына нақты тапсырыс беру және керекті сайтты реттеу.

Логикалық операторларды қолдану арқылы берілген тақырыпқа сәйкес ақпарат әзірлеу.

WEBүшін графикалық кескіндерді құру және жүзеге асыру.

Мәтін және графикалық кескіндерді сканерден шығару.

Интернеттен ақпарат іздеу тәсілін меңгеру және керекті форматта сақтауды білу.

Сайтқа керекті мәтін және қолданбалы материалды дайындау.

Беттер толтыру үшін WEBредакторының құралдарын қолдану : беттерін жасау, гиперсалуды құру, мәтін теру, таблицалар қолдану.

Беттің белгіленген тәртібін жүзеге асыру.

Жеке сайт әзірлеу және Интернетке жариялау.

Фрейдік технология түрлерін қолдану.

Толық WEB –саит құру.

Жие қолданылатын тег және атрибуттер тізімі

Тег

Мәні

Беттің басымен аяғы

Беттің тақырыбы

Беттің аты

Беттің негізгі бөлімі

<Hі></Hі>

Тақарап (і 1 ден 6 ға дейін өзгереді)

Абзац

Абзаты теңістіру

Жолды ауыстыру

<HR>

Гаризонтал түз сызық

Жуан әріптер

Қийғаш әріптер

Жоғарғы индекс

Төменгі индекс

Шрифт көлемі

Шрифт түсі

Шрифт гарнитурасы

Сурет орналыстыру

Суретке коментрария беру

Суретті фон ретінде орналыстыру

Фон түсі

Мәтін түсі

Сілтеме түсі

Өтілген сілтеменің түсі

<A HREF=”URL”>TEKCT</A>

Басқа бетке сілтеме

<A HREF=”#*”>TEKCT</A>

Осы беттегі мәтінге сілтеме

Маркірленен тізім

Маркер түрі

Номерленген тізім

Номер түрі

Тізімдің бірінші нөмірі

<DL>

Анықтамалар тізімі

Лабораториялық жұмыс. Сурет атрибуттарын тағайындау

ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып, өз қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер енгізіңіздер.

Ескерту: Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар аударып отырыңыздар, өйткені ол Web-құжаттың Интеренеттен компьютерге жүктелуіне қатты әсер етеді.

Web-парақтарға фондық суреттер салу

Фондық сурет – шағын төртбұрышқа орналасқан суреті бар графикалық файл. Броузерге фон ретінде тағайындалғанда, сурет көбейіп терезе аумағын толық алып тұрады.

Фон ретінде пайдаланылатын сурет <BODY> тегінде көрсетіледі.

RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:

<HTML>

<HEAD> <H2 ALIGN=”CENTER”>Менің алғашқы парағым </H2>

<TITLE> Алғашқы HTML файлы </TITLE> </HEAD>

сәрсенбі күнгі

сабақ кестесі

</BODY >

</ HTML >

Басқа HTML-құжатқа сурет арқылы сілтеме жасау

1. ФНИ-1.HTM файлының соңғы жағына алғашқы параққа – ФНИ топтарының сабақ кестесі (файл RASP.HTM) парағына сілтеме жасау қажет. Сілтеме ретінде төмендегідей түрде графикалық файлды пайдаланыңыздар:

… </TR>

</TABLE>

< /BODY >

</ HTML >

Осының нәтижесінде алынған Webпарақтары қарап шығыңыздар.

Мұнда сілтеме рөлін оң жаққа және жоғары бағытталған тілсызық түріндегі сурет атқарады, ол HOME.GIF файлында жазылған.

Лабораториялық жұмыс. Кесте жасау

1. Блокнот программасын іске қосыңыздар.

2. келесі мәтін жолдарын теріңіздер.

<HTML>

<HEAD>

<TITLE>Сабақ кестесі</TITLE> </HEAD>

Сабақ кестесі

<TD>Уақыты</TD>

<TD>7а класс</TD>

</TR>

<TR>

<TD> Информатика </TD>

<TD> Тарих </TD>

</TR>

<TR>

<TD> Математика </TD>

<TD>Геодезия </TD>

<TD> Ағылшын тілі </TD>

<TR>

<TD> Тарих </TD>

<TD> Сызба геометрия </TD>

<TD> Компьютерлік графика </TD><TR>

</TABLE>

</BODY>

</ HTML >

Лабораториялық жұмыс. Гипермәтіндік байланыстар орнату

Бұранғы ФНИ.НТМ файлын Web – парақтың алдыңғы жағына жазылатын апта күндерінің аттары жазылған кестелермен толықтырайық.

Ол үшін:

ФНИ - 1 топтарының сабақ кестесі

жолдарынан кейін мынадай тәгтер тізбегін жазайық:

<TR>

<TD> Дүйсенбі </TD>

<TD> Сейсенбі </TD>

<TD> Сәрсенбі </TD>

<TD>Бейсенбі </TD>

<TD> Сенбі </TD>

</TR></TABLE>

Бұл фрагменттен кейін (RASP.HTM файлында) Дүйсенбі сөзіне сілтеймін белгі қоямыз, яғни Дүйсенбі сөздері орнына:

… <A NAME=”ДС”> Дүйсенбі </A> … сөздерін жазу керек.

Енді кесте ішіндегі Дүйсенбі сөзіне гиперсілтеме жасаймыз, яғни <TABLE WIDTH=100%> <TR> <TD> Дүйсенбі </TD> <TD> Сейсенбі </TD> <TD> Сәрсенбі </TD> <TD> … сөздері орына:

<TR> <TD> <A HREF=”#ДС”> Дүйсенбі </A> </TD>

<TR> <TD> <A HREF=”#CС”> Сейсенбі </A> </TD>

<TR> <TD> <A HREF=”#CP”> Сәрсенбі </A> </TD> сөздерін жазамыз.

Информация о работе WEB-бет дизайны, HTML