final pages

The three pages above are the finished repairs page, history page and the final contacts page

This then finishes all the pages of the website.

chapter 6 complete, my repairs and parts site needs finishing

Well i figured out how to get the left column all the way down the pages, it was the "content" colour which was wrong, changed it to white and it looks like this.
To the right is my repairs and parts page- needs more work but its almost finished.

chapter 6 inner studies final go

after I asked Phillip about the left column, I fiddled with the margin and padding, but it seems the size of the page wont make the left white column go directly down the side of the pages, its ever one or the other pages being misaligned and its not to do with the layout structure, its because of the amount of content of the page.

the 4th page of my webpage - photos

this page is a variety of photos - showing that this site has its own classic mini club for anyone to join, if this was a proper webpage, this would be a updating page of the latest shows and club members photos.

Owners car helpline 3rd page of my mini web site

This page shows a table being used to display data of relevant information to do with this webpage of owner car helpline, where you search for answers from, other members or people on the web, to solve problems with your car. e.g. car wont start, what do I do?

chapter 6 inner studies pasha the painter resolved

the problem has now been resolved with slight changes to the margin in the h2

my webpage update

I have made an update to the index page on the centre column, with text and images.

The events page is starting to form with a nine pictured housed around a black and white checkered layout design. This design is based on the 1950s or 60s floor design, which relates to the era of the mk1 Austin mini. Updates will soon follow.

Chapter 7 inner study example and process on my webpages

this is the chapter 7 inner studies example where the introduction to html book was introducing how to create links that change shape or colour when you drag the mouse over and click on the link. This was interpreted over to my inner studies to give me more practice.  

This the next step into my index html webpage, which has gone through many changes, this includes three way columns. The middle column is yet to be completed.  But these three columns are made up of images and text to form adverts and information facts about the MINI car Website.

Chapter 6 example page and problems with

Chapter 5 only needed to be read, the lecturer suggested me to not do the practices and inner studies.

Chapter 6 introduced a new wave of problems including
column construction, ID's and Classes to identify your sections e.g. content, header etc.

As you can see my the images to the left these are some of the problems i will have to ask my lecturer to understand and put right.

An annoying example that is not shown here is Java Jam  left column colour which i spend hours on getting the left column to display a white colour, but to no avail.
{ update: this has been done but the left column wont completely size right like the book { will ask again - to be updated }

This will be updated on Friday when i find out what went wrong.

Went to 28th of October, Fridays lesson of design of the internet, discussed the problem of the pasha painter testimonials page and he said start from the beginning of end of chapter 4 and carefully read through the chapter to find the problem, i did this for 3 hours trying many coding ways it could be and referred back to the hands on practices and other inner study types, i.e. Java jam and had no luck.

Conclusion: I tried to find out what was wrong, But could not find out, so if i cant find out until the end of the term, at least i had a go at it.



I have started to form my own Mini car website, starting with the basic form of the site with colours and shape , including a header and soon to have clickable buttons. This was decided in my own writing and sketches of what my webpage will basically look like.

Chapter 4 example page and problems with

This week I was learning how to add image files into the html code the "img" files would be coded into three different formats to chose from, JPEG, GIF, PNG, which is then coded into a section on the html page e.g. the header and this would give information on what the image your putting in was called and dimensions.

The problems i faced was JavaJam background border and putting a cream colour within the content section.

Images were tricky to align correctly.

And putting the footer text in the middle.

Chapter 3 example page and problems with

This is week 3's example and this week I injected colour with the help of CSS cascading style sheet, and moving away from embedding styles. the example above was one colour behind the text, where as Java Jam took alot longer because  I had to experiment with the widths and heights in percentages and using more colours to display in different sections.

Chapter 2 example page and problems with

Here is an example of chapter 2's inner study, this week was all about getting to know your different types of mark up languages e.g. Li's, dd's <p>'s and <h1>'s.

As  It was my first experience with putting code together for a website, the only problem that occurred to me was finding the relevant code.

Assignment 2011

Assignment 2011

Module: Design for the Internet (EJ115004S)

The module is assessed via a portfolio with staged components of work assignment 010, not too exceed 3000 words accounting for 100% of the marks. Does mean write 3000

There are two distinct parts which will be submitted under one cover sheet, shown below:

Part one: Design, produce and display a web site with a minimum of 7 distinct pages. The purpose of the web site is to impart information to a target audience, which has been selected in the context of the subject. The site is to be no larger than 3Mb excluding video or audio files.

It is important you closely identify the audience at which your site is aimed. Your tutor is required to approve and sign off your subject before any design work begins.

Your site must contain original, relevant text. Images, video and audio content may be sourced from the internet but all media content must be appropriately referenced within the site – reference the images and video’s. reference your own images.

Your site must have a consistent style throughout but must use more than one layout design within the site. All styling must be contained within an external cascading style sheet.

Your site must contain at least one functioning form and a table to display tabular data. On no account should tables be used in any way for page layout. Week 7 explaining this. Also a table showing results .

Your site must also contain a significant JavaScript element. This cannot be a script copied and pasted from the web. Form validation, some research on it.

During week five of the semester you will be expected to provide your tutor with a title for your site, whats on of the content, navigation map and a bibliography { links of the content of making your site } of the resources you will use for the content of the site.

Week 5 {above} 5% matters.

You will be required to show your site to your tutor during weeks 10, 11 and 12 of the semester.

In addition to the web site you will need to hand in the following portfolio items, correctly sorted, in electronic format from Felke-Morris:

Hands On Practice

Chapters 2, 3, 4, 6, 7, 8, 9, 14 do the practices not exercises.

Case Studies

Chapters 2, 3, 4, 6, 7 a cd of practices and a studies labeled chapter 2 etc. and a link to your blog

A link to the blog you have maintained throughout the semester.

Part two: report In addition to the web site you must produce a concise written document using screen shots and bullet points of no more than 500 words with the following 8 sections:

1.     Introduction : 15 words

2.     Aims of the site, (Audience purpose and information conveyed)

3.     Design methodology means why did you make the text red why did you make the background black

3.1 origins for your design

3.2 analysis of sites with similar genre.

4.     Discussion

4.1  navigation map diagram of the route of your webpage

4.2 JavaScript elements identify your java script and what you have included.

4,3 embedded media

5.     Conclusion

6.     Asset list (not included in word count) a list of everything your included

7.     Bibliography (not included in word count) a list of publication that you have reference, content or decretive.

8.     Appendix (not included in word count) code of images and video’s.

You should NOT include a code listing, only concise descriptions of challenging coding used to construct your site.

Assessment

Part One: The site must be designed to run on the version of Internet Explorer or Mozilla Firefox that is installed on the lab machines.

You will be required to go through your site synopsis during the tutorial in week 5

You will be required to show your web pages to your tutor: this will take place during teaching weeks ten, eleven and twelve of the semester.

Part Two: Printed documentation, together with a copy of your site and portfolio items on removable media to be submitted to the icentre no later by the Friday of week 12 of the teaching semester.

Marks

Web site 45%

Synopsis (week 5) 5%

Portfolio items 20%

Report 30%

Up to an additional 10% may be awarded to students who demonstrate significant web design skills beyond the learning outside the teaching environment.

Guidance

Your web site will form a consistent whole and reflect the navigation map. The user must be able to navigate round your site with confidence that if they select a menu item they are taken to the page that deals with that topic. You should ensure that the user progression down a particular menu path forms a coherent journey through the subject. Some form of content evaluation must be shown to have taken place, by including your production notes. It is expected that the pages will contain images, icons and text with some use of JavaScript.

Important

Plagiarism is a form of cheating. All forms of cheating are prohibited by the University Regulations. By signing a contract with the University you have agreed to abide by the University Regulations, including not to cheat. In addition, there is a clause on the assignment cover sheet which states that by handing in assessment work, you promise that it is your own and that you have not cheated. The penalties for cheating range from, at a minimum, being given 0% for the module in question and being required to resit it, to permanent expulsion from the University.

Plagiarism in web site design includes stealing another site from the web, modifying it and pretending it is your own work: copying and pasting text or significant code from other sites into your own and pretending that you wrote it: and getting somebody else to do the work and pretending that you did it.

In the last delivery of this module 18 students were caught submitting plagiarised work. The University has highly-developed and very effective processes, including specialist software, to detect plagiarism in any form. You are strongly advised not to attempt to plagiarise work: there is very high likelihood of your being caught and the risk of your being expelled from the University. If you have any doubt at all as to what constitutes plagiarism, or any other form of cheating in your work, speak to your module tutor.

hello html

Basic set up

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>My First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
Hello World
</body>
</html>

Heading


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>My First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>

Heading 2


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>My First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Heading Level 1</h1>
<p>This is a sample paragraph about HTML and XHTML. XHTML is the newest version of HTML. XHTML uses the tags and attributes of HTML along with the syntax of XML.</p>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>



This is a hands on practice on how to create a basic text  webpage.

Web research W3C:

Q: How did the W3C get started :

A: In 1994 Tim Berner- lee founded the world wide web consortium { W3C } at Massachusetts Institute of technology, laboratory for computer science { MIT/LCS } in collaboration with CERN, where the web originated.

Q2: Who can join the W3C?

A: Membership in W3C is open to all types of organizations { including commercial, educational and governmental entitles and individuals.

Any entity that can sign the membership agreement can become a member. Members maybe either for profit or non-profit organisations.

Q3: What does it cost to join
A: In order to promote a diverse membership that represents the internet of organisations around the world.
W3C's fees vary depending on the annual revenues, type and location of head quarters of an organisation.
e.g. a small company in India would pay 1,905 USD compared to a non profitable company in the USA, would pay 7,900.

Q4: The W3C home page lists a number of technologies, choose one  that interest you, click the link and read the associated pages. List three facts or issues you discover

1: W3C is focusing on technologies to enable web access anywhere, anytime, using any device e.g. mobile phones , interactive TV's and cars.
2: Multi- model access, increasingly interactions with devices without a use a keyboard, interactions such as voice, touch and gestures.
3: With the advent of IP - Based devices, connected T.V's are progressing at a fast pace and traditional TV broadcasting is quickly evolving into a more immersive experience where users can interact with rich applications.