1. Computing
Behind the Scenes at Web Design/HTML
The XML for This Article

The following is the XML I wrote for the article Behind the Scenes at Web Design/HTML.


<Article>
<legacy>
<LEGACY_RO>/library/weekly/aa122203a.htm</LEGACY_RO>
</legacy>

<subject_filename>
<SUBJECT_RO>cs/businesswebsites</SUBJECT_RO>
<FILENAME_RO>aamaintbussite</FILENAME_RO>
</subject_filename>

<meta>
<metatitle>Behind the Scenes at Web Design/HTML @ About.com - Maintaining a Business Web Site</metatitle>
<metadescription>Business Web sites are often built and maintained in a very different fashion from how you build and maintain your personal site. There are a lot more programs, processes, and people involved in building and maintaining the Web Design/HTML Web site than you might realize.</metadescription>
<metakeyword>maintaining business web sites building corporate sites enterprise web sites maintaining a business web site</metakeyword>
</meta>

<page>
<title>Behind the Scenes at Web Design/HTML @ About.com</title>
<shorttitle>Maintaining Business Web Sites</shorttitle>
<subtitle>How the Web Design/HTML site is Built and Maintained</subtitle>
<articlecontent>

[p]Most personal Web pages are built by one person who controls everything, from the content to the look and feel to the contacts to the maintenance schedule. But with a business Web site, many of these functions are handled by different groups, different people, and even people spread out in different areas of the country or the world. The About Web Design/HTML Web site is a typical business Web site in that respect.

[h3]Who Builds the Site?[/h3]

[p]The About Web Design/HTML site is built by several different people:

[ul][li]Jennifer Kyrnin (me) writes the content for the site. With some minor exceptions all of the articles, how tos, FAQs, and reviews that are posted to this site are written by me. I also manage the forum and the chat room.[li]About designers design the look and feel and the layout of the site. I have nearly no say in how the pages will look, my job is to provide the content, not write HTML.[li]About advertising sales along with Google determine the ads that will be placed on the site. I also have no control over the ads or where they are placed on the Web site.[li]About support staff handles questions from me about problems as well as questions from the customers about the site. Content questions are forwarded on to me.[li]About developers develop tools like the newsletter tool, the class tool, and other back-end tools that only I can see.[/ul]

[p]The About staff members are located in New York City, while I am located in Seattle, Washington. Even my editor is located in New York, the three hour time difference may not seem like much, but it can be challenging.

[h3]Tools Used to Build the Site Content[/h3]

[p]I actually know very little about how the About designers and developers do their work. So this article will focus on how I get content onto the Web site.

[p][b]Preferred Tools[/b][br] I still prefer [link url=/cs/allairehomesite/p/aahomesite.htm]Macromedia HomeSite 5[/link] to write my articles. I sometimes use [link url=/cs/dreamweaver/p/aadreamweaver.htm]Macromedia Dreamweaver MX 2004[/link], but for straight writing, I use HomeSite. I use Word to do character counts of long articles. I need to do this because the About tools impose maximum length requirements. I use [link url=/cs/photoshop/]Adobe Photoshop CS[/link] for editing graphics.

[p]I write my articles in XHTML. Once I've written an article, I need to convert it to About codes and formats. The About tools use special codes to replace HTML - such as [p] to replace <p> and so on. There are also only a limited number of HTML tags that are allowed in About content. I use a codesweeper in HomeSite to remove the invalid tags, and then I use a script within HomeSite to convert all the remaining HTML tags to square-bracket tags.

[p]Once I've converted my article to the About coded format I have a choice. I can either:

[ol][li]Use a Web form on About's administration server and copy and paste my article details in to create the article. OR[li]Create the article in XML created for About and FTP that XML to the About servers.[/ol]

[p]This isn't even a question for me. I always convert my articles to XML. Here's [link url=/librrary/weekly/bl_aamaintbussite.htm]the XML for this article[/link]. I like keeping my articles in XML because then I always have a copy of what I wrote. Many Guides prefer the Web form, because it's a little easier to use, but I am much faster with XML than with the form - and I don't have to worry about my Internet connection crashing while I'm writing and losing all my work.

[p]The neat thing about how About handles Guide content is that it's all in XML. The Web forms actually create XML. And the XML data is then put into a database. The database only contains the content, there are no ads, no navigation, nothing that the About designers create. This allows About more flexibility because they can take the tagged content (this is a headline, this is the body of the article, etc.) and put it in any format that fits the current style of the site.

[p]When I upload my XML (or another Guide fills out the Web form) a process on the backend is run to create the page with all the appropriate navigation and ads and so on. In fact every time an article is created, an entry is added to the [link url=/cs/a.htm]article index[/link].

[p]So, while the Web Design/HTML site is a Web site just like any other, the back-end processes that go into creating it are very different from most personal pages.</articlecontent>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
</page>

<linkbox>
<title>Web Design Path</title>
<link>
<headline>Professional Web Designers</headline>
<url>http://webdesign.about.com/library/bl_prodesigners.htm</url>
</link>
<link>
<headline>Professional Web Programmers</headline>
<url>http://webdesign.about.com/library/bl_proprogrammers.htm</url>
</link>
<link>
<headline></headline>
<url></url>
</link>
<category>Optional</category>
</linkbox>
<linkbox>
<title>Related Resources</title>
<link>
<headline>Strategy for Business Web Sites</headline>
<url>http://webdesign.about.com/cs/businesswebsites/index.htm</url>
</link>
<link>
<headline>Weblogs for Business</headline>
<url>http://webdesign.about.com/cs/weblogs/a/aa061603a.htm</url>
</link>
<link>
<headline></headline>
<url></url>
</link>
<category>Related Resources</category>
</linkbox>
<linkbox>
<title>From Other Guides</title>
<link>
<headline></headline>
<url></url>
</link>
<link>
<headline></headline>
<url></url>
</link>
<link>
<headline></headline>
<url></url>
</link>
<category>Optional</category>
</linkbox>

<date>
<include_date></include_date>
</date>

<affiliate>
<link>
<headline></headline>
<url></url>
</link>
</affiliate>

<table>
<tablebox></tablebox>
<tabletitle></tabletitle>
<tablepage></tablepage>
</table>

<editablefield></editablefield>

<page_optional>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<title></title>
<subtitle></subtitle>
<meta>
<metatitle></metatitle>
<metadescription></metadescription>
<metakeyword></metakeyword>
</meta>
<articlecontent></articlecontent>
</page_optional>
<page_optional>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<title></title>
<subtitle></subtitle>
<meta>
<metatitle></metatitle>
<metadescription></metadescription>
<metakeyword></metakeyword>
</meta>
<articlecontent></articlecontent>
</page_optional>
<page_optional>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<title></title>
<subtitle></subtitle>
<meta>
<metatitle></metatitle>
<metadescription></metadescription>
<metakeyword></metakeyword>
</meta>
<articlecontent></articlecontent>
</page_optional>
<page_optional>
<imagewcaption>
<width></width>
<height></height>
<owner></owner>
<imagesrc></imagesrc>
<caption></caption>
<alttext></alttext>
</imagewcaption>
<title></title>
<subtitle></subtitle>
<meta>
<metatitle></metatitle>
<metadescription></metadescription>
<metakeyword></metakeyword>
</meta>
<articlecontent></articlecontent>
</page_optional>
</Article>


Jennifer Kyrnin

Discuss in my forum

©2013 About.com. All rights reserved.