Как создать HTML-файл на Mac

Обновлено: 21.11.2024

Пользователи Apple могут подумать, что при использовании Mac Mail им не хватает подписи электронной почты в формате HTML. Подписи электронной почты (или подписи электронной почты) предоставляют прекрасную возможность включить ваш бренд организованным и чистым образом. В частности, они могут быть отличным местом для вторичного CTA (призыва к действию) и других необходимых нижних колонтитулов электронной почты (например, ссылок для отказа от подписки и поддержки). Здесь также могут отображаться ваши социальные сети и другие контактные данные. Это то, что вы хотите иметь заранее, так как вам не захочется вводить его каждый раз, когда вы пишете новое электронное письмо.

Мы знаем, что HTML-подписи электронной почты отлично подходят для вашего бренда. Это неправда, но Mac Mail не упростил внедрение. Вот пошаговое руководство, которое поможет вам.

Шаг 1. Создайте свою электронную подпись в формате HTML

Прежде чем вы сможете создать HTML-подпись для Mac Mail, вам необходимо создать HTML-файл.
Лично я делаю это с помощью генератора подписи электронной почты HubSpot. Эти шаги будут работать независимо от того, какие средства вы используете для создания HTML-файла.

Теперь, если вы используете GMail или почтовый клиент, такой как Outlook, следующие шаги просты. Откройте созданный вами HTML-файл в веб-браузере (я использую Chrome), выделите содержимое, затем нажмите «Копировать», перейдите в область подписи в окне приложения электронной почты и нажмите «Вставить». НО для Mac Mail это, к сожалению, не так просто. Следуйте приведенным ниже инструкциям, и мы надеемся, что это немного облегчит вам задачу.

Шаг 2. Создайте файл подписи электронной почты в Mac Mail

  • Открыть почту Mac
  • Создайте новое письмо
  • Нажмите «Подпись», а затем в раскрывающемся списке «Изменить подпись».
  • Выберите папку "Входящие", для которой хотите создать подпись.
  • Нажмите кнопку +
  • Назовите подпись
  • Закройте всплывающее окно
  • Полностью закрыть Mac Mail

Шаг 3. Найдите файл HTML-подписи электронной почты

  • Открыть окно поиска
  • Выберите папку Macintosh HD
  • Перейти к пользователям
  • Выберите свое имя пользователя (если вы не видите скрытые папки, нажмите cmd+shift+dot. Повторите это, чтобы скрыть их снова, если хотите)
  • Открыть библиотеку (скрытая папка)
  • Затем откройте Почту
  • Найдите и откройте V7 (или любую новую папку V)
  • Затем откройте MailData,
  • Теперь откройте Подписи
  • В этой папке будут все ваши папки с подписями со случайными строками для имени файла.
  • Найдите самый новый (это файл, который вы создали на шаге 1).

Шаг 4. Добавьте HTML-код в файл Mac Mail

  • Откройте файл подписи в текстовом редакторе (я предпочитаю Sublime text)
  • Оставьте первые 5 строк кода (последняя строка кода будет начинаться с Mime-Version — оставьте всю эту строку как есть).
  • Удалить каждую строку НИЖЕ этой строки.
  • Скопируйте и вставьте свой HTML-код (из шага 1)
  • Вставьте его на две строки ниже строки Mime-Version.
  • Сохраните HTML-код и закройте файл.
  • Вернитесь в окно поиска, выберите файл подписи, который вы только что отредактировали, и нажмите Cmd+I (Получить информацию).
  • В разделе «Общие» установите флажок «Заблокировано».
  • Закройте это окно и еще раз проверьте, виден ли в вашем файле замок (если вам когда-нибудь понадобится отредактировать файл подписи, вам нужно будет выполнить этот шаг в обратном порядке, чтобы временно разблокировать файл).

Шаг 5. Посмотрите на свою подпись в действии

  • Что ж, если вы дошли до этого места, поздравляем!
  • Открыть почту Mac
  • Создайте новое письмо
  • Если вы не видите подпись, убедитесь, что ваш почтовый ящик для отправки — тот, который вы выбрали на шаге 2.
  • Все еще не видите? Нажмите подпись и выберите ее вручную из раскрывающегося списка.
  • Наслаждайтесь!

Нужна помощь?

Если все это кажется слишком техническим, не бойтесь! Свяжитесь с нами в Brugel Creative, и мы создадим и добавим для вас электронное письмо в формате HTML в вашу учетную запись Mac Mail.

В этой статье я покажу, как создавать, открывать и редактировать файлы HTML в TextEdit.

Что такое TextEdit?

TextEdit — это бесплатный текстовый процессор, предустановленный на вашем компьютере Mac. Он существует уже более 25 лет, и это простой способ открывать и читать текстовые файлы, текстовые файлы и даже файлы HTML.

Как создать файл HTML в TextEdit

<р>2. Нажмите «Формат» и нажмите «Сделать обычным текстом».

<р>3.Добавьте в файл базовый шаблон HTML.

<р>4. Выберите «Файл» > «Сохранить».

<р>5. Назовите файл с расширением .html. Это сообщит компьютеру, что он работает с файлом HTML. Нажмите Сохранить.

<р>6. Нажмите «Использовать .html».

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

Как открывать документы HTML в TextEdit

Есть два способа открыть файл HTML в TextEdit.

Вариант 1

Перейдите к HTML-файлу, который хотите открыть, щелкните файл правой кнопкой мыши и выберите TextEdit, чтобы открыть его.

Вариант 2

Откройте TextEdit и нажмите «Файл» > «Открыть». Вы также можете навести указатель мыши на параметр «Открыть последние», если вы недавно открывали этот файл.

Режим редактирования кода TextEdit

В TextEdit есть возможность всегда отображать HTML-файлы в виде HTML-кода.

<р>2. Нажмите «Открыть и сохранить»:

<р>3. Установите флажок Отображать HTML-файлы как HTML-код вместо форматированного текста:

Теперь вы можете вносить изменения в HTML-файл и просматривать результаты в браузере.

Именно так вы создаете, сохраняете, открываете и редактируете файлы HTML в TextEdit.

Я музыкант и программист.

Если вы дочитали до этого места, отправьте твит автору, чтобы показать, что вам не все равно. Твитнуть спасибо

Научитесь программировать бесплатно. Учебная программа freeCodeCamp с открытым исходным кодом помогла более чем 40 000 человек получить работу в качестве разработчиков. Начать

freeCodeCamp – это поддерживаемая донорами некоммерческая организация, освобожденная от налогов в соответствии со статьей 501(c)(3) (идентификационный номер федерального налогоплательщика США: 82-0779546)

Наша миссия: помочь людям научиться программировать бесплатно. Мы достигаем этого, создавая тысячи видеороликов, статей и интерактивных уроков по кодированию — все они находятся в свободном доступе. У нас также есть тысячи учебных групп freeCodeCamp по всему миру.

Пожертвования в пользу freeCodeCamp идут на наши образовательные инициативы и помогают оплачивать серверы, услуги и персонал.

TextEdit — это простой, но полезный текстовый процессор и текстовый редактор, который входит в состав macOS на Apple Mac, но используете ли вы его для редактирования HTML и кода? Его можно использовать с некоторыми изменениями.

Используете ли вы TextEdit или он слишком прост для ваших нужд? Я, конечно, не рекомендовал бы его для серьезного редактирования кода, но если вы окажетесь на другом Mac на работе или дома у друга, это может быть все, что у вас есть. Обычно я использую Brackets или BBEdit, см. Лучшие инструменты веб-разработки для Apple Mac.

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

Давайте посмотрим, как HTML-файл загружается в TextEdit с настройками по умолчанию.

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

Если щелкнуть .html-файл в окне Finder, удерживая нажатой клавишу Ctrl, и выбрать «Открыть с помощью», TextEdit.app, TextEdit откроется и отобразит файл. Однако он проходит процесс преобразования и на странице выглядит немного иначе в окне TextEdit.

Более того, когда вы сохраняете файл после внесения изменений, он переписывает код по-своему, и вряд ли это будет так, как вы этого хотите. Он добавляет много собственного кода CSS, изменяя то, что уже было. На самом деле это может привести к поломке некоторых функций вашего веб-сайта. В процессе он преобразует файл .html в файл .rtfd.

Настройки TextEdit

Эти проблемы можно легко решить, и TexEdit можно превратить в HTML-редактор, который можно использовать, если ничего другого нет, изменив несколько настроек.

Что вам нужно сделать, так это открыть TextEdit в папке Applications и перейти в раздел TextEdit, Preferences. На вкладке Новый документ вы можете выбрать обычный текст в качестве формата по умолчанию. Это означает, что всякий раз, когда вы создаете новый файл, TextEdit не будет возиться с текстом. Что вы видите, то и получаете. Это относится только к новым файлам, и настройка формата не влияет на открытие существующих файлов.

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

Установите флажок Умные кавычки и тире только в форматированных текстовых документах. Вы не хотите, чтобы TextEdit что-либо менял.

Выберите вкладку Открыть и сохранить, а затем установите флажок вверху — Отображать HTML-файлы в виде HTML-кода вместо форматированного текста. Вам также следует снять флажок Добавлять расширение ".txt" к обычным текстовым файлам.

После внесения этих изменений найдите файл .html на диске Mac, щелкните его правой кнопкой мыши и выберите «Открыть с помощью», TextEdit.app, и теперь он просто показывает обычный текст, например:

Этот альтернативный режим редактирования не затрагивает код HTML или CSS и делает редактирование текста полезным для быстрых и грязных изменений веб-страниц, находящихся на диске. Он не конвертирует HTML и сохраняет файлы обратно как файлы .html.

Назовите меня старой школой, но я считаю, что все начинающие веб-разработчики должны знать, как писать HTML (а также CSS, Javascript и т. д.). Несмотря на то, что в настоящее время создание веб-сайтов стало очень простым благодаря множеству инструментов WYSIWYG, визуальных редакторов WordPress и других подобных редакторов, всегда полезно учиться чему-то с нуля, чтобы иметь прочную основу в своей области.

У пользователей Windows есть свой надежный Блокнот — программа, которую я использовал все эти годы для написания HTML. На Mac есть TextEdit.

Рекламные ссылки

Однако по умолчанию TextEdit открывает и сохраняет файлы в формате RTF. В этом посте я подробно расскажу, как можно изменить настройки приложения, чтобы оно стало обычным текстовым редактором, как Блокнот в Windows.

Как открывать и сохранять текстовые файлы в TextEdit

  1. Запустить TextEdit
  2. Откройте «Настройки». Здесь вы найдете две вкладки — «Новый документ» и «Открыть и сохранить».
  3. На вкладке "Новый документ" выберите переключатель "Обычный текст".
  4. Теперь перейдите на вкладку «Открыть и сохранить» и установите флажок «Отображать HTML-файлы как HTML-код вместо форматированного текста».
  5. Закройте окно настроек.
  6. Полностью закройте TextEdit. Вы можете использовать сочетание клавиш Command + Q.
  7. Запустите приложение еще раз, чтобы получить простой редактор. Вы заметите, что вверху нет панели инструментов для форматированного текста, а используется моноширинный шрифт.

    8. Кстати, на моем Macbook для обычного текста используется шрифт Menlo Regular с размером кегля 11. Если вы перешли с Windows (как я) и хотите использовать знакомый Courier (или Courier New), выберите его в Настройки… и вы даже можете изменить размер шрифта.

    Как использовать TextEdit в качестве редактора HTML

    После того как вы настроили TextEdit для сохранения и открытия текстовых файлов, вы можете приступить к кодированию HTML. Однако следует отметить несколько моментов.

    • При сохранении файла HTML обязательно укажите расширение – .html или .htm. На моем Macbook TextEdit будет предоставлять расширение файла .txt по умолчанию, если оно не указано.
    • Файлы, сохраненные в формате HTML, будут связаны с веб-браузером (по умолчанию Safari). Чтобы снова отредактировать файл, вам нужно щелкнуть правой кнопкой мыши, выбрать «Открыть с помощью» и выбрать TextEdit из вариантов.

    Наконец, если вы устали от использования TextEdit для HTML или просто считаете его громоздким, существует множество отличных приложений (некоторые из них бесплатные) для написания и редактирования кода.

    Читайте также: