G053 Lecture 22 Coursework Feedback 2014 Mr C Johnston ICT Teacher www.computechedu.co.uk.

Slides:



Advertisements
Similar presentations
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Advertisements

LO4 - Be able to create websites
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.
ITGS Internal Assessment The Project. What is the Project? An original IT solution to a real problem with a specified ‘client.’ A challenging task using.
CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
WildCare Kathryn Woods 11CHS. Research Firstly, I went to the DiDa WildCare course page and read up on the tasks I had to do and what standard I would.
Orion Project Proposal HTML Tutorial Website. Define.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
CO1552 – Web Application Development Lists, Special Characters, and Tables.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Review Chapter 3, 4 & 5 - Dreamweaver. How does defining the site in Dreamweaver help in designing a web page? Answer: It shows all the files and images.
G053 - Lecture 20 Testing Websites
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Mr C Johnston ICT Teacher BTEC IT Unit 28 - Lesson 06 Designing Websites.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
G053 Lecture 14 Adding Graphical Rollovers Manually Mr C Johnston ICT Teacher
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Level 2 IT Users Qualification – Unit 1 Improving Productivity Katie.
G050: Lecture 02 Evaluating Interactive Multimedia Products
Where Should I Be Now??? Finished corrections to task a/b Annotated a page of code and put it in folder Put evidence of manual code changes (edit and add)
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Level 2 IT Users Qualification – Unit 1 Improving Productivity Chris.
Unit 6 – Designing Multimedia The design part must be done before any implementation. Mark band 3 The candidate has produced designs for multimedia products.
G053 - Lecture 16 Validating Forms Mr C Johnston ICT Teacher
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
G050: Lecture 06 Asset Creation – Task Ci Mr C Johnston ICT Teacher
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
G050: Lecture 09 Evidencing Task D, E Mr C Johnston ICT Teacher
Level 2 IT Users Qualification – Unit 1 Improving Productivity JACK GOODING.
G048: Lecture 07 The Project Log Mr C Johnston ICT Teacher
G053 - Lecture 03 Features of Websites Mr C Johnston ICT Teacher
G050 – Lecture 05a Task A & B Feedback 2010 Mr C Johnston ICT Teacher
G040 Feedback 2010 Mr C Johnston ICT Teacher
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Chapter 5 Working with Tables Principles of Web Design, 4 th Edition.
G042 Lecture G042 Feedback 2011 Mr C Johnston ICT Teacher
G042 - Lecture 17 Task E – Present Your Findings Mr C Johnston ICT Teacher
G042 – Lecture 4 Task G Briefing Notes Mr C Johnston ICT Teacher
OCR Nationals ICT – Unit 2 Task 4 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
G046 Lecture 03 Introduction To HTML Mr C Johnston ICT Teacher
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
G053: Lecture 16a Task D Evidence Mr C Johnston ICT Teacher
G042 – Lecture 01 Unit Introduction Mr C Johnston ICT Teacher
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Project: Web Designer. Phase 1: The World Wide Web.
HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
G048: Lecture 03 Task B Overview Mr C Johnston ICT Teacher
Unit 14 - Task 3 Webpage Design. Lesson: eportfolio Class: 13d Date: 21 st Jan Starter pageguide/badpgguide.html.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Unit 15 – Web Authoring Web Authoring Project.
Unit 15 – Web Authoring Web Authoring Project.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Year 7 E-Me Web design.
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.
Unit 2 – Webpage Creation
Create and edit web pages 2
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Cambridge TECHNICALS- LEVEL 3
Computer communications
LO4 – New This Year and Find Out More
Wheelers clubs Your site will consist of 3 pages:
Presentation transcript:

G053 Lecture 22 Coursework Feedback 2014 Mr C Johnston ICT Teacher

Session Objectives To receive further guidance on common misunderstandings after the first hand in..

FINAL DEADLINE 9.00am on Tuesday 21 st January. Mr J’s normal remark policy applies Tell me what you have changed wont go looking Do not renumber pages If you need to add extra pages do so … but number pages as letters e.g. if you need extra pages between 10 and 11 use 10a, 10b 10c etc Loose your mark sheet and tough – no marks…. not marking work again!

Overview There is a much more laid back approach to the coursework this year as the January session does not exist, This is rather worrying as we have to start the new unit but there is still too much work outstanding the final deadline is now 9.00am on Tuesday 21 st Jan, I have seen about 7 / 21 bits of work, they weren't bad and showed promise – WHERE ARE THE REST? We do still have 7 people who have not uploaded their sites yet – this is very disappointing as sites were supposed to be finished before Christmas..

Task A and B Both these tasks were marked ages ago and feedback received thank you to those who bothered to make adjustments some didn’t… Ensure you have evidence to complete task b of: A site index Evidence of uploading and your site is actually published online – this was missing from many portfolios Screen shots of the upload process, then a screen shot of your website showing the is appropriate.

Task Ci Your finished website needs to have used a wide range of techniques and features to create a website of professional standard, Some of the sites are not quite professional standard and therefore will not be eligible for marks within band 3, CSS, Javascript, CGI/ASP, Flash, templates, animated gifs, rollovers, time/date, multimedia will be included. Annotation of website screen shots needs to identify the features used (especially sound, flash, rollovers and dropdown) as its not always obvious what they are.

Evidence for task ci – need to show clearly the various scenes of assets. REMEMBER the moderator does not see your site.

Task Cii Tables are a good way of explaining the features used and how they add impact BUT often no evidence was included and entries became generic Just including HYPERLINKS is not good enough – need to tell me hyperlink to what….. And show me a picture of it Most people forgot to include: ASP, DATABASE, VALIDATION, TEMPLATE, CSS, POP UPS, and DROP DOWN MENUs within their features

Features To ID / Describe Template Images Flash animations Gif animations Image Maps Hyperlinks (page, internal, external, ) Rollover Images Drop Down Menus CSS Videos Interactive Maps Date / Time RSS Feeds Javascript Pop Ups Image Galleries Search Bars Web Forms Form Validation ASP for form processing Database iFrames Advertisements Any other whiz bang stuff

Task D The code annotation was poor – you must explain fully 3 TAGS highlighting bits of CSS or JavaScript is not appropriate the html, head and body tag are not good selections either Highlighting only the close part of the tag is again not good Select three tags and explain exactly what they do and when they close (include all the properties of the tag) – a table and all its associated tags (tr, td etc) would be good, image tag and its properties, hyperlink tag and all its properties Use the notes from the HTML lecture or an online resource to help Remember to edit as well as add html code and don’t try to blag it – Dreamweaver writes code which you haven't been taught and I can tell

This is the image tag which is used to show an image. In this example the image tag displays a picture of Ricky my dog, which is called rickyDogPicture.jpg and is located in the images folder of my website. The tag sets the width of the picture to 250 pixels and height to 180 pixels. It also removes the border encase I want to place a hyperlink on the picture and the horrid blue border wont show. I have also included an alt tag which is text that will display if the image is not available – I have placed in the alt tag the text – picture of Ricky my dog, he is white and ginger terrier. I think this is sensible which gives somebody a good idea of what the picture looks like. Alt tags are also used by page readers if the user is blind so this description is good for these.

This is the tag which inserts a table into my webpage. This table tag inserts a table into my page which is 400 pixels wide. The border=“0” property ensures that no border is displayed, whilst setting both the cellpadding and cellspacing properties to 0 ensures that there is no space between the border and contents of each cell (cellpadding) and between each cell (cellspacing). The tag creates a new table row – it sets the height of the row to 20 pixels. The two tags each create a cell within the row. The first cell is 100 pixels wide and the second is 300 pixels wide. In each cell there is just some text. The tags close each cell and the tag finishes the row. The tag closes the table. Welcome to………… The Ricoh arena, formally the home of the mightly Sky Blues!!!!!!!

Task E Needs perhaps to be more extensive, Ensure you have clear evidence of testing – a table is not always sufficient on its own. The inclusion of screen shots within your test table will make testing more overt rather than implied. Include clear evidence of testing within two different browsers: Rollovers Validation Database connection (see

Task F Not seen any so cant comment specifically this year BUT….. In general Be critical with your analysis - +ve / -ve need reasons and theory to back them up, Where -ve is found you must explain an improvement, There are two parts to the evaluation – the site and your own performance ensure both are completed fully, When evaluating your site include feedback from visitors and assess for accessibility using WAG - using WAG gives some good theory bases improvements!!!

Own Performance Requires detailed analysis on the methods used to design, implement and test your site… Some methods could include: Design: Mind map, storyboards, structure diagram, time plan Development: Dreamweaver, coding, asset development Testing: Test plan, different situations, user testing For each method explain critically your experiences – What went well What didn’t Impacts on the overall project / product due to the methods adopted What would you do differently next time