Basic Web Page Design for Courses课件.ppt

Basic Web Page Design for Courses 精品文档 ACME vs. Custom Course Page ACME Simple to use Easy to update Hidden flexibility Custom Page Control look of site Embed media Linked pages 精品文档 Limitations of the Web Font type (Arial, Times New Roman, Century) Size (8, 10, 12, 14, 18, 24, 36 points) - CSS Screen size (800x600 – include browser) Colors (safe color #’s 0, 51, 102, 153, 204, 255) Download speed (watch large images) Server storage (issues with video and sound) 精品文档 Tables Preparing a proper layout for a page Tables let you position items on your page easily Turn borders off Fix column size by pixels Do not use Frames: compatibility issues, printing problems, extra files and linking trouble Do use CSS for layout if you have the time 精品文档 Menus Be consistent on every page Always create a link back to your main page If menu items need to be in cells then create an embedded table to do this 精品文档 Filenames Don’t use spaces, special characters or capitals in the filename of any file or folder on your site. 精品文档 Organizing Your Files Create a folder to hold all of your web site files and/or subfolders More organization = more time saved Files may include htm/html, pictures, word documents, etc. Decide if you need subfolders – if so, how will you organize them? 精品文档 Folder Example 精品文档 Absolute and Relative File Names 精品文档 Copying text Source (scanner, web) Copy the picture if text is an image Copy text from web by highlighting, copy (control+C) and paste (control+V) 精品文档 Copying pictures Source (digital camera, scanner, web) Right click to copy picture from a page Copy the screen if image is in a table (Print screen) Before you add to web page (resize, crop, compress) this will reduce file size JPG for most pictures Gif for solid colors, simple animation and transparent color 精品文档 Creating Links Copy link from URL Paste into page Note you can link to any other page on your computer, but watch the file structure 精品文档