Создание Web-сайта — презентация онлайн
Похожие презентации:
Проблема. Мне бы хотелось найти друзей
Cloud and Mobile technology
Анализ воздействия социальных сетей на формирование зависимого поведения у молодежи
Облачные технологии
Киберспорт
Основы web-технологий. Технологии создания web-сайтов
Веб-дизайн
Социальная сеть Facebook
Системы телекоммуникации
Новый Пульт ГрузовичкоФ
1. Создание Web-сайта
2. 2 способа:
РучнойС использованием
конструктора
3. Существуют порталы, которые предоставляют возможность использования их ресурсов для помещения страниц пользователей. Они могут
4. По уровню персонификации сайты классифицируются:
СайтыКорпоративные
Персональные
5. Этапы создания сайта:
1. Анализ и проектирование сайта2. Информационное наполнение сайта
3. Креатив, или визуальная составляющая сайта
4. Написание кода
5.
Тестирование6. Публикация
7. Раскрутка
8. Поддержка
6. Этапы создания сайта:
Анализ и проектирование сайта. Анализаналогичных сайтов с выделением сильных и
слабых их сторон. Сайт проектируется исходя из
интересов предполагаемой аудитории.
Информационное наполнение сайта
(контент). Привлекает потенциальных
пользователей. Информация должна быть
интересна для целевой аудитории и качественно
оформлена.
7. Этапы создания сайта:
Креатив. Включает разработку дизайна,графических элементов, обработку графики и все,
что с ней связано.Разработка всегда
осуществляется на бумажном носителе, чтобы
определить лучший вариант расположения
типовых элементов. Т.к. страницы оформляются в
едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц,
программирование, написание функциональной
части.
8. Этапы создания сайта:
Тестирование. Проверяется удобство навигации,целостность данных, корректность ссылок и
орфография: 1) альфа-версия – ошибки проверяют
сами разработчики; 2) бета-версия – проверяют
другие люди.
Публикация. Сайт размещается в Интернете.
Можно воспользоваться бесплатным хостингом
www.narod.ru, www.boom.ru, либо разместить
сайт у провайдера.
9. Этапы создания сайта:
Раскрутка. Рекламная компания по узнаваниюсайта и повышению его посещаемости –
регистрация сайта в поисковых системах, обмен
ссылками и.т.д.
Поддержка. Постоянное обновление сайта. (не
реже 1 раза в 2 недели).
Элемент (element) — конструкция языка HTML.Это
контейнер, содержащий данные и позволяющий
отформатировать их определённым образом. Любая Webстраница представляет собой набор элементов. Одна из
основных идей гипертекста — возможность вложения
элементов.
Тег (tag) – начальный или конечный маркеры элемента.
отделяют элементы друг от друга. В тексте Webстраницы теги заключаются в угловые скобки, а
конечный тег всегда снабжается косой чертой.
Атрибут (attribute) – параметр или свойство элемента.
Это переменная, которая имеет стандартное имя и
которой может присваиваться определённый набор
значений:
стандартных
или
произвольных.
Предполагается, что символьные значения атрибутов
заключаются в кавычки, но некоторые броузеры
позволяют не использовать кавычки. Это объясняется
тем, что тип атрибута всегда известен заранее.
отделяются друг от друга пробелами.
Гиперссылка – фрагмент текста , который является
указателем на другой файл или объект. Гиперссылки
необходимы для того, чтобы обеспечить возможность
перехода от одного документа к другому.
Фрейм (frame) –этот термин имеет два значения.
Первое- область документа со своими полосами
прокрутки. Второе — одиночное изображение в сложном
(анимационном) графическом файле (по аналогии с кадром
кинофильма).
Примечание — вместо термина «фрейм» в специальной
литературе и локализованных программных продуктах
иногда можно встретить термин «кадр» или «рамка».
HTML – файл или HTML – страница – документ,
созданный в виде гипертекста на основе языка HTML.
Такие файлы имеют расширения htm или html. В
гипертекстовых редакторах и броузерах эти файлы
имеют общее название «документ».
Апплет (applet)- программа, передаваемая на компьютер
клиента в виде отдельного файла и запускаемая при
просмотре Web- страницы.
Скрипт или сценарий (skript) – программа, включенная в
состав Web- страницы для расширения её возможностей.
Броузер Internet Explorer в определённых ситуациях
выводит сообщение: «Разрешить выполнение сценариев
Расширение (extension) – элемент, не входящий в
спецификацию языка, но использующийся, обеспечивая
возможность создания нового интересного эффекта
форматирования.
CGI ( Common Gateway Interface) – общее название для программ,
которые, работая на сервере, позволяют расширить возможности
Web- страниц. Например, без таких программ невозможно создание
интерактивных страниц.
Программный код или код – аналог понятия «текст программы».
виде, когда видны все элементы и атрибуты.
World Wide Web, WWW или Web – Всемирная паутина,
распределённая система доступа к гипертекстовым документам,
существующая в Интернете, HTML является основным языком для
создания документов в WWW. Изучая его, мы изучаем часть этой
системы, хотя область применения языка намного шире.
Web – страница – документ (файл),подготовленный в
формате гипертекста и размещённый в World Wide Web.
Сайт (site) – набор Web –страниц, принадлежащих
одному владельцу.
Броузер (browser) – программа для просмотра Web –
страниц.
Пользовательский агент (user agent) – броузер или
другая программа, работающая на компьютере –
Загрузка (downloading) – копирование файлов с сервера на
компьютер – клиент.
English Русский Правила
Создание Web-сайта. Технологии создания сайтов
Похожие презентации:
Проблема.
Мне бы хотелось найти друзей
Cloud and Mobile technology
Анализ воздействия социальных сетей на формирование зависимого поведения у молодежи
Облачные технологии
Киберспорт
Основы web-технологий. Технологии создания web-сайтов
Веб-дизайн
Социальная сеть Facebook
Системы телекоммуникации
Новый Пульт ГрузовичкоФ
1. Создание Web-сайта Технологии создания сайтов
Выполнила: Хайруллина З.З.2. Установите соответствие между определением и изображением внутреннего устройства компьютера
• Процессор- мозг системного блока, выполняетлогические операции. От его скорости, частоты во
многом зависит быстродействие компьютера и вся
его архитектура.
• Материнская плата- основная часть системного
блока, к которой подключены все устройства
системного блока. Через материнскую плату
происходит общение устройств системного блока
между собой, обмен информацией, питание
электроэнергией.
• Оперативная память- память для временного
хранения данных в компьютере, используется
только тогда, когда компьютер работает.
• Сетевая карта- плата, устройство, устанавливается
в материнскую плату или встроено в нее. Сетевая
карта служит для соединения компьютера с другими
компьютерами по локальной сети или для
подключения сети Интернет.
• Видеокарта-плата внутри системного блока,
предназначенная для связи системного блока и
монитора, передает изображение на монитор и
берет часть вычислений по подготовке изображения
для монитора на себя. От видеокарты зависит
качество изображения.
• Жесткий диск- служит для длительного хранения
информации, на нем расположены программы,
необходимые для работы компьютера.
1.С помощью обычного текстового редактора,
например Блокнот. При этом web-страница
полностью создается вручную, путем вставки в
требуемый текст необходимых тегов – команд языка
разметки web-документов HTML.
Это самыйтрудоемкий и отнимающий много времени способ. Но
благодаря этому способу вы сможете сделать любые
странички и воплотить все свои фантазии.
2.HTML- редакторы. Это уже специальная программа с помощью которых
создаются web-страницы. Обычно работа в них также производится с
текстом HTML- документа, но предусматривает ряд инструментов,
позволяющих автоматически вставлять в текст соответствующие теги.
Такая программа- хороший помощник, намного ускоряющий создание
страниц, но при работе с ней также необходимо знание основ языка HTML.
3.WYSIWYG – редакторы (например MicrosoftFrontPage) специальные
программы для создания web-страниц и сайтов. Позволяют создать webстраницы, даже не имея никого понятия о языке HTML. Однако если
случится какой- либо сбой, найти ошибку, не зная основ HTML, очень
сложно. Другим недостатком этих редакторов является громоздкость
созданных с их помощью HTML-документов. В результате объем
документа сильно увеличивается, следовательно, увеличивается время
загрузки страницы.
7. Советы начинающим
• Никогда не называйте файлы web-страниц русскими именами.• Желательно в именах файлов всегда использовать строчные
буквы. Например, лучше назвать foto.jpg, а не FOTO.JPG или
Foto.jpg.
• Удобочитаемость текста зависит от: используемого шрифта,
длины строки, контрастности цветов теста и фона, соотношение
теста и пустого пространства на странице, а также от размера
шрифта. Избегайте использование курсива при небольшом
размере шрифта. Не пишите основной текст, а также заголовки
прописными буквами. Если в тексте предусмотрены гиперссылки,
старайтесь не использовать в тексте подчеркивание.
Приспосабливайте текст для беглого просмотра и поиска
наиболее важные идеи в начале параграфа и используйте
маркированные списки.
Фрейм – это обособленная область webдокумента со своими полосами прокрутки. С
помощью фреймов web-страница разделяется
на несколько независимых областей.
English Русский Правила
Презентация Дизайны веб-сайтов, темы, шаблоны и загружаемые графические элементы на Dribbble
View #Exploration — Презентация
#Исследование — презентация
View #Exploration — Колода Pitch — Пастельные тона
#Exploration — Колода Pitch — пастельные тона
Просмотр Pitch-Works
Питч-Воркс
Просмотреть Goshion — целевую страницу Pitch Deck
Goshion — посадочная страница на палубе
#Exploration — Некоторые исследования презентаций
Посмотреть слайды Friends of Figma
Слайды Friends of Figma
Просмотреть курс «Безупречная типографика» — курс Awwwards
Безупречная типографика — курс Awwwards
Просмотреть Pitchworx — Редизайн креативного агентства
Pitchworx — Редизайн креативного агентства
Просмотреть многоцелевой шаблон Aesthetic Modern Theme
Многоцелевой шаблон эстетической современной темы
Посмотреть курс типографики Awwwards
Курс типографики Awwwards
Просмотреть Goshion — презентационная колода
Goshion — Палубная площадка
Просмотр пользовательского интерфейса колоды возможностей QClay
QClay Capabilities Deck UI
Просмотреть Pitche — Целевая страница Pitch Deck Builder
Pitch — Целевая страница Pitch Deck Builder
Посмотреть презентационные работы
Смоляные заводы
Посмотреть услуги Ochi
Служба Очи
Просмотреть типографику — курс Awwwards
Типография — курс Awwwards
Посмотреть макет путеводителя по городу
Макет путеводителя по городу
Посмотреть колоду возможностей агентства QClay
Палуба возможностей агентства QClay
Посмотреть презентацию Ochi Behance
Очи Презентация Behance
Просмотреть Pitche — Pitch Deck Builder
Pitch — Pitch Deck Builder
Посмотреть Шаг здесь!
Шаг уже здесь!
Посмотреть Pitchworx — Страница работ/портфолио
Pitchworx — Страница работ/портфолио
Просмотр сведений о целевой странице слайда
Изучение целевой страницы слайда
Просмотреть целевую страницу Pitchy — Pitch Deck Builder
Pitchy — целевая страница Pitch Deck Builder
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
Бесплатные шаблоны презентаций предложений веб-дизайна
Создайте свою презентацию, повторно используя один из наших замечательных шаблонов сообщества.
.jpg)
Веб-дизайн с использованием шаблонов
Стенограмма: конец презентации 1. Adobe Dreamweaver 2. Amaya 3. Microsoft Expression Web 4. IM Creator 5. Wix Веб-дизайн с использованием шаблонов веб-дизайн с использованием шаблонов Adobe Dreamweaver — программа для разработки веб-страниц Dreamweaver поддерживает множество языков разметки, включая HTML, XML, CSS и JavaScript. Первоначально Dreamweaver был разработан и опубликован Macromedia в 1997 году. Adobe приобрела Macromedia (включая права на Dreamweaver) в 2005 году и продолжила разработку программы. ADOBE DREAMWEAVER Adobe dreamweaver Amaya — это веб-браузер, разработанный членами Консорциума World Wide Web (W3C) в качестве практического инструмента, а также полигона для тестирования идей W3C. Amaya распространяется как программное обеспечение с открытым исходным кодом, что означает, что разработчики программного обеспечения могут свободно добавлять или изменять его код и расширять его возможности. Amaya была разработана потому, что в то время ни один коммерчески доступный браузер не включал возможности редактирования.
Идея состояла в том, чтобы разработать браузер как способ понять, почему такие возможности не были предоставлены, и, возможно, помочь решить любые проблемы, которые возникали на пути. amaya amaya Microsoft Expression Web — редактор HTML и общий программный продукт для веб-дизайна от Microsoft. Expression Web может проектировать и разрабатывать веб-страницы с использованием HTML5, CSS 3, ASP.NET, PHP, JavaScript, XML+XSLT и XHTML. Для установки и запуска Expression Web 4 требуется .NET Framework 4.0 и Silverlight 4.0. Expression Web использует собственный механизм рендеринга, основанный на стандартах, который отличается от механизма Trident в Internet Explorer. Microsoft Expression Web Microsoft Expression Web IM Creator — это облачное решение для веб-разработки, которое позволяет отдельным лицам и компаниям создавать и поддерживать интернет-магазины, блоги и веб-сайты HTML5 без написания кода. IM Creator предлагает профессионально разработанные привлекательные шаблоны для любых нужд. Малые предприятия могут найти шаблон, который подходит для их компании.
Вы можете использовать простой интерфейс перетаскивания, чтобы стать профессиональным веб-дизайнером. С помощью IM Creator легко создать веб-сайт — выберите дизайн, настройте его с учетом своего контента, подключите к домену и опубликуйте — все в одном бесшовном процессе. im Creator im Creator Wix.com Ltd. — это израильская облачная платформа веб-разработки, которая была впервые разработана и популяризирована израильской компанией, также называемой Wix. Он позволяет пользователям создавать веб-сайты HTML5 и мобильные сайты с помощью онлайн-инструментов перетаскивания. . Конструктор веб-сайтов Wix построен на условно-бесплатной бизнес-модели и получает доход за счет премиальных обновлений. wix wix 1. Prezi 2. Слайд-шоу 3. Mind meister инструменты для онлайн-презентаций инструменты для онлайн-презентаций Prezi — это веб-инструмент для создания презентаций (сокращенно prezis). Оно похоже на другое программное обеспечение для презентаций, такое как Microsoft PowerPoint, но предлагает некоторые уникальные функции, которые делают его хорошей альтернативой.
В последние годы он стал популярным в школах и на предприятиях. Если вы хотите создать презентацию, которая будет привлекательнее и привлекательнее, MindMeister — это мощный облачный инструмент для составления карт разума, который помогает отдельным лицам и командам в школах и компаниях визуально фиксировать, развивать и делиться идеями. Это надежный инструмент для совместной работы, который предлагает впечатляющие графические методы, помогающие пользователям проводить мозговой штурм, создавать планы проектов, делать заметки, управлять собраниями и выполнять другие творческие задачи в Интернете. Это надежный инструмент визуализации информации, обеспечивающий процветающую общую среду, в которой пользователи из разных мест могут сотрудничать и решать проблемы в режиме реального времени. Некоторые из его примечательных функций включают редактор карты разума, режим истории, импорт и экспорт, представление карты разума, публикацию и встраивание, а также управление проектами. Мейстер разума Мейстер разума представляет собой серию изображений или страниц информации (слайдов), часто отображаемых на большом экране с помощью видеопроектора.
. Первые слайд-шоу были сделаны с изображениями на кусочках стекла, которые позже были заменены слайдами фотопленки в 19 веке.40с. По мере совершенствования технологии для проецирования изображения на экран стали использоваться диапроекторы, а слайды делались из прозрачных материалов для слайдов размером примерно с лист бумаги. slideshare slideshare 1. Диск Google 2.Dropbox 3. Облачное хранилище Evernote Облачное хранилище Google Диск — это служба облачного хранения, и, как и у любой службы облачного хранения, ее основная цель — расширить ваши возможности хранения файлов за пределами вашего жесткого диска. Google Диск — это служба облачного хранения, и, как и любая другая служба облачного хранения, ее основная цель — расширить ваши возможности хранения файлов за пределами вашего жесткого диска. google drive google drive Dropbox — это служба персонального облачного хранилища (иногда называемая онлайн-службой резервного копирования), которая часто используется для обмена файлами и совместной работы.
