Advanced-Front-End-Techniques-Homework.rar_AdvancedFront资源-CSDN文库

共45个文件

png：35个

html：6个

css：4个

版权申诉

9 浏览量 2022-09-24 19:43:34 上传评论收藏 148KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Advanced-Front-End-Techniques-Homework.rar （45个子文件）

exercises

exercise-5

ex-5.html 631B

exercise-1

ex-1.html 2KB

exercise-2

ex-2.html 603B

exercise-4

ex-4.html 641B

exercise-3

styles-3.css 7KB

ex-3.html 2KB

styles-1.css 7KB

styles-2.css 7KB

index.html 10KB

common

css

styles.css 7KB

images

icons-example.png 113KB

icons

page_white_php.png 538B

page_white_excel.png 663B

folder_delete.png 666B

page_white_add.png 512B

page_white_actionscript.png 664B

group_delete.png 827B

page_white_cplusplus.png 621B

comment_edit.png 644B

page_white_edit.png 618B

folder_edit.png 733B

group_add.png 807B

page_white_acrobat.png 591B

folder_add.png 668B

folder.png 537B

comment_delete.png 548B

page_white_cup.png 639B

page_white_delete.png 536B

group.png 753B

comments_add.png 648B

comment_add.png 530B

page_white_powerpoint.png 588B

page_white_c.png 587B

comments_delete.png 670B

user.png 741B

user_delete.png 767B

page_white_ruby.png 626B

comment.png 413B

user_add.png 746B

group_edit.png 785B

comments.png 557B

page_white_csharp.png 700B

page_white.png 294B

page_white_camera.png 656B

user_edit.png 833B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="bg" xml:lang="bg" dir="ltr"> <head> <title>Advanced Front-End Techniques - задачи</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="./common/css/styles.css" /> </head> <body> <div id="site-wrap"> <h1>Advanced Front-End Techniques - задачи</h1> <p>Задачите са базирани на <a href="./exercises/">материалите</a> приложени за всяка от тях.</p> <h2>Задача 1</h2> <p>Във файла <a href="./exercises/exercise-1/ex-1.html">ex-1.html</a> оптимизирайте HTML и CSS кода като запазите същия изглед. Оптимизирайте селекторите, както и влагането (nesting) на HTML тагове.</p> <h2>Задача 2</h2> <p>Намерете правилния клас от CSS файла <a href="./common/css/styles.css">styles.css</a> и го задайте за линковете в <a href="./exercises/exercise-2/ex-2.html">ex-2.html</a>, за да "симулирате" навигация / избран елемент.</p> <h2>Задача 3</h2> <p>Комбинирайте стиловете използвани в <a href="./exercises/exercise-3/ex-3.html">ex-3.html</a> в един файл, така че да не промените изгледа на страницата.</p> <h2>Задача 4</h2> <p>Групирайте картинките намиращи се в <a href="./common/icons">~/common/icons/</a> в спрайт. Разпишете смислени класове за всяка картинка и ги сложете на страница заедно с подходящ текст към всяка икона. Стиловете и спрайта трябва да бъдат предвидими и лесно разшируеми. Като краен резултат трябва да получите HTML файл, картинка-спрайт и CSS класове за всяка иконка. Визуално може да ползвате подреждане (layout) подобно на това: <a href="./exercises/exercise-4/ex-4.html">ex-4.html</a>.</p> <h2>Задача 5</h2> <p>Напишете и публикувайте една или повече маркетинг статии за SEO, насочени към оптимизация на сайта на front-end курса (<a href="http://frontendcourse.telerik.com">http://frontendcourse.telerik.com</a>). Целта е да се поставят подходящи backlinks в публичното Интернет пространство по ключовите фрази, които се отнасят за курса:<br />HTML курс, курс уеб програмиране, безплатен курс HTML, курс HTML CSS, безплатен курс уеб, HTML course, free HTML course, front-end курс, JavaScript курс, JavaScript безплатен курс, курс CSS, безплатен курс CSS, обучение CSS, обучение HTML, обучение JavaScript, научи HTML, научи CSS, научи JavaScript, front-end програмиране, front-end development, HTML курс Телерик, безплатен курс HTML CSS, курс HTML 5, самоучител HTML, самоучител CSS, самоучител JavaScript, самоучител уеб програмиране, самоучител уеб разработка, безплатно обучение за уеб програмисти, курс jQuery, курс Photoshop, курс уеб сайтове, самоучител уеб сайтове, курс CMS системи, курс HTML CSS JavaScript, курс SEO, лекции HTML, лекции CSS, лекции JavaScript, лекции уеб разработка, уроци HTML, уроци CSS, уроци JavaScript, уроци уеб разработка, видеолекции HTML, видеолекции CSS, видеолекции JavaScript, видеолекции уеб разработка, видеоуроци по HTML, CSS и JavaScript, академия на Телерик</p> <p>Статиите трябва да съдържат изцяло авторски текст (забранено е да се копира чуждо съдържание). Статиите трябва да се публикуват в популярни блогове, портали, сайтове и форуми, свързани с уеб програмирането. Трябва да предадете списък с URL адреси, където сте публикували статиите си (вж. <a href="./exercises/exercise-5/ex-5.html">ex-5.html</a>). Моля използвайте специализирани сайтове, за да не изглеждат вашите публикации като спам. Не използвайте всички ключови думи в една статия (прекалено много са), а само някои от тях. Можете да измислите и други ключови думи по темата.</p> <p>Примерна статия за блог:</p> <div class="article-example"> Не мога да не споделя моята радост от <a href="http://frontendcourse.telerik.com">безплатните обучения по разработка на уеб приложения</a>, които се провеждат в <a href="http://academy.telerik.com">Академията на Телерик</a>. Това е цялостен курс по фронт енд уеб технологии: HTTP, HTML, CSS, Photoshop, JavaScript, jQuery, CMS системи, HTML 5 и други, подходящ за уеб програмисти и дизайнери. <a href="http://frontendcourse.telerik.com">Безплатният курс по front-end development (HTML, CSS, JavaScript, CMS системи)</a> се води от екип печени разработчици с реален опит. Курсът се провежда един път седмично в продължение на 4 месеца. Първият месец се провежда <a href="http://frontendcourse.telerik.com">обучение по HTTP, HTML и CSS</a>. През втория месец се обръща внимание на тънкостите при разработката на уеб сайтове. Това включва <a href="http://frontendcourse.telerik.com">обучение по HTML, Photoshop и рязане на уеб сайтове (slice and dice)</a>. Безплатните обучения през третия месец фокусират върху тънкости при <a href="http://frontendcourse.telerik.com">разработката на уеб сайтове</a>, <a href="http://frontendcourse.telerik.com">основи на JavaScript</a> и <a href="http://frontendcourse.telerik.com">работа със CMS системи</a>. Следва практически проект, който включва всички изучавани до този момент технологии (HTML, CSS, Photoshop, JavaScript, трикове при рязането на сайтове и други). Най-добрите студенти получават сертификат за квалификация "Certified front-end developer". През последния месец на курса се провежда <a href="http://frontendcourse.telerik.com">задълбочено обучение по JavaScript, jQuery, HTML 5 и RIA</a>. Следва практически изпи

评论收藏

内容反馈

版权申诉