Production articles
-
Embedding Java Applets
Java Applets An applet is a program written in the Java programming language that can be included in an HTML page, much in the same way an image is included. When you use a Java technology-enabled browser to view a page that contains an applet, the applet’s code is transferred to your system and executed [...]
-
Embedding Media
Related Posts Embedding Flash Content Embedding Video Files Embedding Audio Files Embedding Java Applets Embedding Hosted Movies in WordPress Embedded media in a web site can create an engaging user experience. Because Adobe Flash has become the industry standard, this page will focus on it, but information about other types of media is also provided. [...]
-
Embedding Flash Media
Readings SWFObject: Javascript Flash Player detection and embed script Geoff Stearns’ compliant method using SWFObject.js. The object tag—embed content in valid strict HTML Joliclic of France. The Flash Player is not installed. Worldwide Women Artist Online Video Exhibit (Flash, 0:5:22) Worldwide Women Artists is an international collective of women artists showing and selling our original [...]
-
Embedding Video Media
Media Plugins Windows Media Player for Mac QuickTime Player for Windows RealMedia Flash While Flash is now the most common video format, there are many others. The information below describes how to embed these formats in a web page. Embedding the player window in the page streamlines the user experience, allowing them to see the [...]
-
Embedding Audio Media
Audio file with control bar The following audio file is embedded in a compliant manner using a technique from Joliclic Code. Note that the controllers for each browser may use different styles and heights This code works for .wav files. Try these other MIME-types for other file formats: For .wma use type=”application/x-oleobject” For .mp3 use [...]
-
Web Development Troubleshooting Guide
Use this sequence of fixes before asking for help. Before you contact the instructor for help, you must use this Troubleshooting Guide to attempt fixes yourself. Some of these items refer back to week 1′s lecture/demo, so review the basics to ensure success. 1. Work from the Hard Drive and backup to the Web Server. [...]
-
Text Formatting with Style Sheets
Introduction While HTML gives web pages basic structure and marks content, it is the Cascading Style Sheet (CSS) that defines how that page structure and content should look. In addition, scripts like JavaScript and HyperText Preprocessor (PHP) add functions to control windows, data structures, files and folders, media, forms, etc. Style sheets save web authors [...]
-
Site Structure ~ Static and Dynamic Page Creation
Introduction Beginning the Production Phase Once the design phase is completed, production of pages using the master design(s) can begin. The master template (header and footer files) are included on each content page just as your prototype content page. Then, when all pages are created the navigation/menu items can be linked to them. It is [...]
-
Create a Printable Site
More than likely, your visitors will print your pages if they are full of useful content. But the design of your site may increase the number of pages printed, use a lot of ink, or cutoff content on either site. View your website in the browser’s Print Preview. What do you notice? Too much ink [...]
-
Page Layout with Style Sheets and the Block Method
Basic Page Layout Once the user interface language is defined, the page can be laid out in columns and rows that contain the visual scheme/images which are meant to improve the visitor’s experience at the site. The Block Method When to use which? Compare what you see in the style sheet with what is displayed [...]
-
Meta tags
Meta tags help search engines find your site. These are the most common for HTML 4 and XHTML, which you can copy and paste into your template: <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ /> <meta name=”Keywords” content=”" /> <meta name=”Description” content=”" /> <meta name=”Author” content=”" /> <meta name=”Copyright” content=”" /> <meta name=”Rating” content=”General” /> <meta http-equiv=”expires” content=”0″ [...]
-
XHTML Checklist
This is a list of the most common requirements for XHTML as per the W3C. Also see HTML for the World Wide Web, Chapter 1, page 36. Start the document like this: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> Define your File Type with: <html xmlns=”http://www.w3.org/1999/xhtml”> In the head section, add the character set [...]
-
Dreamweaver Preferences
Launch Dreamweaver Choose Edit->Preferences General Accessibility, choose Show Attibutes When Inserting: check all boxes Code Format, choose Unix Line break type lowercase quote attributes use DIV tag Invisible Elements, choose Line breaks Image Maps JavaScripts New Document, choose HTML .Make document XHTML compliant Validator, choose XHTML 1.0 transitional
-
Create Directories and Landing Pages
The file structure On ONID, as on any other web server, you can have many sites within your root directory. Consider making a directory for each site you have planned, rather than mixing them all up. On your local hard drive, add a directory named for your public site. Examples of names of directories and [...]
-
A web page in 15 lines or less
The anatomy of a web page Roll over each each item below to read the <title> tag that describes it more. doctype html head title meta link to external style sheets and scripts internal styles and scripts close the head section body headlines paragraphs embedded images, movies, audio files lists tables hyperlinks and anchors image [...]
-
File Transfers ~ OSU only
Addresses html: http://www.onid.orst.edu shell: shell.onid.oregonstate.edu ftp: ftp.onid.orst.edu FTP using MacOS X from off campus From the Finder menu, select Go->Connect to servers. Type afp://onid-fs.onid.orst.edu/ in the server address field. Type your ONID UserID and Password when prompted. Your name may be in the name field but you’ll want to replace it with your ONID userID. [...]
-
Optimizing Online Images
Readings How to Avoid Plagiarism of your Digital Images. Online Image Specifications Optimized images meet these specifications: Small file size Keep file size less than 30k if you can. Exact dimensions Crop and reduce the size of images to fit the dimensions of the space in your web page. Correct file format Online photos are [...]