Книжный вариант более точный, а вариант из сети - упрощенная транскрипция (подходит для школьных учебников).

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

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

 Для примера приведем образец рассуждения учащегося первого класса начальной школы при проведении звуко-буквенного анализа слова ель:

1 этап: звуковой анализ.

Произнесение слова: [j э л’].

Анализ слова: один слог.

Произнесение слова с выделением (протягиванием) первого звука в слове: [jjj э л’].

Анализ первого звука: первый звук [j] — согласный, звонкий, мягкий.

Произнесение слова с выделением (протягиванием) второго звука в слове: [j эээ л’].

Анализ второго звука: [э] – гласный.

Произнесение слова с выделением (протягиванием) третьего звука в слове: [j э л’л’л’].

Анализ третьего звука: [л’] – согласный звонкий, мягкий.

2 этап. Звуко-буквенный анализ.

Анализ: [j] вместе со следующим гласным [э] обозначаются одной буквой Е (указывается буква около соответствующих звуков).

Анализ: [л’] обозначается буквой Л (указывается буква).

Анализ: мягкость согласного [л’] на конце слова обозначается буквой Ь (указывается буква).

3 этап.

Читаем, что получилось: ЕЛЬ.

В указанном примере уместна постановка запятой.

Запятые расставлены правильно.

Правильно здесь с ни.

Фонетический принцип действует и здесь: пишем, как слышим.

Это так называемое фонетическое написание, т. е. соответствующее реальному произношению слов.

Вероятно, речь о фонетическом разборе? Буква е обозначает здесь два звука – [йэ].

Такой слогораздел тоже возможен. При этом различают фонетический слогораздел и слогораздел для переноса слов.

Варианты разбора слова приведены в учебнике Е. И. Литневской (фонетический, морфемный и т. д.).