Первый способ оформления корректен.

Смайлик не является знаком препинания, и сочетание его со знаками препинания не регламентируется правилами правописания. Рекомендации веб-дизайнеров см. здесь.

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

Значение вводных слов бывает весьма трудно сформулировать, но нет сомнений в том, что они играют важную роль в нашей коммуникации. С их помощью, например, говорящий может акцентировать какие-то слова в своем высказывании, заострить на них внимание адресата — именно такую функцию выполняет вводное сочетание к вашему сведению. Употребляя это сочетание, говорящий подчеркивает, что представления адресата (собеседника) о чем-либо не верны, например: Уважаемый главный редактор, руководимый Вами журнал позволил себе комментировать предмет, в котором Вы некомпетентны. К Вашему сведению, косметика «Грин Мама» имеет русские корни, основа ее — русская. Активные вещества — русского происхождения. Источники получения активных веществ — Дальний Восток, Сибирь. [Сдачи (1997) // «Столица», 17.06.1997]; — А Осоргин, это что же за писатель? Фельетонист? — Осоргин, к вашему сведению, романист, отличный писатель, роман «Сивцев Вражек» не читали? [Даниил Гранин. Зубр (1987)]; — ...зачем ты рассказал нам на ночь эту кошмарную историю? Чтобы лишить Машу сна? Это повествование явно не предназначено для девичьих ушей! — К вашему сведению, я не слабонервная школьница, — обиделась Маша. [Наталья Александрова. Последний ученик да Винчи (2010)] и др. В таких ситуациях говорящий (пишущий) так или иначе выражает недовольство, но далеко не в каждом случае высказывание уместно сопроводить смайликом, обозначающим злость; на первый план могут выступить и другие эмоции. Как видим, нельзя говорить о том, что значения вводных выражений однозначно соответствуют значениям смайликов. У каждого из этих знаков своя функция, их невозможно считать взаимозаменяемыми.

Запятые в этих предложениях не требуются.

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

Это вопрос дискуссионный, потому что само понятие знак препинания может быть истолковано по-разному. В целом система знаков препинания в русском письме уже сложилась и существенных изменений не претерпевает. Но в каком-то смысле новым знаком препинания можно назвать смайлик, передающий на письме интонацию, эмоции. Кроме того, в последнее время существенно расширились функции знака / (косая черта). Если раньше косую черту можно было встретить лишь в формулах, то сейчас этот знак всё чаще встречается в письменных текстах в функции близкой к союзам и и или, как знак альтернативности понятий или обозначения единого сложного понятия. Можно ли считать его знаком препинания? В полном академическом справочнике «Правила русской орфографии и пунктуации» (М., 2006) употребление этого знака описано в части «Орфография» (раздел «Правила употребления небуквенных знаков»), но оправданно и определение его как несистематического знака препинания. См. статью С. В. Друговейко-Должанской «Знаки "препинания"».

Точка в заголовке, действительно, не ставится. Но в школьной практике (особенно в начальной школе) к заголовкам наподобие Классная работа. Домашняя работа. Диктант. Изложение. и т. п. это правило обычно не применяют, более того, отсутствие точки считают ошибкой. Это делается для того, чтобы  у детей выработался стереотип: в конце предложения надо ставить точку. Хотя в старшей школе, когда ученики уже привыкли ставить точку в конце предложения, было бы уместным объяснить им, что на самом деле точки в заголовках не нужны.