Announcements Coding

I have a tech but sadly he is away from the site for a few weeks. Can anyone help me make the following code look better?

Code:

<div class="forumbg announcement"><div class="inner">
<span class="corners-top"><span></span></span>
<ul class="topiclist topics">
<li class="header">
<dl class="icon">
<dt>Global Announcements</dt>
</dl>
</li>
</ul>
<ul class="topiclist topics">
<li class="row row2" style="margin-top: ;">
<dl class="icon" style="background-image:url('http://www.thetoo.com/styles/BlueToO/imageset/announcement_new_post.png');">
<dd class="dterm" title="" ><a href="/4th-cc-campaign-f57/welcome-to-the-4th-cc-campaign-t783-newest.htm"><img src="http://2img.net/i/fa/prosilver/icon_topic_newest.gif" alt="View newest post" title="View newest post" /></a>  Global: <div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="/4th-cc-campaign-f57/welcome-to-the-4th-cc-campaign-t783.htm">Welcome To The 4th CC Campaign</a></h2></div><br /><span class="span-tab">by <strong><a href="/profile.forum?mode=viewprofile&amp;u=1"><span style="color:#FCA800"><strong>Brad</strong></span></a></strong></span></dd>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span>
</div>
</div>

I kind of also want the editing to be simple for less code minded members. So, I kind of want the proper instructions included in the form below.

Code:

<!--SET THE NUMBER OF ALERTS HERE (IN BRACKETS) SO USERS CAN KEEP TRACK-->


Thanks to whoever helps me.