Criterion E: Product development
|
|
|
- Clemence Chambers
- 7 years ago
- Views:
Transcription
1 Criterion E: Product development Complex techniques used to address the client s requirements: Manipulated graphics (pages 8 9) Use of Javascript to customize pages and improve functionality (pages 3, 6 7) Use of HTML to customize pages and improve functionality (pages 3, 5 7) Cascading style sheets (pages 3, 6) Editing the code in the template in the editable sub regions (page 4) Bullet points 2 and 3 are considered together. The combination of HTML and Javascript meets functionality. The product is clearly complex. The entering of text in the template in this example is not sufficient to be considered complex. Information technology in a global society teacher support material 1
2 Organisation of the website (Document object model) This indicates how the website is structured: Product files Webpages index.htm profile.htm css files (css) Design_3A files (jpg) Img Image test (jpg) image files (jpg) Lightbox files (js) Javascript files (js) Icons Common Glyph css Images (gif) (gif) (gif) (css) (gif) Content has been placed in appropriate folders with logical folder names. For example, all the original images provided by Keith are added to the images folder. [Structure justified] The images are all in one folder to make them easy to locate. Again this may need to be changed as more images are included so the image folders correspond to the webpages [Organization justified] The webpages are all in the same folder as the homepage (index.htm), on a bigger site these pages may be needed to be placed in different folders to assist maintenance. The diagram should be accompanied by a description of the various file types. There is justification for the structure that has been chosen. Information technology in a global society teacher support material 2
3 The structure and organisation of the webpages Technique: css The website was created using Adobe Dreamweaver and is relies on the use of a cascading style sheet file (.css). This file enables consistency between the pages. This makes it possible for each page to have exactly the same style, eg. heading style, text size and colour, spacing as well as enabling web pages to load faster as less code is located on the page. The stylesheet is inserted into the head of the webpage between the <HEAD> and </HEAD> tags. The style sheet is linked as follows: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> This one style sheet can be referenced on many web pages and can affect every one of those pages. Statement rel= stylesheet href= css/lightbox.css Type= text/css Media= screen Meaning This defines the relationship between the HTML page and the stylesheet. This is the default relationship and is the preferred optio., Alternative stylesheets may be used they are referred to by a different name. This tells the browser to locate the lightbox cascading style sheet allowing this feature to be used This allows the page only to support css or text stylesheets, all others are not supported This is the default value for the (the default value), the presentation on non paged computer screens. Other media that may be supported are Braille, printer, projection and aural The use of a cascading style sheet also allows for absolute positioning. This means that you can determine the order that a search engine spider will come to the text without affecting how the page is viewed in a browser. Below is an screenshot of the cascading style sheet (style.css) Using a cascading style sheet is an advanced technique. A screenshot should also be included that shows the effect of a cascading style sheet on the actual webpage. There is a clear description of the HTML code for the style sheet. Information technology in a global society teacher support material 3
4 Technique: editing templates Every page is based on a template which is part of the Dreamweaver package. This makes sure the layout, fonts, background colours, etc. on Keith s website are the same. The template I have used is shown in the screenshot below. The screenshot below shows the master template. On this template, there are three editable regions, as follows: EditRegion5, leftpage content rightpage content. This enables the content to be changed for each individual page. The use of the template is described and supported by appropriate description. There is no evidence of the templates being edited beyond information being typed into them. This does not contribute to the use of advanced techniques. Some justification for using the template has been provided. Information technology in a global society teacher support material 4
5 The internal structure and organisation of the webpages Technique: use of HTML to improve functionality On each page divisions are used First division called container Second division called navigation This shows the use of layers (indicated by the div tag) which allow valuable content required by Keith can be added to the pages such as text, images and other page elements. These can be placed it at the top of the source code for an added boost in prominence and relevancy. The use of layers also ensures maximum cross browser compatibility Each of the divisions has an identifier to allow them to be used to create CSS rules that, when applied, change the style and positioning of the layers. Each of the images is linked to the webpages as follows: <a href="images/image-061.jpg" rel="lightbox" title="061"><img src="images/thumb-061.jpg" width="100" height="100" alt="" /></a> Statement Comment This is the location of the image that the link will <a href="images/image 061.jpg" open when clicked This tells the browser to overlay an image in a rel="lightbox" box on the webpage, it does not create a new page title="061"> Title of the image The name of the image that forms the hyperlink, <img src="images/thumb 061.jpg" when this is clicked the image named image 013A.jpg will be opened on the window Alternative text that appears when the mouse alt="" hovers over the image The width of thumbnail image in pixels, this was width="100" reduced to 100 using HTML code from the original size of 504 The height of thumbnail image in pixels, this was height="100" reduced to 100 using HTML code from the original size of 360 Technique: use of Javascript to improve functionality Information technology in a global society teacher support material 5
6 A clear detailed description in the table and justification have been provided for the use of HTML to improve functionality. The text in the table is included as it involves description and/or explanation. To allow the photos to appear in the manner Keith required javascript code was used. This was taken from websites as open source code. The code for the lightbox function was taken from: Dhakar, Lokesh. "Lightbox2." Huddletogether.com. 03 Sep Oct 2008 < Below is a screenshot of some of the instructions on the website, Lightbox2 I have used this technique because it places images above the current page, not within. It also automatically adjusts the size of the frame to fit the image. As the directions indicated in step 1 below I downloaded the three files. As the directions indicated in step 2 below I edited my HTML code to improve the quality of my website. The screenshot text is not included in the word count. Information technology in a global society teacher support material 6
7 This was then pasted into the website and linked to the relevant files in the javascript folder. Information technology in a global society teacher support material 7
8 Diagram to show relationship between the link from the image on the webpage (gallery.htm) and javascript functions Image from gallery.htm images/image-061.jpg On click the functions is called The functions are: Prototype.js Scriptilicious.js Lightbox.js Image is rendered on webpage Image 061 rendered on screen Information technology in a global society teacher support material 8
9 A clear detailed description and justification have been provided for the use of Javascript to improve functionality. Technique: Image manipulation All the images for the website were taken by Keith Findlater with his Nikon D700. In this case Photoshop was used to create thumbnail images. The original file was reduced in size and resaved as a thumbnail. The original image taken was 3264 x 2448 pixels (3.58 Mb). The resolution of this image was 180 pixels per inch. This was reduced to 504 x 360 to be used on the website with a resolution of 72 pixels per inch. See screenshot below: I also reduced this image to a thumbnail which was 100 x 100 pixels. Information technology in a global society teacher support material 9
10 The image size and resolution was reduced to increase the speed of loading of the webpage, reduce the size of the images that were required to be uploaded to ensure Keith did not exceed the allowance provided by his ISP. Many of the images, including this one had a poor colour balance and this was corrected by using the adjustments menu in Adobe Photoshop CS4. Information technology in a global society teacher support material 10
11 The above images show the before and after results of using the adjustments of color balance and hue/saturation. To make these changes the following techniques were used: Lightness was reduced by 20% Saturation was reduced by 20% The level of red was increased by 32% The level of blue was increased by 17% The level of green was increased by 12% There is some reference to the tools that were used to manipulate the images. However, more detailed description on the use of the tools in Photoshop is needed. The changes indicating the percentage of change for hue/saturation and colour shows that the student used the tools. The description would have been improved if the screenshots of the techniques had been included with justification of why the changes were made. Information technology in a global society teacher support material 11
12 Other information Keith is aware that if he wishes to have webpages running file types such as.asp and.php, he will need to increase his subscription to the ISP. Currently he can only run basic webpages. He has a restriction on the size of webspace allowed, but he is concerned that as he increases his website he may need to purchase additional storage. The website is uploaded using the ftp facilities in Adobe Dreameaver using the connection available in the software. Connect Put Get This creates the activity indicated below: The screenshot below shows the site definition for Keith. This allows him to change settings for the connection, the remote folder and any passwords needed to gain access to his site. The images below show that the website has been uploaded and is available on the Internet. Information technology in a global society teacher support material 12
13 This text in the screenshot is not included in the word count. Word count = marks There are at least three advanced techniques used in the development of the product. The structure of the complex product and the choice of techniques, with screenshots, used to develop it have been justified. Sources are cited appropriately. The word count for this criterion is approximately 960. This has been determined by including all extended text either written in paragraphs or within tables where it explains or justifies the selection or operation of a particular technique. The following are not included in the word count: titles and subtitles labels for screenshots text within screenshots bullet points and text within tables (unless they include descriptions, explanations or justifications which have been highlighted in green) citations Information technology in a global society teacher support material 13
14 code. Teachers and moderators will be expected to use their professional judgment in determining what is included in the word count and will not be required to examine each piece of text. Information technology in a global society teacher support material 14
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit
DREAMWEAVER BASICS A guide to updating Faculty websites Created by the Advancement & Marketing Unit Table of content Tip: Click on the links below to go straight to the desired section The W (Web Services)
Microsoft Expression Web
Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as
How To Design A Website For The Decs
ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online
Adobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
Appendix H: Cascading Style Sheets (CSS)
Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of
Dreamweaver: Getting Started Website Structure Why is this relevant?
Dreamweaver: Getting Started Dreamweaver is a Graphic Designer s tool to create websites as he or she designs. As part of the Adobe Creative Suite, Dreamweaver is able to work in conjunction with Photoshop,
Web Page Design (Master)
St. Michael-Albertville High School Teacher: Ben Rusin Web Page Design (Master) September 2014 CEQ: WHAT IS HTML CODING AND HOW IS IT USED TO CREATE WEB SITES? AND HOW CAN IT BE USED TO CREATE WEB SITES?
ADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
Fireworks CS4 Tutorial Part 1: Intro
Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the
Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
Designing HTML Emails for Use in the Advanced Editor
Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into
Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)
Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a
Dreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
Web Authoring. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5
Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...
Dreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 2
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 2 CSS stands for Cascading Style Sheets, these allow you to specify the look and feel of your website. It also helps with consistency.
Web Developer Jr - Newbie Course
Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance
OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE
ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below
We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
KOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
Joomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo
Dreamweaver CS3 THE MISSING MANUAL David Sawyer McFarland POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction 1 Part
Creative Cloud for Web Design
Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course
Adobe Creative Suite: Introduction for Web Design
coursemonster.com/uk Adobe Creative Suite: Introduction for Web Design View training dates» Overview Website design can be confusing to get started with. But with our Adobe Certified Instructor led class
css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title PORT JERVIS CENTRAL SCHOOL
Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only!
Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Overview and Usage Tips For Blueball First Class Sandvox 2 Designs Thank you for purchasing one of our original Sandvox Designs bundle.
Desktop Publishing Certificate Program
Following is the List of July-December, 2013, Workshops that can be used towards the Desktop Publishing Certificate Program (Please Note: Not all of the workshops on our website listed under "Desktop Publishing"
MEDIA OCR LEVEL 3 CAMBRIDGE TECHNICAL. Cambridge TECHNICALS WEB AUTHORING AND DESIGN CERTIFICATE/DIPLOMA IN L/504/0519 LEVEL 3 UNIT 34
Cambridge TECHNICALS OCR LEVEL 3 CAMBRIDGE TECHNICAL CERTIFICATE/DIPLOMA IN MEDIA WEB AUTHORING AND DESIGN L/504/0519 LEVEL 3 UNIT 34 GUIDED LEARNING HOURS: 60 UNIT CREDIT VALUE: 10 WEB AUTHORING AND DESIGN
Garfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor
USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...
WEB DESIGN COURSE CONTENT
WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC
Creating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
Microsoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
Introducing our new Editor: Email Creator
Introducing our new Editor: Email Creator To view a section click on any header below: Creating a Newsletter... 3 Create From Templates... 4 Use Current Templates... 6 Import from File... 7 Import via
Dreamweaver Tutorial #1
Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet
Adobe Dreamweaver Exam Objectives
Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright
css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL
TASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong?
TASKSTREAM FAQs Why do I not receive emails from TaskStream? It could be that your email program is interpreting incoming TaskStream mail as spam, which is a term for junk mail Spam is not typically stored
IAS Web Development using Dreamweaver CS4
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute
Creating Web Pages With Dreamweaver MX 2004
Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic
Using Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites
Asbru Ltd Asbru Ltd wwwasbrusoftcom info@asbrusoftcom Asbru Web Content Easily & Inexpensively Create, Publish & Manage Your Websites 31 March 2015 Copyright 2015 Asbru Ltd Version 92 1 Table of Contents
ART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2
HTML, XHTML & CSS: Introduction, 1-2 History: 90s browsers (netscape & internet explorer) only read their own specific set of html. made designing web pages difficult! (this is why you would see disclaimers
HOW Interactive Design Conference 2013
HOW Interactive Design Conference 2013 Photoshop to HTML Chris Converse Use this QR code to get the mobile schedule for this conference. Get session and speaker info, lunch ideas, and links for getting
Dreamweaver CS5. Module 1: Website Development
Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA
How to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
How To Create A Campaign On Facebook.Com
Seriously powerful email marketing, made easy Table of Contents DOTMAILER QUICK START GUIDE... 3 Main Screen... 4 Getting Started... 6 STEP 1: CAMPAIGN SETTINGS... 7 STEP 2: CAMPAIGN CONTENT... 8 Editing
How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading
SITXICT001A Build and launch a website for a small business
SITXICT001A Build and launch a website for a small business Revision Number: 1 SITXICT001A Build and launch a website for a small business Modification History Not applicable. Unit Descriptor Unit descriptor
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
IE Class Web Design Curriculum
Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,
Contents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
HTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
An overview of designing HTML emails for Hotmail, Yahoo, Outlook, Lotus Notes and AOL
An Emailcenter briefing: Can your customers read your email newsletters? An overview of designing HTML emails for Hotmail, Yahoo, Outlook, Lotus Notes and AOL November, 2004 Emailcenter research has shown
Navigation Tree Plug-Ins for management Preview Area. Your Website Appears HERE
SMC Handbook Log in at: www.yourdomain.com/console Enter your user: and password: Navigation Tree Plug-Ins for management Preview Area current page your in is highlighted and also appears in preview Products,
Vignette CMS V7 Content User Instruction Manual
Vignette CMS V7 Content User Instruction Manual College of Literature, Science, and the Arts University of Michigan Version 2.8 Prepared by LSA Development, Marketing & Communications lsa.web.support@umich.edu
Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission
Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified
CMS Basic Training. Getting Started
The (Content Management System), was designed to allow most people in an organization to contribute to or edit their website(s). Utilizing a set of templates and stylesheets, users can add or edit information
Once you have obtained a username and password you must open one of the compatible web browsers and go to the following address to begin:
CONTENT MANAGER GUIDELINES Content Manager is a web-based application created by Scala that allows users to have the media they upload be sent out to individual players in many locations. It includes many
COMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
THE CLIENT SPEC SHEET
THE CLIENT SPEC SHEET Establishing clear guidelines for HTML production during the initiation of a web project redesign will help to answer questions and avoid backtracking once the production phase has
Contents. Introduction... 2. Downloading the Data Files... 2
Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading
Site Maintenance. Table of Contents
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
UNPAN Portal Content Management System (CMS) User Guide
UNPAN Portal Content Management System (CMS) User Guide www.unpan.org User Manual Version 1.0 260309 Page 1 of 36 Table of Contents A. UNPAN Sitemap... 3 B. DPADM Sitemap... 4 C. Introduction to UNPAN
Client Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote
SiteBuilder (Adding/Editing Content) Enable web pages on your website Add and format text and images Upload images Create Image Links Create Sub Levels Create Hyperlinks Upload Data files (ppt,xls,word
Web Design. www.ltscotland.org.uk/sustainabledevelopment/climatechange
Web Design www.ltscotland.org.uk/sustainabledevelopment/climatechange Web Design Personnel Web design involves a range of skills. Everyone in the class can be involved in planning the website structure
Web Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.
Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and
Links. Blog. Great Images for Papers and Presentations 5/24/2011. Overview. Find help for entire process Quick link Theses and Dissertations
Overview Great Images for Papers and Presentations May 26, 2011 Web Tips Definitions Using the Michigan Tech logo Photography 101 Great images from others Great images you create PDF conversion Final words
JJY s Joomla 1.5 Template Design Tutorial:
JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding
Support/ User guide HMA Content Management System
Support/ User guide HMA Content Management System 1 Contents: Access Page 3 Editing Pages Page 4 Adding/Editing Text Page 7 Adding/Editing Images Page 9 Adding/Editing Files Page 11 Adding a Page Page
Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business
2015 Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business This manual will take you through all the areas that you are likely to use in order to maintain, update
Website Builder Manual
Fasthosts Customer Support Website Builder Manual This is a designed as a definitive guide to all the features and tools available within Website Builder. Contents Introduction... 4 Adding Content... 5
ACE: Dreamweaver CC Exam Guide
Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation
KFUPM. Web Content Management System powered by SharePoint 2010. www.kfupm.edu.sa 1
KFUPM Web Content Management System powered by SharePoint 2010 1 Sample Department Site Site Actions Steps to login for administrators Navigate to your website and type in the url /admin.aspx
Dreamweaver. Links and Tables
Dreamweaver Links and Tables WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 ADDING HYPERLINKS... 2 New Text Hyperlink 2 Existing Text or Image Hyperlink 2 EXERCISE 1 3 New Text E-mail
OCR LEVEL 2 CAMBRIDGE TECHNICAL
Cambridge TECHNICALS OCR LEVEL 2 CAMBRIDGE TECHNICAL CERTIFICATE/DIPLOMA IN IT WEBSITE DEVELOPMENT A/601/3245 LEVEL 2 UNIT 9 GUIDED LEARNING HOURS: 60 UNIT CREDIT VALUE: 10 WEBSITE DEVELOPMENT A/601/3245
How To Use The Arles Image Page Creator On Pc Or Mac Or Macbook Or Macintosh (Or Mac) With A Web Browser (Or Ipc) With An Ipc (Or Pc Or Ipc).Html (Or Your Mac)
Arles Image Web Page Creator User Manual I Arles Image Web Page Creator Help Table of Contents Part I About 1 Part II Getting Started Creating a Image Web Page Gallery 1 Part III Order 2 Part IV Arles
GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website
GEOGRAPHY 351: MULTIMEDIA CARTOGRAPHY FALL 2013 SFU 1 GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website Instructor Britta Ricker bricker@sfu.ca
Macromedia Dreamweaver 8 Developer Certification Examination Specification
Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this
ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator.
ANDROID TRAINING COURSE MODULES Module-I: Introduction to Android Introducing Android. Installing Development Tools. Using the Emulator. Android developer tools. Eclipse, IDEs and Tools. Module-II: Introduction
Adobe Acrobat 6.0 Professional
Adobe Acrobat 6.0 Professional Manual Adobe Acrobat 6.0 Professional Manual Purpose The will teach you to create, edit, save, and print PDF files. You will also learn some of Adobe s collaborative functions,
Best Practice in Web Design
Best Practice in Web Design Irrespective of whether you are intending to use a flat 'brochureware' website or an interactive e- commerce site, the overall look and feel of your website will play an important
Web Development I & II*
Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology
Prerequisite: CGA 101, or written permission of instructor.
Salem Community College Course Syllabus Course Title: Web Page Design Course Code: CGA 140 Lecture Hours: 2 Lab Hours: 2 Credits: 3 Course Description: Web Page Design will introduce the student to basic
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux
How to create buttons and navigation bars
How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,
A set-up guide and general information to help you get the most out of your new theme.
Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common
CIS305 - Course Syllabus
CIS305 - Course Syllabus Course: Instructor: Semester: Section 01 Email & Office: Course URL: Web and Internet Publishing Donna J Ehrhart Spring Monday/Wednesday/Friday 9:05-10:00 am Drake Library Lower
PaperlessPrinter. Version 3.0. User s Manual
Version 3.0 User s Manual The User s Manual is Copyright 2003 RAREFIND ENGINEERING INNOVATIONS All Rights Reserved. 1 of 77 Table of Contents 1. 2. 3. 4. 5. Overview...3 Introduction...3 Installation...4
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT. digital.uoregon.edu/drupal-basics
DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT digital.uoregon.edu/drupal-basics Page 1 LOGGING IN To log in to your Drupal website: Type in the web address followed by /user - Example: https://ugs.uoregon.edu/user
Unit 351: Website Software Level 3
Oxford Cambridge and RSA Unit 351: Website Software Level 3 Level: 3 Credit value: 5 Guided learning hours: 40 Learning Outcomes Assessment Criteria Examples The learner will: The learner can: 1. Create
Dreamweaver CS5. Module 2: Website Modification
Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,
Create a Google Site in DonsApp
Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of