CS7026: Authoring for Digital Media

Slides:

Advertisements

Similar presentations

Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.

Advertisements

About this Web Site Disclaimer: This site has been designed as a project for CS3505. It is for educational purposes only. All content is based upon a fictional.

Web publishing training Introduction to the Tera text Web Content Management System (CMS) Learning Objective: Basic knowledge and skills required to publish.

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 14B.

Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.

Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)

Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.

Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

IT Introduction to Website Development Welcome!

Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Class Instructor Name Date. Classroom Tips Class Roster – Please Sign In Class Roster – Please Sign In Internet Usage Internet Usage –Breaks and Lunch.

MAKING A WEBSITE WRA AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.

Assignment 2 Due November 4, 1:30pm. Website You are creating a website for a fictional business which must sell some sort of product You can create any.

Module Code: CU0001NI Introduction to Multimedia.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Applications for Web Development (CIS 162) Intro to Web Design.

INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

Assignment 2 October 28. Assignment 2 Is due in one week, November 4 Your assignment is considered submitted when: –You have sent the zipped file to the.

Please open a file manager window and Dreamweaver.

Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

Goal See below /tables, Html-2-1.pptx rev 01/19/2016.

Interface Design 2 Week 13. Interface Design 2 :: Week 13 :: Calendar.

Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 7A.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Unit 15 – Web Authoring Web Authoring Project.

We will begin at 9 PM This is an Audio Seminar. Please be sure to adjust your audio. When reviewing the archived seminar this document will provide the.

Programming for the Web Assignment One Dónal Mulligan BSc MA

Miguel Lara, PhD. Design and development instructional websites using a variety of web technologies such as HTML5, CSS, JavaScript, and jQuery.

HTML Links CS 1150 Spring 2017.

MIT 511- Web Design & Usability

Contributing to the WCARC Website

Project Model-Based Systems Engineering: Documentation and Analysis

Project Portfolio Architecture & Systems Engineering Name

Pre-Coding Web Design – Sec 3-1

Lecture 1. Introduction to Information and Web Technologies

Project Portfolio Architecture & Systems Engineering Name

Jadu Training Documents & Homepages.

Year 7 E-Me Web design.

Project Portfolio Architecture of Complex Systems Name

Introduction to web design discussing which languages is used for website designing

CIS 273 Possible Is Everything/snaptutorial.com

WEB 236 Education for Service-- snaptutorial.com.

WEB 240 knowledge is divine-- snaptutorial.com. WEB 240 Entire Course For more classes visit WEB 240 Week 1 Individual Website Brainstorm.

Term Project Evaluations Guiding Principles Summary

Fixed Positioning.

HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks

Principles of Web Design 5th Edition

Information Architecture and Design I

A01 DESIGN To be completed Your proposal  Your House style 

Unit 1 The Web Book Test.

TC 310 The Computer in Technical Communication

Web Design 1 Website Construction.

Website production.

Making a website.

Developing a Web Site.

Kapi’olani Community College

Interface Design 2 Week 11.

Kapi’olani Community College

HTML Links CS 1150 Fall 2016.

By Sitemap Creating By

Internet Skills ELEC135 Alan Noble Room 504 Tel:

Presentation transcript:

CS7026: Authoring for Digital Media HTML5 Authoring: Assignment 1

Assignment 1 Aim: To develop the structure and outline of a basic portfolio website utilising the basic HTML5 skills we have learned up until this point. Deliverables: Documentation (.pdf): URL of your homepage A sitemap A site outline (paragraph describing your site structure including future development). Website consisting of a homepage and at least 3 other pages Working Navigation between the pages Must contain: Table Image Text Links

Assignment 1 Submission Must validate as HTML5 at http://validator.w3.org/ No CSS please! No content needed! Submission Save your pages to your www folder and include the URL of your assignment homepage at the top of your documentation. Save your document as mynameSurname.pdf Submit the document through Blackboard Deadline: Wednesday 1st of November 2017 12pm. 10% of marks for CS7026 Late submissions will be marked out of 5% less each day...

What is a sitemap? A good way to figure out the structure of your site - basically just an outline or flow-chart of the content your site needs A planning tool: Organize and clarify the content that needs to be on your site Eliminate unnecessary pages. Get the overview you need to figure out how your pages interrelate. Streamline your users’ path through the site.

Simple…

More complex…

Class Activity (now and next week) Get into groups of 3 or 4 now and discuss what you think a portfolio site should contain. Construct your site maps and get feedback from your peers. Start thinking about the layout of your homepage and content pages. Where will you put your navigation? How will your user view your content? Sketch out some ideas and get feedback from your peers.