1 / 14

Editing for the Web

Editing for the Web . TECM 4190 Dr. Lam. What makes a website “good”. Write down some characteristics that you consider define a “good” website. . Components of editing for the web. As an editor, there are several components you must consider (beyond copyediting, of course) :

harmon
Download Presentation

Editing for the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Editing for the Web TECM 4190 Dr. Lam

  2. What makes a website “good” • Write down some characteristics that you consider define a “good” website.

  3. Components of editing for the web As an editor, there are several components you must consider (beyond copyediting, of course): • Technical considerations • Visual display and architecture • Alternative editing process

  4. Technical Considerations • Sometimes clients will want you to edit directly on their websites or demo servers • This requires knowledge of technology • WYSIWYG vs. HTML/CSS

  5. How do you author/edit in print? • Create a document cover page with the following: • Title: “Recommendation Report for TECM 4190” • “Name” • “Date”

  6. What is HTML? • Hypertext Markup Language • Systems of descriptive tags (tag is a fancy word for a word inside of carats; e.g., <image> • Tags describe the semantic content of document, but do NOT describe any visual or design elements • As an editor, you don’t necessarily need to know how to author in HTML

  7. What is CSS? • Cascading style sheets • A system that allows a user to alter all visual elements on a website (from font choices to layout) • Want to learn HTML/CSS? (BTW, I think EVERYONE should be literate in it) • Go to http://codeacademy.org

  8. What is a WYSIWYG editor? • “What you see is what you get” • An interface that allows a user to edit the content (HTML) and the design (CSS) without knowing the languages • Think Wordpress, Wix, Dreamweaver

  9. Visual Display and Architecture • Last week, we talked about CRAP • While CRAP principles are generally applied to print documents, they also apply to websites • There’s more to web design than just design principles though. • There’s single page and multi-page architecture

  10. Single Page Architecture (Wireframe)

  11. Multi-page Architecture

  12. Editorial Process Considerations • Not as simple as a Microsoft Word document • Adobe Acrobat or some other PDF editor that allows comments • Use screenshots and comment for visual and other comprehensive edits • For copyediting and style editing, you must be able to access the textual content in some way

  13. Editing text from the web • Copy and paste text into Microsoft Word and use the track changes/comments features • Use basic visual design principles • E.g., separate sections of the website using headers • Page breaks when editing different web pages • Edit directly in HTML (see previous slides)

  14. Putting it all together • Have a plan and discuss it with your client before beginning work • Use both track changes and Adobe Acrobat together • Combine into one PDF or discuss exactly what the logistics will be with your client

More Related