1 / 7

Coding: XHTML and CSS

Coding: XHTML and CSS. Why code?.

lam
Télécharger la présentation

Coding: XHTML and CSS

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. Coding: XHTML and CSS

  2. Why code? Writers and editors are often asked to write and edit web copy. Although it is easy to create a web site without coding using Content Management Systems (CMS) and pre-made web templates or page / blog generators like WordPress, technical writers and editors who can edit code are in high demand. In Digital Humanities, scholars program in XML and generate their pages in XHTML or higher. Journalists now generate a lot of digital content. So understand basic programming is quite useful.

  3. What skills do I need? • A coder’s basic skills include the following: • XHTML or higher (Explorer can’t use HTML5, the current standard). XHTML is used to generate the structure of your page. • CSS (Explorer can’t use CSS3, so we use CSS2). Cascading Style Sheets (CSS) are used to manipulate the appearance of a page. • Image creation/ manipulation • File transfer protocol • File organization

  4. What tools do I need? • A coder’s basic tools include the following: • An HTML / CSS editing program. You can use a basic text editor like notepad, but better free tools include HTML toolkit (PC) and Textwrangler (Mac). • An image creation program. The standards are Fireworks (web) and Photoshop (PC) but cheaper tools exist. • FTP (File transfer protocol). Filezillais one of many free FTP programs. • Dreamweaver, the industry standard, has FTP and coding built in, as well as a WYSIWYG interface. • Server space / domain space. You need a place to house your pages; many also purchase a domain name like “maryadams.net.”

  5. Before After We will use XHTML to create and structure text into “semantic” elements (paragraphs, divisions, headings, lists, etc.) We can use CSS to control layout, color, and appearance.

  6. What do web writers need to know? • Web writers need to conform to particular styles. The most common are the Web Style Guide and Yahoo Style Guide. • The Yahoo Style Guidedeals with number format, abbreviations, spellings, etc. • The Web Style Guide creates best practices for page layout, design, usability, and composition. • W3C (World Wide Web Consortium) publishes the latest standards and practices to make pages accessible to people with disabilities (WCAG), to internationalize them, and make them work on mobile devices. It has a useful tool, the W3 code validation service. • W3 Schools is a good reference.

  7. What are we doing today? • We will start with a premade resume template that you can modify, using your revised resume and your own design ideas. • We will use Dreamweaver to code and to FTP, but you can switch back and forth between Dreamweaver and free HTML programs. • Your server will be an account on prowritewcu.com • Your username will be your lastname, first initial, and 303 (ex: obamab303) • Your password will be the same except with an underline (ex: obamab_303) • You will define the desktop as your local site

More Related