Basic HTML and Weebly ICT Grade 8 1 of 8 HTML Structure / HTML структура Basic HTML Code <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> <font color="#669900">Добро пожаловать! :)</font> </body> </html> Basic HTML Page Основная страница HTML edmodo.com http://nis.edu.kz joseph@ictjoseph.com 2 of 8 HTML vs. CSS HTML or Hypertext Markup Language is used to develop a website. CSS or Cascading Style Sheets are used to save formating information for all parts of a page. This information can be used many different times to make sure that every part of your site functions well and has the same design. HTML или Гипертекстовый Язык Разметки использован для разработки веб-сайта. CSS или Каскадных таблиц Стилей используются, чтобы сохранить форматирование информация для всех частей страницы. Эта информация может быть использована много раз, чтобы убедиться, что все части вашего сайта хорошо работает и имеет тот же дизайн. http://nis.edu.kz joseph@ictjoseph.com 3 of 8 Weebly vs. HTML “Seek out and capitalize on as many time-saving technology advances and techniques as you can.” "Ищите и заработать на столько экономия времени развития технологий и методов, как вы можете". - Mitch Thrower Modern programming done by PSD converters, Weebly, Dreameweaver, or exports from a variety of other applications help endusers create content in an efficient way. Although code is written line by line at a much higher level we will only focus on basics. Современное программирование сделано преобразователи PSD, Weebly, Dreameweaver, или экспорта из ряда других приложений помочь конечным пользователям создавать контент в эффективным образом. Хотя написан код строка за строкой и на гораздо более высоком уровне, мы сосредоточим внимание на основы. http://nis.edu.kz joseph@ictjoseph.com 4 of 8 Weebly.com – Create a Website Register for your own account on the main page. Then create a site named “(your name)‘s Website“ and then select Education. Регистрация для вашей собственной учетной записи на главной странице. Затем создать сайт с именем "(ваше имя) Сайт", а затем выберите образования. Select use a subdomain of weebly.com and make sure that it is available. The other options cost money. Begin making your website with the toolbar located at the top of the screen. Anything labeled pro can not be used. Выберите использовать поддомен weebly.com и убедиться, что это возможно.Другие варианты стоят денег. Начать сделать свой сайт с панелью инструментов расположена в верхней части экрана. Все надписью Pro не может быть использована. http://nis.edu.kz joseph@ictjoseph.com 5 of 8 Starting Your Site Click Design on the top tab followed by All Themes. Here you will find many templates to choose from. Нажмите создать в верхней вкладке за ним Все Темы. Здесь вы найдете множество шаблонов на выбор. After choosing the template customize your homepage with the options located in the Elements tab. После выбора шаблона настроить домашнюю страницу с параметрами, расположенных на вкладке Элементы. We now have to create pages. Each student should create the following pages: LA, SS, Math, Science, ICT, Blog, and My Page Теперь мы должны создать страницы. Каждый студент должен создать следующие страницы: LA, SS, Math, Science, ICT, Blog, and My Page http://nis.edu.kz joseph@ictjoseph.com 6 of 8 Check Lists HTML Vocab Weebly Update <html> Choose template <head> Edit main page <body> <font> <iframe> <div> <br /> <embed> <img> <a> Add pages Add a blog Create one blog post Turn in Weebly on edmodo Add content to your own page http://nis.edu.kz joseph@ictjoseph.com 7 of 8 Thanks for listening... January 2012 8 of 8