Notepad уроки для начинающих: Создаем первую html страницу.

Содержание

Создаем первую html страницу.

Урок 2.

В этом уроке, Вы по моей инструкции создадите свою первую веб-страницу. Пока что Вам не надо вникать что за непонятные символы придется использовать. В этом уроке мы создаем страницу, а в следующих двух уроках мы полностью разберемся в каждом написанном символе.

Первое что мы делаем, это создаем папку на рабочем столе и даем ей название «Сайт». В этой папке будет проходить все наше дальнейшее творение.

Теперь запускаем блокнот Notepad++ который мы установили. (Если Вы этого еще не сделали, то инструкция по установке здесь). По умолчанию программа должна быть по директории /Program Files/Notepad++/, либо можно запустить через Пуск. Открыли программу и вставляем в нее следующий текст:

&lthtml&gt
&lthead&gt
&lttitle&gtМой первый сайт &lt/title&gt
&lt/head&gt
&ltbody&gt
Здравствуйте! Это моя первая веб-страница!
&lt/body&gt
&lt/html&gt

Далее, нажимаем в верхнем меню кнопку «Кодировки» и выбираем «Кодировать в UTF-8»

Большинство сайтов рунета состоят из страниц html написанных на кодировке UTF-8. Для того чтобы наши страницы корректно отображались в браузере, мы тоже будем использовать данную кодировку.

Теперь нужно сохранить наш файл в формате html.

Не забываем, что Notepad++, это текстовый редактор, а это значит, что на данный момент мы имеем обычный текстовый файл с набором символов. Для того чтобы наш браузер отображал созданную нами текстовую страницу как веб-страницу, нам нужно сделать из нее файл с расширением html.

Для этого нажимаем в верхнем меню кнопку «Файл», затем «Сохранить как», выбираем директорию (путь) куда будет сохранен файл, сохраним его в созданной нами папке: Рабочий стол/Сайт/, далее самое главное, выбираем нужный тип файла, в нашем случае это Hyper Text Markup Language (html).

Поздравляю Вас! Вы только что создали свою первую веб-страницу! Теперь Вы можете зайти в папку «Сайт» и запустить созданный файл. Страница откроется с помощью браузера, и Вы увидите, что вместо непонятных символов которые мы вставляли, браузер выводит на экран вполне понятную информацию.

Как это все работает, мы разберем в следующих уроках.

* Когда нам нужно будет открывать файл для редактирования, будем нажимать правой кнопкой мыши на файл и выбирать «Edit with Notepad++» (открыть с помощью Notepad++).

Вы что-то не поняли из этого урока? Спрашивайте!
[email protected]

ВАДИМ, ТЫ ОЧЕНЬ СИЛЬНО МНЕ ПОМОГ, Я ХОЧУ ОТБЛАГОДАРИТЬ ТЕБЯ

Редактор NotePad++

Вы здесь:
Главная — Софт — Софт для создания сайтов — Редактор NotePad++


Любой человек знает, что программный код надо сначала написать в каком-нибудь редакторе. Теоритечески, можно писать хоть в «Блокноте«, однако, программирование — непростое дело, и поэтому здесь нужен такой редактор, который будет активно помогать этому делу. И в этой статье я хочу поведать о замечательном редакторе NotePad++, который я рекомендую абсолютно всем начинающим программистам.

NotePad++ — это совершенно бесплатная программа, свежую версию которой Вы можете скачать здесь: http://notepad-plus-plus.org/download.

Теперь о том, чем же так хорош NotePad++:

  • Подсветка синтаксиса огромного количества языков.
  • Огромный набор функций для каждого языка (Ctrl+пробел), что очень удобно, если Вы не помните точное написание функции.
  • Ничего лишнего, что очень здорово для начинающих программистов.

Именно последнее достоинство сделало NotePad++ очень популярным редактором. Безусловно, если брать мощные редакторы, такие как NetBeans или Eclipse, то там всё значительно лучше, однако, новичку там разобраться практически невозможно. Чтобы оценить эти редакторы, нужно уже иметь недюжинный опыт.

Несколько лет назад, когда я только начинал изучать Java, я пользовался редактором TextPad (похож на NotePad++ по своей простоте), и я не пожалел, что начал именно с него. Так как именно в нём я приобрёл ту базу знаний, которая позволила мне перейти на более удобные для опытного программиста варианты. Поэтому если Вы только начинаете изучать какой-либо язык, то берите NotePad++ — не прогадаете, благо языков этим редактором поддерживается очень много.


  • Создано 15.04.2011 12:50:13



  • Михаил Русаков

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):


  1. Кнопка:

    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:


  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

Тестовые редакторы Notepad++ и Sublime Text, урок 5

 

Тестовые редакторы это

Текстовые редакторы это инструментальные программы, предназначенные для создания, правки, редактирования текстов. К текстовым редакторам относятся всем известные редакторы: Microsoft Word, блокнот Windows, Open Office, WordPad и это только самые известные из редакторов текстовых документов.

Но в создании сайта нужно не только писать статьи и другую текстовую информацию, часто нужно править HTML, PHP, CSS документы, и это только самые распространенные файлы, которые приходится править при создании сайта.

Кроме этого, большое значение в файлах сайта имеет его кодировка. Кодировка файла это цифровое обозначение букв, символов в документе для их дальнейшей передачи и раскодирования   (чтении) на другом устройстве (программе). Несовпадение кодировки, создании, документа и его чтении приводит к показу, так называемых «крокозябров», нечитаемых символов.

В этом уроке, мы не останавливаемся на таком понятии, как форматирование текста (не путать с форматом документа).  Но это понятие относится к текстовым документам (шрифты, размеры шрифтов, цвета, служебное форматирование и т.д.), но важно понимать, что нам нужны текстовые редакторы, не убирающие всё форматирование документа.

К таким редакторам относится стандартный блокнот Windows, но он настолько неудобен, что не подходит для серьезной работы с HTML, PHP, CSS документами.

Вывод 1. Для работы с файлами HTML, PHP, CSS, и т.п., которые являются основными при создании сайтов, верстки шаблонов сайта и других работ вебмастера, нужны специальные текстовые редакторы.

В выборе текстового редактора я не могу сказать, нужно выбрать только этот редактор и никакой другой. Всё зависит от операционной системе, на которой вы работает и ваших собственных предпочтений.  Функционал у всех специальных тестовых редакторов приблизительно одинаков.

Я могу посоветовать, два бесплатных текстовых редактора Notepad++ и Sublime Text 3.     

Notepad++ и Sublime Text основные отличии

  • Notepad++ бесплатный, много язычный текстовой редактор под ось Windows. Стиль по умолчанию белый. 
  • Sublime Text бесплатный англоязычный, много операционный, (по версиям) тестовой редактор. Стиль по умолчанию черный.

Кроме языка и цвета окна никаких отличий, важных для начинающего веб-мастера, я не вижу.

Замечание: В дальнейших уроках я буду использовать только Notepad++, поэтому далее настрою именно этот редактор, а про Sublime Text скажу, где его забрать и как установить.

Текстовой редактор Notepad++

Примечание: Два плюса в названии редактора отличают его от других Notepad-ов, а также напоминают нам, что написан он на языке программирования C++.

  • Берем редактор Notepad++ только на официальном сайте. https://notepad-plus-plus.org/download/v7.html. Не путаем версию Windows;

  • Забираем файл программы с установщиком и после скачивания запускаем установщик;
  • Выбираем русский (ил ваш) язык и проходим несколько шагов установки Notepad++ на свою локальную машину.

Всё. Для начала работы никаких настроек в самом редакторе можно не делать. Для описания всех опций редактора можно написать отдельную книгу, здесь покажу две кнопки.

Кодировки. Это важная опция в правке файлов сайта. Основная кодировка, в которой нужно сохранять файлы Joomla, это кодировка UTF-8 без BOM.

Синтаксис. Это кнопка для удобства работ. Выбираете синтаксис своего документа php, css, html и видите удобно подсвеченный документ.

Нет. Покажу побольше опций Notepad++, явно не видных с перового взгляда. 

Плагины Notepad++. Notepad++  хорош тем, что можно включить 35± дополнительных плагинов, улучшающих работу редактора. Идем следующим путем: кнопка Плагины→Plugin Manager→Show Plugin Manager.

Выбираете плагин, жмете Install, готово.

На фото я показал, пример подключения плагина NppFtp. Этот плагин позволяет включить FTP клиент непосредственно в блокноте Notepad++. Помним правило, каждая программа должна заниматься своим делом, в блокноте Notepad++ редактируем файлы, а для FTP связи с каталогом сайта используем FilleZilla. Дальше мы подключим блокнот к FilleZilla.

Кнопки Файл, Правка, Поиск, Вид не требуют особых объяснений, я уверен вы разберетесь самостоятельно.

Вывод 2. Установленный редактор Notepad++ готов к работе без дополнительных настроек. Он полностью синхронизирован со всеми папками сайта и открываются и сохраняются из/в

Notepad++ и FilleZilla

Кроме синхронизации с папками компьютера можно синхронизировать редактор с FTP клиентом FilleZilla, о котором мы говорили на прошлом уроке: 2 программы FTP клиент для создания Joomla сайта.

  • Открываем FilleZilla;
  • Редактирование→Настройка→Правка файлов→Использовать следующий редактор;
  • Выбираем на компьютере редактор Notepad++;

Теперь при попытке редактировать файл сайта из FilleZilla, этот файл откроется в  Notepad++ и после сохранения сохранится в каталоге сайта.

Текстовой редактор Sublime Text

Теперь второй тестовой редактор Sublime Text 3, говорящий на английском языке. Этот редактор более популярен у молодой части веб мастеров.

Забираем нужную версию редактора тут: https://www.sublimetext.com/3. Для Windows 7 забираем файл «Sublime Text Build 3114 Setup».

Ставим программу стандартно, после установки редактор готов к работе.

©Joomla-abc.ru

Другие уроки сайта

  • 10 лучших WAMP платформ для CMS Joomla под Windows, урок 3

  • 12 Правил оптимизации Joomla сайта, урок 28

  • 2 программы FTP клиент для создания Joomla сайта – FilleZilla, WinSCP, урок 4

  • 33 первых расширения Joomla сайта — плагины и компоненты для расширения функционала сайта, урок 29

  • 5 Программ для работы с изображениями Joomla, урок 6

  • Favicon сайта Joomla – как создать и установить favicon на сайт Joomla, урок 13

  • Joomla модуль Обёртка (Wrapper)

  • Joomla на XAMPP — управление Joomla в автономном режиме на локальной машине, урок 7

  • reCAPTCHA версия 2.0 на сайте Joomla — капча на Joomla сайте

  • URL Joomla: SEF, ЧПУ, убрать index урок 59

 

 

УЧЕБНИК HTML для новичков — Способы создания web-страничек

Способы создания web-страничек



Вообще существует три известных мне способа, все они имеют свои преимущества и свои недостатки.

  • Создание странички с помощью Notepad. Это подразумевает, что вы будете писать страничку вручную, расписывая все теги самостоятельно. Это самый трудоемкий и отнимающий уйму времени способ. Но, овладев им, вам станет понятной вся кухня этой увлекательной профессии сайтостроения, вы сможете спокойно строить такую страничку, какую захотите, какой подскажет вам ваша фантазия. Это внутренний мир без границ.
  • Специализированные HTML-редакторы. В принципе, это хороший помощник, намного ускоряющий процесс работы над страничкой. Но только в том случае, если вы уже знакомы со всеми понятиями и определениями. Так что все-таки я бы советовала начать с простого текстового редактора.
  • Специальные программы для создания страничек. С помощью таких программ, совершенно не зная ни программирования, ни одного символа и закорючки HTML, вы сможете легко и просто, буквально за час создать приемлемую страничку, и она будет прекрасно функционировать. Единственно, что вы так и не сможете понять, как она действует, и если случится какой-то сбой, найти ошибку, не понимая основ HTML будет очень и очень нелегко. Кроме того, такие программы имеют весьма ограниченные функции, и если вдруг вам захочется ввести какие-то новшества в свою страничку, вам придется либо устанавливать новую программу, либо переделывать весь сайт заново, либо обратиться к толковому программисту. Что касается личного опыта, то я пробовала в разное время пользоваться подобными программами, и единственный раз, когда я была довольна результатами — когда пришлось делать сложную таблицу.

Так что товарищи, запаситесь терпением и блокнотиком, но не тем, который продается в киоске, а тот, который можно открыть с помощью кнопки Start (Пуск) в нижнем левом углу экрана монитора:

Start-Programs-Accessories-Notepad (Пуск-Программы-Стандартные-Блокнот),

вот так, как показано ниже:

Открытие Notepad (Блокнота)

И вот он — божественный прямоугольник с четырьмя кнопками наверху: File, Edit, Search и Help. Впрочем, за все время работы с этим редактором, мне вполне хватало и одной кнопки File, да и то для того, чтобы просто сохранить результаты своего труда.

Notepad (Блокнот)

Вот он! Вот он этот чистый, невинный лист блокнота. Бум делать из него человека! То есть наше детище… Ну или что у кого там получится…

Конечно, если сравнить этот простенький блокнотик хотя бы с такой навороченной программой, как Dreamweaver, по красоте и дизайну наш блокнотик вряд ли может соперничать, но по результатам мастерства… я бы не торопилась делать выводы.

Если выбрать команду меню Format-Font, появится диалог Font, где вы сможете выбрать тот шрифт, который вам понравится, с каким удобней работать. И обязательно отметьте галочкой Format u Word Wrap. Это необходимо сделать для того, чтобы текст помещался по ширине экрана, а не разъезжался на несколько экранов вширь.

Однако хочу замететь, что для создания сложных сайтов, для разработки интернет магазинов требуются серьезные знания не только в области HTML, но и PHP, MySQL, JavaScript и других програмных продуктов, хотя и тут Notepad будет незаменимым помощником. Если же Вы не хотите тратить время на освоение всего комплекса этих программ, можно подыскать хорошую web-студию, которая быстро сделает интернет магазин под ключ любой сложности.



Уроки HTML. Введение, структура обучения

Если вы читаете этот текст, значит, у вас есть желание научиться создавать сайты на HTML. Что же, могу вас поздравить, ведь большое желание научиться чему-то это уже полдела. А в случае с HTML так и вообще, практически больше ничего не потребуется. Почему? Да потому что это очень просто! Буквально через пару часов у вас будет достаточно знаний, чтобы смастерить, как говориться, «на коленке» свою собственную страничку. Да, она будет простой и на ней не будет супер эффектов, но зато она будет Ваша, собственная, где каждый символ написан со знанием дела. Если у тебя, читатель, остались еще какие-то сомнения, то немедленно отбрось их в сторону! Не думай ни о чем, а просто прочти мои уроки и выполняй задания. Обещаю, что к концу этого мини курса вы будете знать и понимать, как устроена HTML страница, и как ее создать абсолютно с нуля.

Даже если у вас уже есть собственный блог на WordPress или другой CMS, все равно, искренне советую пройти данный курс и выполнить все задания, ведь вы начнете понимать, как устроен HTML изнутри, а это вам пригодится при работе с блогом ни раз. Вперед!

Что нам потребуется?

Хорошо, что вы все-таки решились и начали изучать HTML, но что же для этого нужно? Какие программы скачать, установить, купить? Главное спокойствие, я все расскажу по порядку.

Смотрите: для создания странички нужен обычный текстовый редактор. Да-да, тот самый блокнот, который Notepad. Но лично я бы вам посоветовал пользоваться текстовым редактором Notepad++. Просто заходим на страницу скачиваем последнюю версию блокнота и устанавливаем (это очень просто, но если будут вопросы, то смело задавайте их в комментариях, я обязательно помогу). Никакой дополнительной настройки не нужно. Просто, установили и можно сразу же пользоваться.

А вот просматривать наши созданные странички нужно с помощью браузера. Что такое браузер читаем тут. У вас уже установлен Internet Explorer, как минимум, а возможно еще и какой-либо другой обозреватель (Firefox, Chrome, Opera, Safari). По большому счету для нас не будет важным, каким браузером вы пользуетесь, подойдет любой.

Парочка распространенных вопросов

Вопрос: Зачем создавать сайты в блокноте и писать все самому, если можно воспользоваться программой, например, Adobe Dreamweaver или Microsoft FrontPage?

Ответ: Дело в том, что все программы и конструкторы для создания сайтов представляют собой навороченные комбайны, которые подключают множество готовых плагинов и библиотек, в которых реализованы те или иные моменты. Например, работа с базами данных, работа с DIV’ами и так далее. Все бы ничего, но большинство из подключенных библиотек вам будут не нужны. Они мертвым грузом упадут на бедный сервер, который будет вынужден подключать их каждый раз, хотя они даже не используются. Это первый момент. Второй момент в том, что когда вы пишете сайт в блокноте, то там не будет ничего лишнего. Вы будете уверены за каждый написанный символ, будете знать как оно работает. А можете ли вы быть так же уверены за код, написанный другими людьми? Думаете, что если программу разрабатывают профессиональные программисты, то в ней нет ошибок? Я, как дипломированный инженер автоматизированных систем, уверяю вас, в каждой мало-мальски крупной системе есть ошибки и уязвимости. И чем крупнее эта система, тем их больше. Увеличение количества узлов приводит к увеличению связей между ними, за которыми просто невозможно уследить. Так что написанный вами собственноручно сайт будет работать в разы быстрее и надежнее. То же самое относится и к php, по которому у меня тоже есть уроки. Ну и третий момент, разве вам самим не интересно понимать принцип работы сайтов? Банальное любопытство должно быть у каждого человека.

Вопрос: Нужно ли находиться в сети (Online) для того, чтобы разрабатывать сайты? Чтобы читать этот учебник?

Ответ: Нет, не нужно. Вы можете быть не в сети и писать себе спокойно в блокнотике свой сайт, тестировать его в браузере. Странички учебника можно сохранить себе на компьютер или же просто открыть их в обозревателе и просто отключиться от Интернета, они никуда не денутся. Так что, на вашем пути нет ни одного препятствия для освоения HTML и написания своей первой странички. Так чего вы ждете? Вперед, к первому уроку! 🙂

Содержание | Урок 1. HTML теги →

HTML — Учебник для начинающих / ProgLang

HTML (англ. HyperText Markup Language) — расшифровывается как «язык гипертекстовой разметки», который является наиболее часто используемым языком.

HTML был создан Тимом Бернерс-Ли в конце 1991 года, но первой стандартной спецификацией HTML стала «HTML 2.0», которая была опубликована в 1995 году. Основной версией HTML была 4.01, и она была опубликована в конце 1999 года. Хоть версия HTML 4.01 широко распространена, но в настоящее время существует версия HTML 5, которая является расширением HTML 4.01 и была опубликована в 2012 году.

Аудитория

Учебник предназначен для начинающих веб-дизайнеров и разработчиков с возможностью понимать HTML достаточно подробно, вместе с его простыми уроками и практическими примерами. Этот учебник по HTML бесплатно даст Вам достаточно составляющих, чтобы начать с изучать HTML, а также поднять себя на более высокий уровень знаний.

Предпосылки

Прежде чем приступать к изучению самоучителя по HTML, Вы должны обладать базовыми знаниями для работы с операционной системой Windows или Linux, кроме того, Вы должны:

  • иметь опыт работы с любым текстовым редактором, таким как блокнот, notepad++ и другие;
  • уметь создать каталоги (папки) и файлы на своем компьютере;
  • уметь перемещаться по различным каталогам;
  • уметь записывать содержимое в файл и сохранять его на компьютере;
  • иметь понимание изображений в разных форматах, таких как JPEG, JPG и PNG.

Попробовать HTML онлайн

Большинство примеров кода, приведенные в этом учебном пособие в уроках, будут выглядеть в виде окна, как показано ниже:

<!DOCTYPE html>
<html>
   <body>
      <h2>Привет мир!</h2>
   </body>
</html>
Поделитесь:

HTML для начинающих. Урок 2

Продолжаем говорить об HTML. Во втором уроке важно в точности следовать инструкциям, тем самым мы создадим свою первую Web-страницу. Некоторые моменты Вам могут быть не понятны, но это только по началу, чем больше будет практики, тем более для Вас будут привычнее действия и понимание языка. В этом уроке наша задача создать страницу на html, некоторые вопросы и неясности будут рассмотрены в след. уроках.

Для начала создадим папку с которой мы будем работать на Рабочем столе под типичным названием Сайт. В этой папке будет проходить вся наша работа.

На прошлом уроке мы скачивали один из редакторов Notepad++ или же Sublime Text (на выбор). Если установка была стандартной, то эти программы можно найти в папке Program Files. В моём случае я выберу Notepad++, запускаем его и пишем или копируем код приведённый ниже..

<html>
    <head>
        <title>Первый сайт</title>
    </head>
    <body>
        Приветствую! Это моя первая страница..
    </body>
</html>

Для того чтобы наша страница отображалась корректно в браузере, рекомендуется использоваться кодировку utf-8. Углубляться подробнее в тему с кодировкой не стоит, просто стоит это помнить. В Notepad++ Вы всегда можете её поменять так: Кодировки – Кодировать в UTF-8 (без BOM).

Также мы видим, что файл наш не сохранён пока ещё, и поэтому текстовый редактор не показывает нам  подсветку кода, так как не знает что это за файл и его расширение. Для того чтобы созданное нами превратилось в Web-страницу, нам нужно сохранить её, как файл с расширением .html . Для этого нажимаем в верхнем меню кнопку Файл – Сохранить как.. либо привычно нажать комбинацию клавиш Ctrl+S.

Выбираем путь куда будет сохранён файл, сохраним его в созданной нами папке с названием “Сайт”. И изменим название сайта на index.html (название + расширение). Обычно первую страницу называют именно таким именем. После чего нажмём “Сохранить”.

Вот и всё, наш первый файл можно считать уже Web-страницей у которой есть название и пару слов в качестве контента на странице. Также можем заметить что код после сохранения файла нам уже подсвечивается, а значит можем продолжать работать в таком режиме.

После изменения расширения данного файла, его можно открыть теперь через Google Chrome .

Как видите наш файл открылся в браузере, как обычная интернет страница, где мы видим обычный текст, а в коде созданной нами страницы присутствуют ещё различные непонятные символы – так называемые “теги“. Что это за теги, и как это всё работает мы разберём в следующей статье. На этом пока всё! До следующей статьи..!

шагов для создания веб-страницы в HTML с помощью Блокнота

Веб-сайт — это просто набор веб-страниц. Веб-страница или веб-документы, написанные на HTML (язык гипертекстовой разметки) . Эти веб-страницы можно просматривать с помощью любого веб-браузера и Интернета.

Html Language используется для написания кода и программ для создания веб-страниц. Создать веб-страницу легко, и вы можете изучить ее, выполнив несколько основных шагов, упомянутых ниже:

HTML Программа или страница могут быть созданы многими HTML или текстовыми редакторами.Эти редакторы представляют собой программное обеспечение, которое помогает нам писать наш код с помощью простого пользовательского интерфейса. Сегодня мы увидим, как создать HTML-страницу или веб-страницу с помощью редактора Блокнота.

Редактор блокнота

— это встроенный текстовый редактор в Windows Computers. Вы можете найти похожие редакторы в операционных системах Mac и Linux.

Существует множество расширенных редакторов HTML или программного обеспечения. Однако мы рекомендуем использовать стандартный и простой редактор, например блокнот, для начинающих. Это всегда хороший способ начать изучать HTML.


Создание простой HTML-страницы с помощью редактора блокнота

Выполните четыре шага ниже, чтобы создать свою первую веб-страницу с помощью Блокнота.

Шаг 1. Откройте Блокнот (Windows)

Windows 8 или более поздняя версия:
Откройте начальный экран и выполните поиск (введите «Блокнот»)

Windows 7 или предыдущая версия Windows:
Откройте Пуск> Программы> Стандартные> Блокнот


Шаг 2. Создайте новый документ

Перейдите в меню блокнота: Файл> Новый

Откроется новый пустой документ, и здесь вы сможете начать писать свою первую HTML-программу.


Шаг 3. Напишите HTML-код или программу

Напишите HTML-код. Если вы еще не знакомы с HTML, прочтите несколько глав в разделе «Учебники по HTML».

Напишите свой собственный HTML-код или просто скопируйте следующую простую HTML-программу в документ блокнота.

  


 

Мой первый заголовок

Мой первый абзац.


Шаг 4. Сохраните HTML-страницу

Перейдите в меню блокнота: Файл> Сохранить (или используйте сочетание клавиш CTRL + S)

Вам будет предложено сохранить файл на вашем компьютере.Дайте ему имя с расширением .html и сохраните его (например, program.html)

Примечание. HTML-страницу следует сохранять с расширением .html с осторожностью.


Шаг 5. Просмотрите HTML-страницу с помощью браузера

Веб-браузеры — это программы или программное обеспечение, которые используются для просмотра веб-страниц / веб-сайтов. Вы можете найти Internet Explored по умолчанию, если используете компьютер с Windows. Вы также можете загрузить другие популярные веб-браузеры, такие как Google Chrome или Firefox.Воспользуйтесь любым из них.

Теперь просто откройте сохраненный HTML-файл в любом браузере:
Дважды щелкните файл или щелкните его правой кнопкой мыши и выберите «Открыть с помощью», чтобы выбрать другой браузер.

Ваш HTML-файл откроется в веб-браузере, и он покажет вывод, основанный на вашей html-программе.

Поздравляем, если вы можете запустить свою первую программу HTML.

Теперь вы можете узнать больше о HTML-тегах и создать больше HTML-страниц.Используя эти HTML-страницы, вы также можете легко создать свой собственный веб-сайт.


Узнайте больше о похожих темах:

Учебники
Контент не найден.
Интервью Вопросы и ответы
Контент не найден.

HTML Tutorial using Notepad, PDF Download Part 1, Free Tutorial

Это базовое руководство для новичков объясняет веб-кодирование HTML простым для понимания способом, рассчитанным на начинающих пользователей. Подробное руководство с пошаговыми инструкциями и сопутствующими снимками экрана в формате Word или PDF, позволяющее создать собственную базовую веб-страницу, используя только редактор Блокнота. Это руководство не требует каких-либо предварительных знаний о веб-редактировании или веб-кодировании и объясняет, как создать полнофункциональную веб-страницу для всемирной паутины.Ниже вы можете выбрать один из форматов документов PDF или MS Word для загрузки.

Авторские права на все руководства © 2007-2019 All Creative Designs ®, права защищены во всем мире. См. Авторские права

Темы, охваченные этим базовым учебным курсом по HTML, часть 1

Шаг 1. Создайте новую папку в «Моих документах».
. Щелкните правой кнопкой мыши на пустом пространстве и выберите «Создать», затем «Папка» (см. Рис. 1a), присвоив ей имя local_websites.

Шаг 2: Сохранение изображений в вашу веб-папку
Перейдите на одну из наших страниц фотографий в разделе Галерея.Щелкните правой кнопкой мыши любую миниатюру и выберите копию. Перейдите в папку my_first_web_page и вставьте, повторите процесс, чтобы у вас было два изображения.

Шаг 3: Открытие Блокнота
Откройте Блокнот в Windows, Все программы> Стандартные> Блокнот

Шаг 4: Использование Блокнота
Введите только код, показанный зеленым цветом
Описание Фактический код Пояснение
Инструкции по внедрению изображений

Шаг 5: Сохранение файла Блокнота как index.html

Шаг 6: Просмотр веб-страницы

Шаг 7: Устранение неполадок

Базовое руководство по HTML, часть 1:
Моя первая веб-страница
Простое руководство по HTML для новичков в формате Word или PDF.

Что такое HTML? Аббревиатура расшифровывается как Hyper Text Markup Language.
Компьютерный язык, используемый для создания гипертекстовых документов, позволяющий подключать один документ или Интернет-страницу к множеству других. HTML — это основной язык, используемый для создания страниц во всемирной паутине.
Продолжительность этого руководства составляет примерно 40-50 минут и позволит вам создать и просмотреть простую веб-страницу.
Если вы можете создать папку, сохранять файлы и иметь возможность копировать и вставлять, это руководство не составит труда.

(Загрузка учебника word.docx может не работать должным образом при использовании более старой версии MS Internet Explorer, используйте прилагаемую версию PDF)

Загрузить инструкции в формате Word.docx 350 КБ

Загрузить инструкции в Adobe Reader Формат .pdf 350KB

Образовательные учреждения могут связаться с нами, чтобы распечатать этот PDF-файл только для учебных целей.
Разверните меню обучающих программ, чтобы получить доступ к другим руководствам по веб-дизайну и редактированию изображений.
Вернуться на главную страницу учебников

All Creative Designs предоставляет уникальные услуги по дизайну и разработке веб-сайтов и позволяет создавать профессиональные и инновационные проекты в соответствии с вашими требованиями. Каждый веб-сайт уникален и создается без использования заранее созданных шаблонов. Мы разрабатываем интерактивные и информативные веб-решения для некоммерческих организаций, создавая динамические базы данных участников с полными функциями администрирования. Все Creative Designs обслуживает район Намбукка / Кофс-Харбор и Новый Южный Уэльс.

Руководства, веб-дизайн и все изображения принадлежат © 2019 www.allcreativedesigns.com.au права во всем мире защищены.

ABN: 65869832328

Сделай сам — Учебники — КАК ИСПОЛЬЗОВАТЬ NOTEPAD ++ ДЛЯ HTML ДЛЯ СОЗДАНИЯ ВЕБ-САЙТА: БЕСПЛАТНОЕ УПРАВЛЕНИЕ ДЛЯ НАЧИНАЮЩИХ HTML (2021)

⌚ ТАМПЫ ВРЕМЕНИ ⌚
00:00 ВВЕДЕНИЕ
00:57 Создайте свою первую HTML-страницу
08:31 Просмотрите свою HTML-страницу
09:22 Тег HEAD
09:44 Тег BODY
10:31 Заголовок HTML-тегов
12:41 Тег абзаца
13:51 Тег разрыва строки
15:57 Теги форматирования текста
18:45 Списки (упорядоченный и неупорядоченный список)
23:33 Комментарии в HTML
25:29 Тег горизонтальной строки
27:08 Тег IMG (Добавить изображение в HTML)
31:40 Тег гиперссылки A (Добавить ссылку на веб-сайт HTML)
34:30 Ссылка на почту (добавить ссылку электронной почты на страницу HTML)

КАК ИСПОЛЬЗОВАТЬ NOTEPAD ++ ДЛЯ HTML ДЛЯ СОЗДАНИЯ ВЕБ-САЙТА
====================================== ===========
УЗНАЙТЕ, КАК СДЕЛАТЬ ВЕБ-САЙТ БЕСПЛАТНО.ВСЕ, ЧТО ВАМ НУЖНО НУЖНО НУЖНО ++ И ВАШЕ ВООБРАЖЕНИЕ!

1. Откройте Блокнот ++.
2. Создайте новый документ.
3. Файл ► Сохранить ► index.html (избегайте использования пробелов, используйте ‘_’).
4. Введите следующий HTML-код, как показано на видео.

ПРИМЕЧАНИЕ. Избегайте стремления скопировать и вставить. По мере того, как вы печатаете, вы тренируете свой мозг
для усвоения этих команд и информации. Итак, по крайней мере
в начале изучения HTML, избегайте копирования / вставки.

5. Сохраните файл еще раз. Должна появиться подсветка синтаксиса.(Это причина, по которой
вы должны использовать notepad ++ для создания веб-сайта HTML, а не Notepad
, который поставляется с Microsoft).

6. Теперь перейдите в проводник и дважды щелкните этот файл.
Он должен открыться в веб-браузере по умолчанию (Google Chrome / MS Edge)

7. Поздравления. Вы создали в Notepad ++ свой первый html-сайт. Вы также можете просмотреть текущий файл в различных браузерах, выбрав «Просмотр» ► «Просмотреть текущий файл в».

ДАВАЙТЕ ОБЗОР, ЧТО МЫ ПРОСТО СДЕЛАЛИ.
==============================

Каждая страница html состоит из
1. DOCTYPE — Объявление для веб-браузера о версии HTML.
2. HEAD (блок заголовка),
3. Блок BODY — вся ваша веб-страница html будет находиться между тегами body.

HTML, HEAD, BODY и т. Д. Называются HTML-тегами. У каждого тега должно быть
закрывающих тега.

ДОБАВИМ НЕКОТОРЫЕ HTML-ТЭГИ В НАШЕМ NOTEPAD ++ HTML ДОКУМЕНТ
====================================== =================
Давайте добавим несколько тегов HTML.Существует множество HTML-тегов. Мы просто изучим
наиболее распространенных, чтобы вы могли создать свой собственный веб-сайт.

1. ЗАГОЛОВОК HTML-ТЕГОВ

h2, h3, h4… ..
Обратите внимание, регистр не учитывается.

2. ПАРАГРАММНЫЕ ТЕГИ

теги p
Обратите внимание, что разрывы текста не затрагиваются.

3. ПЕРЕРЫВ СТРОКИ

Если вам нужен разрыв строки в определенном абзаце.

4.ФОРМАТИРОВАНИЕ ТЕКСТА HTML-ТЕГОВ

Полужирный — b
Курсив — i
Подчеркнутый — u
По центру — по центру
Зачеркнутый
Надстрочный индекс
Подстрочный индекс

5.СПИСКИ

ЗАКАЗАННЫЕ СПИСКИ (старые) — Нумерованный список

НЕЗАКАЗАННЫЕ СПИСКИ (ul) — пункты списка

ПРЕДМЕТЫ СПИСКА (li)

6. КОММЕНТАРИИ

7. ГОРИЗОНТАЛЬНАЯ ЛИНИЯ

8. ИЗОБРАЖЕНИЕ HTML-ТЕГ

9. HYPERLINKS

10. ССЫЛКИ НА ЭЛЕКТРОННУЮ ПОЧТУ HTML-ТЕГ


Спасибо за просмотр этого видео «Как использовать Notepad ++ для html для создания веб-сайтов».

☛ пожалуйста НРАВИТСЯ или ПОДПИСАТЬСЯ.
☛ Прокомментируйте, если хотите посмотреть видео по определенной теме

(# UseNotepad ++ forHTMLToCreateWebsite # Notepad ++ HTMLWebsite)

исходный код

Notepad ++ для начинающих | Small Business

Notepad ++ — это замена Блокнота с открытым исходным кодом и редактор исходного кода для Windows.В качестве легкого текстового редактора он добавляет функции, отсутствующие в Блокноте Windows, такие как вкладки, интерфейс с разделенным экраном, проверка орфографии и плагины. Notepad ++ также включает подсветку синтаксиса и другие функции для программистов, работающих с исходным кодом, и доступен для бесплатной загрузки с официального сайта.

Начало работы

После загрузки и установки Notepad ++ с официального сайта (см. Ссылку в разделе «Ресурсы») вы можете запустить его с помощью ярлыка в меню «Пуск».Текстовые файлы открываются, когда вы нажимаете меню «Файл» и «Открыть» перед переходом к файлу на вашем компьютере и двойным щелчком по нему. Каждый файл открывается как новая вкладка; вы можете переключаться между ними, щелкнув над панелью редактирования текста. Чтобы закрыть вкладки, щелкните их правой кнопкой мыши и выберите «Закрыть» или «Закрыть» в меню «Файл».

Подсветка синтаксиса

Функция выделения синтаксиса помечает различные части файла исходного кода разными цветами, что упрощает понимание структуры кода с первого взгляда.Notepad ++ не определяет исходный код автоматически, а вместо этого определяет тип кода по расширению файла. Например, если вы откроете файл с именем «file.html», Notepad ++ будет использовать подсветку синтаксиса HTML. Если вы создаете новый файл, Notepad ++ автоматически включает выделение после сохранения файла с соответствующим расширением. Щелкнув меню «Язык» и выбрав язык программирования, вы включите подсветку синтаксиса вручную.

Плагины

Notepad ++ поставляется с несколькими плагинами, включая проверку орфографии.Чтобы управлять своими плагинами или установить больше, вы должны щелкнуть меню «Плагины», указать на «Диспетчер плагинов» и выбрать «Показать диспетчер плагинов». На вкладке «Доступные» в окне «Диспетчер подключаемых модулей» показаны подключаемые модули, которые можно загрузить и установить из Интернета; щелчок по названию плагина позволяет просмотреть описание, а нажатие «Установить» устанавливает его.

Вкладки «Обновления» и «Установленные» в этом окне позволяют обновлять или удалять плагины, которые отображаются как параметры в меню «Плагины». Например, вы можете использовать проверку орфографии, щелкнув меню «Плагины», указав на «Проверка орфографии» и нажав «Проверка орфографии».»

Настройка

Notepad ++ позволяет настраивать большинство параметров из окна« Настройки », доступ к которому можно получить, щелкнув меню« Настройки », а затем« Настройки ».« Цвета подсветки синтаксиса можно настроить, щелкнув меню «Настройки» и «Конфигуратор стилей». . » Вы также можете использовать подменю «Импорт» в меню «Настройки», чтобы импортировать тему стиля из файла. Сочетания клавиш можно назначить и настроить, нажав «Настройки» и «Сопоставление клавиш».

Ресурсы

Биография писателя

Крис Хоффман — технический писатель и разносторонний технический специалист, который пишет для PC World, MakeUseOf и How-To Geek.Он использует Windows с момента выпуска Windows 3.1 в 1992 году.

Руководство по веб-дизайну для начинающих

Введение

Добро пожаловать, чтобы узнать, как создать свой собственный веб-сайт! Начать работу с дизайном веб-сайтов поначалу может быть немного сложно, но как только вы изучите основные строительные блоки архитектуры веб-сайтов, создание собственного веб-сайта больше не будет казаться довольно запутанным.

В этом кратком руководстве будут рассмотрены некоторые основные шаги и код, необходимый для создания простого веб-сайта.Как создать сайт? Для настройки содержимого вы используете язык гипертекстовой разметки (HTML). Каскадные таблицы стилей (CSS) используются для стилевых эффектов. Мы изучим базовый HTML-код и CSS-код для советов по управлению контентом, организации и стилю. Мы рассмотрим эти другие шаги в руководстве после того, как вы их закончите. Теперь, если вы похожи на меня, когда я только начинал, вам интересно, как мне вообще начать кодировать с помощью HTML? Что ж, вам нужна программа для написания кода. У меня есть ПК с Windows и хорошая программа для загрузки — Notepad ++ (и самая важная часть — она ​​бесплатна!).Еще одна хорошая программа — Adobe Dreamweaver, но требует ежемесячной или годовой платы. Вы также будете использовать обычный старый блокнот, если у вас есть ПК с Windows, например, для кодирования CSS, но вы также можете использовать Notepad ++ для этого.

Ссылки для загрузки соответствующего программного обеспечения: Notepad ++, Adobe Dreamweaver.

Введение в веб-дизайн

Прежде чем мы начнем изучать код, вам нужно остановиться, сесть и подумать о том, как вы хотите, чтобы ваш сайт выглядел, что вы хотите, чтобы он делал, и как вы хотите, чтобы он делал все эти вещи для вас и ваших потенциальные посетители.Важно помнить, что вы проектируете не только для себя, но и для своих зрителей. Ваш сайт должен быть логичным, функциональным и эстетичным.

Хороший способ начать — это то же самое, как если бы вы все спланировали. Провести исследования! Посетите некоторые из ваших любимых, наиболее посещаемых или наиболее популярных веб-сайтов. Есть функции и элементы дизайна, которые вам наверняка понравились или которые, по вашему мнению, сделали веб-сайт более удобным для навигации. Так что сядьте и сделайте несколько заметок. Имейте в виду, что некоторые из этих элементов могут оказаться для вас слишком опытными прямо сейчас, но это не значит, что вы не сможете научиться их применять, когда приобретете базовые фундаментальные навыки.Теперь набросайте несколько идей для вашего собственного веб-сайта. Как вы хотите, чтобы это выглядело? Какова его цель? Как и при написании статьи, вы не можете начать, пока не узнаете, в чем заключаются ваши аргументы.

Отличный текст, который поможет вам понять, что входит в дизайн веб-сайтов, — это The Elements of User Experience Джесси Джеймс Гарретт. Это легко посмотреть на его веб-сайте здесь.

Инфографика ниже отлично помогает понять, как начать творческий процесс и какие творческие и функциональные шаги следует учитывать на этом пути.

Вы читали инфографику Гаррета? Это полезно, не так ли? Теперь, когда вы узнали немного о том, что нужно для обеспечения хорошего взаимодействия с пользователем с самолетов Гаррета, пора приступить к некоторым основам HTML.

Нажмите здесь, чтобы начать.

Блокнот ++

Notepad ++ — это простой текстовый редактор. Мы могли бы использовать встроенный блокнот Windows (который имеет много похожих общих функций),
но Notepad ++ имеет несколько хороших функций, специально предназначенных для программистов на Java.Вы можете бесплатно скачать его с веб-сайта Notepad ++.

Notepad ++ прекрасно настроен для базового редактирования Java, поскольку он дает вам номера строк (как и
JVM, когда он предупреждает вас об ошибках кода), и раскраска синтаксиса, то есть раскрашивает
разные биты кода разные цвета, поэтому вы можете увидеть, что они означают в
прогрессия кода. Позже в разделах мы поговорим об интегрированных средах разработки,
которые являются более сложными редакторами, но на данный момент мы привыкнем к использованию чего-то простого
так что нам всегда есть к чему вернуться.

Где это?

В Windows 7 он должен появиться на начальном экране. Альтернативно
выполните поиск по запросу « apps » по запросу « Notepad ++ ».

В других Windows нажмите кнопку Windows внизу экрана.
Затем нажмите « Все программы » и, когда появится меню, нажмите « Notepad ++ ». Когда появится следующее меню, в нем должен быть Notepad ++.

В качестве альтернативы …

Нажмите кнопку Windows внизу экрана (или щелкните правой кнопкой мыши левый конец панели задач.
на рабочем столе Windows 7). Щелкните « Run ... «. Введите « Notepad ++ » в длинное поле и нажмите « OK ».

Пять важных функций Notepad ++:

«Вырезать и вставить»

Большинство программ Windows
использовать одни и те же клавиши для выполнения общих функций, и большинство из них используют
Клавиша « Control » (обозначенная « Ctrl ») нажата одновременно с
буквенный ключ.Наиболее распространены …

  • Ctrl ‘ + ‘ A ‘ Чтобы выбрать все.
  • Ctrl ‘ + ‘ C ‘ Скопируйте текст, выделенный перетаскиванием мыши.
  • Ctrl ‘ + ‘ X ‘ Вырежьте текст, выделенный перетаскиванием мыши, и сохраните его.
  • Ctrl ‘ + ‘ V ‘ Вставьте вырезанный или скопированный текст в место, где последний раз щелкнули мышью.
  • Ctrl ‘ + ‘ Z ‘ Отменить последнее действие.

Чтобы выделить текст, проведите по нему мышью, удерживая левую кнопку нажатой. Когда вы получаете
до конца нужного текста отпустите кнопку мыши. Текст должен оставаться выделенным до тех пор, пока
затем щелкните кнопкой мыши. Если вырезать и скопировать текст, он попадает в «буфер обмена». Обычно вы можете
есть только одна вещь за раз, но это может быть текст, изображения или другие объекты.

Попробуйте скопировать приведенный выше абзац из браузера и вставить его в Notepad ++.

Найти и заменить функции

Как и в большинстве программ Windows, это …

  • Ctrl ‘ + ‘ F ‘ Найдите слово.
  • Ctrl ‘ + ‘ H ‘ Найдите слово и замените его другим.

Они полезны для поиска определенного места в длинной программе и замены
сразу несколько словосочетаний.

[Обратите внимание, что поиск / замена в Notepad ++ намного сложнее, чем большинство других; например, если вы
знать, как писать регулярные выражения, вы можете сделать это в этих диалогах]

Сохранить как текст с

.java расширение

Если вы пишете программы на Java, вам нужно сохранить исходные файлы в виде простого текста, а не
чем что-то с большим количеством цветов и форматированием шрифтов, например файл Word (компилятор Java
работает только с текстовыми файлами). Как только Notepad ++ узнает, что вы имеете дело с Java, он раскрасит синтаксис и ключевые слова, но не сохранит эти цвета в
файл — он распознает их автоматически.

Однако вам нужно будет называть файл своим именем.java , а не yourname.txt , который
чаще используется для текстовых файлов. Компилятор распознает только файлов .java .

Если у вас есть текст в Notepad ++, теперь вы можете это сделать
следуя этим инструкциям …

  • В меню в верхней части Notepad ++ выберите « File ».
  • Щелкните « Сохранить как ... », и появится поле с параметрами.
  • В отображаемых папках найдите в личном пространстве подходящую для
    поместите временный файл в.
  • В длинном поле рядом с « Имя файла » введите « MyFirstBigNotepadFile.java ».
  • Щелкните в длинном поле рядом с « Тип сохранения: » — появится раскрывающийся список.
  • В списке выберите « Все файлы », « Обычный текстовый файл » или « Исходный файл Java ».
  • Щелкните « OK «.

Номера строк

Одним из действительно полезных аспектов Notepad ++ является то, что он показывает номера строк.Компилятор Java и JVM будут отображать номера строк любых проблем, так что это
действительно полезно иметь возможность их видеть.

Если номера строк не отображаются в левой части
редактор, вы можете включить их, перейдя в меню Настройки ,
выбор Preferences ... , поиск
Редактирование вкладки и включение Отображение номера строки .

Формование

Обратите внимание, что для программистов действительно полезной функцией является то, что вы можете выбрать целый набор строк.
(щелкните и перетащите мышь), а затем нажмите клавишу Tab , чтобы сдвинуть все линии за один раз.

Чтобы протянуть линии в другую сторону, нажмите Tab , удерживая нажатой клавишу Shift .

Когда вы будете в порядке с этим участком, вернитесь, используя кнопку «Назад» в браузере.

Учебное пособие — Блокнот

Учебник — Блокнот

В этом руководстве объясняется, как автоматизировать открытие Блокнота, автоматический ввод текста и последующее закрытие Блокнота. Предполагается, что вы уже знакомы с созданием и запуском скриптов AutoIt, как показано в руководстве HelloWorld.

Сначала создайте пустой скрипт с именем npad.au3 , а затем отредактируйте файл (используя Блокнот или SciTE по своему усмотрению).

Первое, что нам нужно знать, это имя исполняемого файла Блокнота. Это notepad.exe — вы можете получить эту информацию, просмотрев свойства ярлыка Блокнота в меню «Пуск». Чтобы запустить Блокнот, мы используем
Функция AutoIt Run. Эта функция просто запускает указанный исполняемый файл и затем продолжает работу.

Введите первую строку скрипта как:

Запустить («notepad.exe»)

Запустите сценарий — если все пойдет хорошо, должен открыться новый экземпляр Блокнота.

При автоматизации приложений AutoIt может проверять заголовок окна, чтобы знать, с каким окном он должен работать. В Блокноте заголовок окна, очевидно, Без названия — Блокнот . AutoIt чувствителен к регистру при использовании заголовков окон, поэтому
вы должны правильно указать заголовок — лучший способ сделать это — использовать AutoIt Window AutoIt v3 Window Info.Запустите AutoIt v3 Window Info из Start Menu \ AutoIt v3 \ AutoIt Window Info .

При открытом инструменте «Информация» щелкните вновь открывшееся окно «Блокнот», чтобы активировать его; Информационный инструмент предоставит вам информацию об этом. Интересующая нас информация — это окно заголовок .

Выделите заголовок в окне AutoIt Info Tool и нажмите CTRL-C , чтобы скопировать его в буфер обмена — затем мы можем вставить заголовок в наш скрипт, не опасаясь его орфографической ошибки.

После запуска копии Блокнота нам нужно дождаться, пока он появится и станет активным, прежде чем отправлять какие-либо нажатия клавиш. Мы можем дождаться окна с помощью WinWaitActive
функция. Большинство связанных с окном функций в AutoIt принимают заголовок окна в качестве параметра.

Введите следующую строку во второй строке сценария (используйте CTRL-V или Edit \ Paste , чтобы вставить заголовок нашего окна из буфера обмена).

WinWaitActive («Без названия — Блокнот»)

Убедившись, что окно Блокнота видно, мы хотим ввести текст.Это делается с помощью функции отправки.

Добавьте эту строку в наш скрипт.

Отправить («Это какой-то текст.»)

Теперь весь сценарий будет выглядеть так:

Выполнить («notepad.exe»)
WinWaitActive («Без названия — Блокнот»)
Отправить («Это какой-то текст.»)

Закройте копию Блокнота, которую мы ранее открывали (вам нужно будет делать это каждый раз при запуске скрипта, иначе у вас будет работать много копий!).Запускаем скрипт.

Вы должны увидеть, что Блокнот открыт, а затем волшебным образом появится какой-то текст!

Далее мы хотим закрыть блокнот, мы можем сделать это с помощью функции WinClose.

WinClose («Без названия — Блокнот»)

Когда Блокнот попытается закрыть, вы получите сообщение с просьбой сохранить изменения. Используйте инструмент Window Info Tool, чтобы получить подробную информацию о появившемся диалоговом окне, чтобы мы могли ответить на него 🙂

Итак, мы добавляем строку для ожидания, пока это диалоговое окно станет активным (мы также будем использовать текст окна, чтобы сделать функцию более надежной и отличить это новое окно от исходного окна Блокнота):

WinWaitActive («Блокнот», «Сохранить»)

Затем мы хотим автоматически нажать Alt-N , чтобы выбрать Нет / Не сохранять кнопку (подчеркнутые буквы в окнах обычно указывают, что вы можете использовать клавишу ALT и эту букву в качестве сочетания клавиш).В функции отправки для отправки клавиши ALT мы используем ! .

Отправить («! N»)

Теперь наш полный сценарий выглядит так:

Запускаем («notepad.exe»)
WinWaitActive («Без названия — Блокнот»)
Отправить («Это какой-то текст.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *