Design Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc
|
|
- Lindsey Gibson
- 6 years ago
- Views:
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
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 informationHTML 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 informationVebra 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 informationWeb 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 informationIntroduction 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 informationA 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 informationTutorial 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 informationDreamweaver: 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 informationHTML 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 informationWireframe :: 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 informationOverview. 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
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 informationImplementing 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 informationWEBSITE 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 informationTitle: 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 informationMicronet 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 informationNew 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 informationPart 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 informationAdobe 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 informationCo. 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 informationXHTML & 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 informationCIS 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 informationWhat 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 informationWeb 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 information1 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 informationProgrammazione 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 information1/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 informationintroduction 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 informationLecture 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 informationWeb 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 informationGIMP 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 informationCreate 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 informationExam 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 informationWeb 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 informationCHAPTER 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 informationHow 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 informationDesigning 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 informationHTML5 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 informationjmaki 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 informationShane 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 informationSimple 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 informationSchenker 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 informationSemantic 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 informationxhtml.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 informationHTML & 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 informationIndex. 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 informationLA 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 informationCSS: 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 informationWebsite 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 informationText 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 informationHoster: 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 informationPRODUCTION 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 informationCSS: 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 informationSEO 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 informationDeccansoft 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 informationMinistry 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 informationMP3 (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 informationTRAINING 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 informationWebsite 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 informationDESIGNING 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 informationE-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 informationPage 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 informationStructured 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 informationUsing 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 informationWeb 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 informationUsing 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 informationWeb 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 informationMobile 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 informationChapter 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 information1.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 informationHTML 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 informationScripting 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 informationmap1.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 informationTERMS 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 informationBuilding 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 informationCREATING 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 informationCompetitor 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 informationInternet 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 informationStep 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 informationTips 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 informationGetting 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 informationHIERARCHICAL 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 informationFUNDAMENTALS 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 informationHTML. 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 informationHeader. 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 informationADOBE 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 informationSupport 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 informationMarkup 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 informationFundamentals: 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 information3 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 informationMark 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 informationStudy 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 informationClient-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 informationSTRANDS 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 informationProject 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 informationCSCI 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 informationJavascript. 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 informationFundamentals 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 informationAdvanced 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 informationChapter 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