Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc

Size: px
Start display at page:

Download "Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc"

Transcription

1 Design Project Site: News from Latin America Design Project i385f Special Topics in Information Architecture Instructor: Don Turnbull Elias Tzoc April 3, 2007

2 Design Project - 1 I. Planning [ Upper case: Technology Independent ] Background The power of being informed of the daily situation in Latin America has become critical for people who either live or are interested in the region. According to CNN and BBC the four most common categories about Latin America are: politics, economy, technology, and sports. Thus, the Las Noticias de hoy en Latin América project seeks to harvest article titles from the main newspapers in each Latin American country, as well as link those entries to the complete article. Audience People (ages 20-45) who are searching for Latin American news in Spanish. Goal and Objectives To create a website for online harvesting and information delivery in Spanish from Latin American newspapers. Specific objectives include: a) To develop a cooperation network with the top three-five main newspapers in each Latin American country b) To harvest the top three-five articles from four categories: politics, economy, technology, and sports. c) To provide a friendly interface using a uniform and simple layout. d) To create an archive for future reference. References The initial prototype would be based on four news websites: BBC, CNN, YahooNews, and Univision. The following six elements would be adapted: (See Graphic 1) 1. Header: website name and a search box functionality. 2. News Entry: when users select view-per-country. 3. Main News Entry: an entry en every category in the main page. 4. Navigation bar: Country list and the four categories. 5. Main News Credits: information about country, date, and source (newspaper). 6. Text Entry: for second and subsequent entries in the main page.

3 Design Project - 2 Graphic 1 Model websites and elements to be adapted II. Analysis [ Upper case: Technology Independent ] The website as part of a system, it needs a complete analysis as, how the website is going to fulfill what the target audience want/need and how the site is going to help the overall web presence of the participant newspaper companies. Additionally, the analysis should cover all the aspects especially on how the hardware, software, people, and data providers (newspapers) are going to support the main goal. Activities: a) List all hardware and software specifications (available and to be acquired) b) Contact the top three-five newspapers in every Latin American country and make agreements on information exchange policy.

4 Design Project - 3 The criteria of selection will be based upon the newspapers linked from two Latin American directories: LANIC at the University of Texas at Austin, Zona Latina: Latin American Media & Marketing c) Define sketches for website layout and structure (See Graphic 2) d) Create a timeline according to the project requirements (See Graphic 3) Graphic 2 Website Structure (sketch) Graphic 3 Project timeline The first version of the project is expected to be completed in 3 months.

5 Design Project - 4 III. Design (Part A) [ Upper case: Technology Independent ] Under the premise that a website should be readable and clear, for both the users and the designers, the following six steps must be part of the early design process: 1) All files (text and images) must share the same naming conventions (e.g. category.country.source.file_id) 2) Centered content with widths set in percentages so that pages will always fill the browser window. 3) The navigation bar will be shown on every page, except on the search page. 4) Develop a check list for the testing phase and keep track of results when loading pages on machines with different operating systems, browsers, and browser versions. 5) Document sketches, specifications, and website structure (See Graphic 4 and 5) 6) Establish the rules for the website content and structure, including header, navigation, body, footer, background and font colors, images and links properties. Graphic 4 Main page sketch

6 Design Project - 5 Graphic 5 Website structure III. Design (Part B) [ Lower case: Technology dependent ] After completing the first level of design, basic structure, and navigation, it is time to start looking at the website development from the technology point of view. Thus, because the website should be robust, accurate, and persistent, we will use XHTML and CSS. Though research has shown that using XML can be richer and easier to use due to the hypertext linking abilities of XML; we would prefer to start with XHTML. For the page presentation, we will use CSS. Hardware and Software specifications: Page presentation: XHTML, CSS, and Java Script. Database: MySQL (though it may not be part of the first version). Design and Development Tools: Notepad++, Macromedia Studio, and Adobe Photoshop. Testing Tools: W3C validators and Validome. Operating Systems: Windows Vista. Project Management tools: MS Project and Visio 2003

7 Design Project - 6 IV. Construction [ Lower case: Technology dependent ] In order to create and present a website that complies with usability standards and content and style standards, we will consider the following specifications: DOCTYPE: XHTML Strict DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Character encoding: Unicode with UTF-8 encoding. <meta http-equiv="content-type" content="text/html; charset=utf-8" /> Attributes must contain quoted values and images must always have the attribute alt. The beacon s declaration (description and keywords) <meta name="description" content="las Noticias de hoy en Latin American" /> <meta name="keywords" content="noticas Latin America, Politica Latin America, Economica Latin America, Tecnologia Latin America, Deportes Latin America" /> CSS structure and main elements body {font-family: ; background: ; color: ;} #outer { margin: 0px 0px; width: 90%; background-color: ; } #header {} #navigation {} #content {} #content_politics {} #content_economy {} #content_technology {} #content_sports {} #footer {} #menu a { display: block; float: left; width: 120px; height: 30px; text-align: center; text-decoration: none; font-size: 18px; } #menu a:hover {} h1 {} h2, h3 {} p blockquote {} a { color: ;} JavaScript: to enable users select (customize) the website view to a single country. <head> <script type="text/javascript"> <!-- function getselect(s) { return s.options[s.selectedindex].value } --> </script> </head> <body> <select name="list" size=1 OnChange="location=getSelect(this)"> <option value="">select a Country: <option value="argentina.html">argentina <option value="belize.html">belice <option value="brazil.html">brazil <!-- more countries --> <option value="uruguay.html">uruguay <option value="venezuela.html">venezuela </select> </body>

8 Design Project - 7 XHTML template: Working code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>las Noticias de hoy en en Latin América</title> <link rel="stylesheet" type="text/css" href="/css/main.css" /> <link rel="stylesheet" type="text/css" href="/css/news.css" /> <link rel="stylesheet" type="text/css" href="/css/search.css" /> <script type="text/javascript"> <!-- function getselect(s) { return s.options[s.selectedindex].value } --> </script> </head> <body> <div id ="outer"> <div id ="header"> <!-- Logo and website title --> <! Archive Search functionality --> <div id ="navigation"> <!-- JavaScript code for country selection --> <div class= menu> <a href="politics.html">política</a> <a href="economy.html">economía</a> <a href="technology.html">tecnología</a> <a href="economy.html">deportes</a> <div id ="content"> <div id ="content_politics"> <!-- call for politics.tmpl file --> <div id ="content_economy"> <!-- call for economy.tmpl file --> <div id ="content_technology"> <!-- call for technology.tmpl file --> <div id ="content_sports"> <!-- call for sports.tmpl file --> <div id ="footer"> <!-- contact info, last update, copyright, and links to stats and home code for getting visitor s data (e.g. Google Analytics) --> </body> </html>

9 Design Project - 8 Main page (Wireframe) Category page (Wireframe)

10 Design Project - 9 Main page (as viewed in a browser) Category page (e.g. Politics)

11 Design Project - 10 V. Verification [ Lower case: Technology dependent ] Before officially launching the website, we will conduct testing and validation processes for the following elements: Browser independent, tests in different browsers, especially IE 6.0 or later and Mozilla which are highly used in Latin America. Fonts, especially with titles, subtitles, paragraphs. Layout, test the three main layout/views: general, country and search. Links, the navigation buttons and the list of counties should point to the current page of a given section. Additionally, as our goal is to comply with web standards and have the ability to be ready to migrate to XML in the future, we are planning to validate all pages using W3C tools, as well as a system such as xlinkit which can help us check for web page consistency and catch code errors. Though this project will start from zero and its content structure seems manageable, we know that the number of pages, links, and images will grow on a daily basis. Therefore, after the first testing and validation process, we are going to add automatic processes to assure all pages comply with web standards. VI. Maintenance [ Lower case: Technology dependent ] As the last part of the website development cycle, maintenance will involve processes of revising, getting feedback, updating or creating new features, and marketing. For this project we will use three methods to obtain information from users: 1) Statistics using Google Analytics 2) Messages/inquiries directly from users 3) Number of sites that have a link to our website Because maintaining a website, that is changing daily, is never done. The three methods of collecting data from users, the results of the verification phase, and the structure of similar organizations will help the web-team work on the requested/identified changes. Last but not least, as part of the maintenance process, we will search for other news websites in order to get ideas of how they present content and their design.

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

CompuScholar, Inc. Alignment to Utah's Web Development I Standards Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Vebra Search Integration Guide

Vebra Search Integration Guide Guide Introduction... 2 Requirements... 2 How a Vebra search is added to your site... 2 Integration Guide... 3 HTML Wrappers... 4 Page HEAD Content... 4 CSS Styling... 4 BODY tag CSS... 5 DIV#s-container

More information

Web Development IB PRECISION EXAMS

Web Development IB PRECISION EXAMS PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards

More information

Introduction to HTML5

Introduction to HTML5 Introduction to HTML5 History of HTML 1991 HTML first published 1995 1997 1999 2000 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards.

More information

A designers guide to creating & editing templates in EzPz

A designers guide to creating & editing templates in EzPz A designers guide to creating & editing templates in EzPz Introduction...2 Getting started...2 Actions...2 File Upload...3 Tokens...3 Menu...3 Head Tokens...4 CSS and JavaScript included files...4 Page

More information

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax

More information

Dreamweaver: Portfolio Site

Dreamweaver: Portfolio Site Dreamweaver: Portfolio Site Part 3 - Dreamweaver: Developing the Portfolio Site (L043) Create a new Site in Dreamweaver: Site > New Site (name the site something like: Portfolio, or Portfolio_c7) Go to

More information

HTML Overview. With an emphasis on XHTML

HTML Overview. With an emphasis on XHTML HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

Overview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS

Overview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS CSS Overview Part I: Portraying the Internet as a collection of online information systems Part II: Design a website using HTML/XHTML & CSS XHTML validation What is wrong?

More information

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1 STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS: WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters

More information

Title: Dec 11 3:40 PM (1 of 11)

Title: Dec 11 3:40 PM (1 of 11) ... basic iframe body {color: brown; font family: "Times New Roman"} this is a test of using iframe Here I have set up two iframes next to each

More information

Micronet International College

Micronet International College Micronet International College Level 4 Diploma in Computing Designing and Developing a Website (DDW) Test 1 (20%) Name: /50 Class: QUESTION 1 a) I) What are W3C standards? 1 Specifications or descriptions

More information

New Media Production HTML5

New Media Production HTML5 New Media Production HTML5 Modernizr, an HTML5 Detection Library Modernizr is an open source, MIT-licensed JavaScript library that detects support

More information

Part A Short Answer (50 marks)

Part A Short Answer (50 marks) Part A Short Answer (50 marks) NOTE: Answers for Part A should be no more than 3-4 sentences long. 1. (5 marks) What is the purpose of HTML? What is the purpose of a DTD? How do HTML and DTDs relate to

More information

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2

More information

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910 Co. Louth VEC & Co. Monaghan VEC Programme Module for Web Authoring leading to Level 5 FETAC Web Authoring 5N1910 Web Authoring 5N1910 1 Introduction This programme module may be delivered as a standalone

More information

XHTML & CSS CASCADING STYLE SHEETS

XHTML & CSS CASCADING STYLE SHEETS CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version

More information

CIS 228 (Fall 2011) Exam 2, 11/3/11

CIS 228 (Fall 2011) Exam 2, 11/3/11 CIS 228 (Fall 2011) Exam 2, 11/3/11 Name (sign) Name (print) email Question 1 2 3 4 5 6 7 8 TOTAL Score CIS 228, exam 2 1 11/03/11 Question 1 True or false: In CSS, property declarations in the same rule

More information

What is XHTML? XHTML is the language used to create and organize a web page:

What is XHTML? XHTML is the language used to create and organize a web page: XHTML Basics What is XHTML? XHTML is the language used to create and organize a web page: XHTML is newer than, but built upon, the original HTML (HyperText Markup Language) platform. XHTML has stricter

More information

Web Development & Design Foundations with XHTML. Chapter 2 Key Concepts

Web Development & Design Foundations with XHTML. Chapter 2 Key Concepts Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page

More information

1 of 7 8/27/2014 2:26 PM Units: Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Designing & Planning Web Pages This unit will give students a basic understanding of core design principles

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:

More information

introduction to XHTML

introduction to XHTML introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers

More information

Lecture 13. Page Layout. Mr. Mubashir Ali Lecturer (Dept. of Computer Science)

Lecture 13. Page Layout. Mr. Mubashir Ali Lecturer (Dept. of Computer Science) Lecture 13 Page Layout Mr. Mubashir Ali Lecturer (Dept. of dr.mubashirali1@gmail.com 1 Summary of the previous lecture Font properties Controlling text with CSS Styling links Styling background Styling

More information

Web Site Project (Final Project / 30% of grade)

Web Site Project (Final Project / 30% of grade) Web Site Project (Final Project / 30% of grade) Purpose: To design, develop, and publish a web site using recommended design practices. Your web site will contain a home page and at least six (but no more

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

Create a cool image gallery using CSS visibility and positioning property

Create a cool image gallery using CSS visibility and positioning property GRC 275 A8 Create a cool image gallery using CSS visibility and positioning property 1. Create a cool image gallery, having thumbnails which when moused over display larger images 2. Gallery must provide

More information

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points)

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) CS-101 Fall 2008 Section 4 Practice Final v1.0m Name: Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) XHTML/CSS Reference: Entities: Copyright

More information

Web Publishing Intermediate 2

Web Publishing Intermediate 2 Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

How the Internet Works

How the Internet Works How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).

More information

Designing and Developing a Website. December Sample Exam Marking Scheme

Designing and Developing a Website. December Sample Exam Marking Scheme Designing and Developing a Website December 2015 Sample Exam Marking Scheme This marking scheme has been prepared as a guide only to markers. This is not a set of model answers, or the exclusive answers

More information

HTML5 MOCK TEST HTML5 MOCK TEST I

HTML5 MOCK TEST HTML5 MOCK TEST I http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your

More information

jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc.

jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc. jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com Agenda What is and Why jmaki? jmaki widgets Using jmaki widget - List widget What makes up

More information

Shane Gellerman 10/17/11 LIS488 Assignment 3

Shane Gellerman 10/17/11 LIS488 Assignment 3 Shane Gellerman 10/17/11 LIS488 Assignment 3 Background to Understanding CSS CSS really stands for Cascading Style Sheets. It functions within an HTML document, so it is necessary to understand the basics

More information

Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps

Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps Simple Carpool Application using SAP NetWeaver Portal, KM, XML Forms, and Google Maps Applies to: SAP NetWeaver Portal 6.x\7.x, Knowledge Management (KM), and Google Maps. For more information, visit the

More information

Schenker AB. Interface documentation Map integration

Schenker AB. Interface documentation Map integration Schenker AB Interface documentation Map integration Index 1 General information... 1 1.1 Getting started...1 1.2 Authentication...1 2 Website Map... 2 2.1 Information...2 2.2 Methods...2 2.3 Parameters...2

More information

Semantic Web Lecture Part 1. Prof. Do van Thanh

Semantic Web Lecture Part 1. Prof. Do van Thanh Semantic Web Lecture Part 1 Prof. Do van Thanh Overview of the lecture Part 1 Why Semantic Web? Part 2 Semantic Web components: XML - XML Schema Part 3 - Semantic Web components: RDF RDF Schema Part 4

More information

xhtml.pdf September 29,

xhtml.pdf September 29, Contents SCI 351 7 Advanced XHTML and CSS Lennart Herlaar Original slides by Jurriaan Hage HTML: a short future The extensible HyperText markup Language (XHTML 1.0) - a selection Many things also apply

More information

HTML & CSS November 19, 2014

HTML & CSS November 19, 2014 University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS LIBRARY USE LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD 2013 Student ID: Seat Number: Unit Code: CSE2WD Paper No: 1 Unit Name: Paper Name: Reading Time: Writing Time: Web Development Final 15 minutes

More information

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

CSS: Layout Part 2. clear. CSS for layout and formatting: clear CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear

More information

Website Designing for

Website Designing for 5 Website Designing for www.scap.com.pk Complete Proposal for website designing and associated web solutions of www.scap.com.pk. The web solutions included, Search Engine Optimization and web hosting.

More information

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating

More information

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6 JDownloader - Bug #80273 Bug # 75914 (Closed): Hoster: openload.co - Free Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d9453425a1830b60ab13ddec9a2ff6 08/18/2016 02:13 AM - StatServ Status: Closed

More information

PRODUCTION PHASES CHANGES

PRODUCTION PHASES CHANGES PRODUCTION PHASES CHANGES There are changes in the production phases terminology as related to the Adobe certification test objectives. We have added new phase names as identified by Adobe resources linked

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

SEO Authority Score: 40.0%

SEO Authority Score: 40.0% SEO Authority Score: 40.0% The authority of a Web is defined by the external factors that affect its ranking in search engines. Improving the factors that determine the authority of a domain takes time

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Ministry of Higher Education and Scientific Research

Ministry of Higher Education and Scientific Research Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan

More information

MP3 (W7,8,&9): HTML Validation (Debugging) Instruction

MP3 (W7,8,&9): HTML Validation (Debugging) Instruction MP3 (W7,8,&9): HTML Validation (Debugging) Instruction Objectives Required Readings Supplemental Reading Assignment In this project, you will learn about: - Explore accessibility issues and consider implications

More information

TRAINING GUIDE. Rebranding Lucity Web

TRAINING GUIDE. Rebranding Lucity Web TRAINING GUIDE Rebranding Lucity Web Rebranding Lucity Web Applications In this booklet, we ll show how to make the Lucity web applications your own by matching your agency s style. Table of Contents Web

More information

Website Report for facebook.com

Website Report for facebook.com Website Report for facebook.com Fife Website Design 85 Urquhart Crescent 07821731179 hello@fifewebsitedesign.co.uk www.fifewebsitedesign.co.uk This report grades your website on the strength of a range

More information

DESIGNING AND DEVELOPING A WEBSITE MARKING SCHEME

DESIGNING AND DEVELOPING A WEBSITE MARKING SCHEME DESIGNING AND DEVELOPING A WEBSITE 7 th NOVEMBER 01 MARKING SCHEME This Marking Scheme has been prepared as a guide only to markers. This is not a set of model answers, nor is the Marking Scheme exclusive,

More information

E-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables

E-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables Lab 5 Valid HTML, Home Page & Editor Tables Navigation Topics Covered Server Side Includes (SSI) PHP Scripts menu.php.htaccess assessment.html labtasks.html Software Used: HTML Editor Background Reading:

More information

Page 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation

More information

Structured documents

Structured documents Structured documents An overview of XML Structured documents Michael Houghton 15/11/2000 Unstructured documents Broadly speaking, text and multimedia document formats can be structured or unstructured.

More information

Using an ArcGIS Server.Net version 10

Using an ArcGIS Server.Net version 10 Using an ArcGIS Server.Net version 10 Created by Vince DiNoto Vince.dinoto@kctcs.edu Contents Concept... 2 Prerequisites... 2 Data... 2 Process... 3 Creating a Service... 3 Down Loading Shapefiles... 3

More information

Web Publishing Basics I

Web Publishing Basics I Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic

More information

Using CSS for page layout

Using CSS for page layout Using CSS for page layout Advantages: Greater typographic control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control Increased accessibility

More information

Web Design and Application Development

Web Design and Application Development Yarmouk University Providing Fundamental ICT Skills for Syrian Refugees (PFISR) Web Design and Application Development Dr. Abdel-Karim Al-Tamimi altamimi@yu.edu.jo Lecture 01 A. Al-Tamimi 1 Lecture Overview

More information

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

1.1 Text Alternatives: Provide text alternatives for any non-text content. 3.1 Readable: Make text content readable and understandable.

1.1 Text Alternatives: Provide text alternatives for any non-text content. 3.1 Readable: Make text content readable and understandable. Monday April 29, 2013 10:10:00 Source URL: http://hastanerandevu.gov.tr/randevu/randevu.jsp Source Title: Hastane Randevu Merkezi Yönlendirme Accessibility Review (Guidelines: WCAG 2.0 (Level AA)) Report

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 CSS introduction CSS Level 1 --> CSS Level 2 --> CSS Level 3 (in modules) More than 50 modules are published Cascading style sheets (CSS) defines how

More information

map1.html 1/1 lectures/8/src/

map1.html 1/1 lectures/8/src/ map1.html 1/1 3: map1.html 5: Demonstrates a "hello, world" of maps. 7: Computer Science E-75 8: David J. Malan 9: 10: --> 1 13:

More information

TERMS OF REFERENCE Design and website development UNDG Website

TERMS OF REFERENCE Design and website development UNDG Website TERMS OF REFERENCE Design and website development UNDG Website BACKGROUND The United Nations Development Coordination and Operations Office (UN DOCO) launched a new website in 2015 to ensure accessibility

More information

Building Your Blog Audience. Elise Bauer & Vanessa Fox BlogHer Conference Chicago July 27, 2007

Building Your Blog Audience. Elise Bauer & Vanessa Fox BlogHer Conference Chicago July 27, 2007 Building Your Blog Audience Elise Bauer & Vanessa Fox BlogHer Conference Chicago July 27, 2007 1 Content Community Technology 2 Content Be. Useful Entertaining Timely 3 Community The difference between

More information

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1 CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS

More information

Competitor Name: Competitor No: City: To dear

Competitor Name: Competitor No: City: To dear 9 th Iran Skills Competitions (008) Skill International Code: 7 Content Table Project Description... Blog Description......... Administration Panel... Technical Description... Project Documentationn...

More information

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.: Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag

More information

Step 1 - Learning & Discovery

Step 1 - Learning & Discovery OUR PROCESS Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery

More information

Tips from Bryan. (past student)

Tips from Bryan. (past student) Tips from Bryan (past student) 2 3 4 5 6 7 8 Questions/Tips/ Thoughts/Concerns? Students suggest An easier midterm? Nice idea, but not a valid solution; e.g. makes it harder to survive in your future upper-level

More information

Getting Started with CSS Sculptor 3

Getting Started with CSS Sculptor 3 Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use

More information

HIERARCHICAL ORGANIZATION

HIERARCHICAL ORGANIZATION A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout

More information

FUNDAMENTALS OF WEB DESIGN (46)

FUNDAMENTALS OF WEB DESIGN (46) 8 Pages Contestant Number Time Rank FUNDAMENTALS OF WEB DESIGN (46) Regional 2010 Points Section Possible Awarded 20 Questions @ 5pts. 100 pts Application (Subj.) 100 pts TOTAL POINTS 200 pts Failure to

More information

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for

More information

Header. Report Section. Footer

Header. Report Section. Footer Scan&Solve Cheat Sheet for Modifying Report Format Scan&Solve uses template files to construct the web-ready reports when the [Report ] button is clicked in the View tab. These template files, located

More information

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for

More information

Support Notes (Issue 1) September Snap it! Certificate in Digital Applications (DA105) Coding for the Web

Support Notes (Issue 1) September Snap it! Certificate in Digital Applications (DA105) Coding for the Web Support Notes (Issue 1) September 2014 Certificate in Digital Applications (DA105) Coding for the Web Snap it! Introduction Before tackling the Summative Project Brief (SPB), students should have acquired

More information

Markup Language. Made up of elements Elements create a document tree

Markup Language. Made up of elements Elements create a document tree Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how

More information

Fundamentals: Client/Server

Fundamentals: Client/Server Announcements Class Web Site: http://www.cs.umd.edu/projects/passport/classes/summer2008/ You can find this link at the end of the main passport site http://www.cs.umd.edu/projects/passport/webpage/ E-mail

More information

3 Categories and Attributes

3 Categories and Attributes 3 The combination of products, presentation, and service makes our store unique. In this chapter, we will see how to add products to our store. Before adding products, we need to make some decisions about

More information

Mark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web

Mark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web Mark Scheme Edexcel Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first candidate in exactly

More information

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx

More information

Client-side Web Engineering 2 From XML to Client-side Mashups. SWE 642, Spring 2008 Nick Duan. February 6, What is XML?

Client-side Web Engineering 2 From XML to Client-side Mashups. SWE 642, Spring 2008 Nick Duan. February 6, What is XML? Client-side Web Engineering 2 From XML to Client-side Mashups SWE 642, Spring 2008 Nick Duan February 6, 2008 1 What is XML? XML extensible Markup Language Definition: XML is a markup language for documents

More information

STRANDS AND STANDARDS

STRANDS AND STANDARDS STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the

More information

Project 3 CIS 408 Internet Computing

Project 3 CIS 408 Internet Computing Problem 1: Project 3 CIS 408 Internet Computing Simple Table Template Processing with Java Script and DOM This project has you run code in your browser. Create a file TableTemplate.js that implements a

More information

CSCI 1100L: Topics in Computing Spring 2018 Web Page Project 50 points

CSCI 1100L: Topics in Computing Spring 2018 Web Page Project 50 points CSCI 1100L: Topics in Computing Spring 2018 Web Page Project 50 points Project Due (All lab sections): Check on elc Assignment Objectives: Lookup and correctly use HTML tags. Lookup and correctly use CSS

More information

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010 Lecture 14 Javascript Announcements Project #2 New website Exam#2 No. Class Date Subject and Handout(s) 17 11/4/10 Examination Review Practice Exam PDF 18 11/9/10 Search, Safety, Security Slides PDF UMass

More information

Fundamentals of Website Development

Fundamentals of Website Development Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0

More information

Advanced HTML Scripting WebGUI Users Conference

Advanced HTML Scripting WebGUI Users Conference Advanced HTML Scripting 2004 WebGUI Users Conference XHTML where did that x come from? XHTML =? Extensible Hypertext Markup Language Combination of HTML and XML More strict than HTML Things to Remember

More information

Chapter 2 Web Development Overview

Chapter 2 Web Development Overview Chapter 2 Web Development Overview Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell Five Pillars of Sites Web sites have five aspects

More information