Yo Div

So you now have your site, all sparkling new and ready to be added to the world wide web, however you’ve filled your design with your clients copy, or “lorem ipsum”, and now your client has changed their mind and want to amend their copy. . .

No problem! . . sort of
If you have used any text in your design that was NOT a web font, this has now been turned into a graphic by the divlets. If this is the case then you will need to contact YoDiv to arrange a small amend. If you have used an approved web font then you can edit the copy yourself, its really not that scary.

Ok, so you need to first open the file you want to work on in a text editor. You can use a specific web code editor such as dreamweaver or coda, but in this example i will be using textedit on the mac, (if you have a pc, wordpad will do the job).

In thumbnail 1 i have opened my homepage file because my client has decided they want the introduction paragraph edited. When YoDIv builds your website, in order to completely conform to webstandards, the first page loaded is called default.htm. So your homepage will be called default.htm in your site folder. If you want to edit your contact page this should be called contact.htm, and your sign up page called signup.htm etc etc. Don’t be put off by the look of your code, it’s fairly easy to work out when you know where to look, its also extremely beautiful code so be nice to it!

If we look closer into thumbnail 1 you can see lots of “<>” all over the place, with various different things inside them. If you think of these chevrons as containers for your copy, and the codes within the chevrons simply apply different rules to your copy. At the start of the copy you’ll have an opening chevron, like this <p>, and once the copy has come to an end you’ll see a closing chevron indicating the copy has finished, like this </p>. Some times the copy you want to edit might be in containers like these, <h1>, <h2>, <h3>, <li>, etc. These are simply applying different rules to your copy.

Thumbnail 2 shows my copy highlighted in yellow, and the containers for my copy highlighted in green, the blue areas we will touch on in a moment.

The green section should not be touched. This is holding your copy nicely in place and doesn’t need to be altered, the yellow section is what i want to change. So with this in mind its ok to go ahead and change this to whatever you choose.

If you’d like to add breaking space in your copy, the symbols in the blue area are what you need to add, this symbol <br />, means start a new line. So if you add 2 of these symbols, it will give the impression of a new paragraph, or more than 2 if you’d like more space. If you’d like a word or section made bold, simply add <strong> at the start of your word or section and </strong> at the end of your word or section.

When you’re done editing your text, simply save over the old file in your site folder, and then your ready to upload your whole site, or just the amended page.