关于前端:31268网络开发

52次阅读

共计 11575 个字符,预计需要花费 29 分钟才能阅读完成。

31268 Web Systems Assignment

31268 Web Systems
Practical Assignment
Due Date:
5:00pm, Friday Week 7
Weighting:
20% of your final grade and will be marked out of 20.
Late submission:
Late assignments will be deducted 2 marks per day late.
More than seven days late the assignment will receive zero.
Special consideration for late submission must be arranged before the due date with the
subject coordinator.
Assignment objectives:
This assignment aims to help meet the following objectives from the subject outline:
#1. Explain the role of an operating system, and manipulate its structure such as processes,
file systems and memory management using Unix based scripting.
#3. Identify and explain the role and function of the Internet, the World Wide Web, and their
components.
#4. Design and implement a web site.
Description
Your task is to write a home page for yourself on the faculty student web server,
https://www-student.it.uts.ed…, and a couple of secondary pages describing your experiences
with computing so far.
This assignment tests 2 main skills – creating a live working web site and demonstrating some basic
HTML/CSS skills.
You will need to:

  1. If you don’t already have a public web page on the faculty student web server, you will need to set
    this up.
    See https://www-student.it.uts.ed… for instructions on how to do this. Basically….
    a. You will need to create directory called public_html directory in your home directory on
    the lab workstations.
    Note that this is the same home directory on the rerun.it.uts.edu.au server and is
  2. Web Systems Assignment
    2
    equivalent to drive X: on the Windows workstations.
    b. This should have public execute permission (recall your people and permissions lab?).
    c. Your home directory should also have public execute permission, but NOT public read or
    write permission.
    d. Create a file called index.html in the public_html subdirectory. This file is your home
    page.
  3. Create a subdirectory in public_html called “websystems”
  4. Create a file in the public_html/websystems subdirectory called index.html.
    This page should list some information about yourself eg: your name, what course you are doing
    etc. Please don’t put any personal information here!!
    It should have links to 3 other pages in this
    subdirectory- past.html, future.html and comments.html (see below)
  5. past.html should describe your experiences with computing so far (eg: mention your HSC
    experience, past work experience, etc)
  6. future.html should describe what you want to do with computing in the future.
  7. comments.html is where you need to comment on:
    a. The technical aspects of your website: eg: describe the structure of your website, what
    CSS selectors/id’s etc you used and why you used them.(about half a page)
    b. The aesthetics of your website – eg: how users should perceive your page and what
    effects you were trying to achieve (about half a page).
    An introduction to the aesthetics of Web design can be found
    here: http://alistapart.com/article…
    and http://www.webstyleguide.com/…
    c. The accessibility aspects of your website – eg: how you made your web site usable by
    disabled users
    A quick guide to accessibility can be found
    at https://www.w3.org/standards/… and at http://webaim.org/intro/
  8. Create a style sheet called websystems.css and modify index.html, past.html and future.html to
    use this style sheet.
  9. Modify your main home page index.html to link to your websystems/index.html.
    You should try to make this web site as appealing as possible, using style sheets only.
    You will lose marks for embedded or inline styles.
    You MUST check the validation of your website at http://validator.w3.org/ and your style sheet
    at http://jigsaw.w3.org/css-vali… Generally you can ignore ‘information’ messages, but warnings
    and errors are penalised.
    You MUST use the assignment checker provided (see next item) to give you some feedback on your
    assignment. I will start running the actual marking program every evening from 1 week before the due
    date – you can see your actual technical mark and can make adjustments until the due time/date.
  10. Web Systems Assignment
    3
    Site map
    Figure 1 Site Map
    Submission
    You MUST create a hyperlink in your default FEIT home page
    https://www-student.it.uts.ed… which points to your websystems directory.
    You MUST make your assignment visible to your tutor at the URL
    https://www-student.it.uts.ed… and they must be able to view your past.html,
    future.html, comments.html and websystems.css files online (where userid is your FIT student
    account userid)
    This means that your ~/public_html and ~/public_html/websystems subdirectories and files must be
    publicly readable and executable.
    You will get zero (0) marks for websites email’ed, submitted on UTS online, using Linuxgym or
    demonstrated by using the browser to directly load a HTML file (ie: using File -> Open, c:\ or file://
    URL’s.).
    We will ONLY mark via https://www-student.it.uts.ed… (where userid is your
    Faculty of IT userid)
    ANYTHING ELSE WILL NOT BE MARKED!!
    Do not change the web site after the submission date. Your tutor may take up to 2 weeks to finalise
    the marking.
    Please read the UTS Online Assignments Discussion board for common questions and answers about
    the assignment.
  11. Web Systems Assignment
    4
    Do not use WYSIWYG tools such as Dreamweaver or Expression Web etc to create this website.
    Your tutor may ask you to prove that you wrote this assignment by hand and not with assistance.
    Marking Criteria
    Mark breakdown:
    Technically correct: 30% 6
    Comments page: 30% 6
    Quality: 15% 3
    Peer Marking: 25% 5
    TOTAL: 100% 20
    Marks will be based on:
  12. Does this page meet the requirements?
  13. Is it technically correct? (meets validation, structured correctly)
  14. Is it pleasant and easy to look at?
  15. Does it use a common style sheet?
    Your marks on the comments.html page will be split equally between technical (2), aesthetics (2) &
    accessibility (2) comments.
    You will peer mark 2 other students – your marks will be based on participation and comment
    feedback.
    General marking comments:
  16. You MUST have the site layout exactly as described above.
  17. Do NOT change the filenames or directory location as we use an automated marking checker.
  18. Minimum HTML 4.01 Strict and CSS 2.1 – our checker can handle most HTML5 and CSS3,
    but best to check with OUR online assignment checker.
  19. Do NOT use vendor specific tags or attributes – eg –webkit- -moz- etc as the validator will
    penalise you for this.
  20. Do NOT use deprecated tags or attributes.
    See http://en.wikipedia.org/wiki/… for a list of deprecated tags
    and attributes.
  21. Do NOT use frames or iframes (this causes problem for my validator/assignment checker)
  22. Additional marks WILL NOT be granted for features such as Flash, fancy graphics,
    animations, audio/video, javascript etc.
  23. Don’t bother using CSS positioning or anything else not covered in lectures, labs or tutorials.
  24. You MUST acknowledge graphic files downloaded from the internet. It is sufficient to put
    them in a HTML comment adjacent to the image tag.
    This is for legal copyright reasons as well as ethical ones.
  25. You MUST use styles sheets to format your page. This MUST be in one CSS file,
    websystems.css
  26. Do NOT use @import since the assignment checker won’t pick this up.
  27. Do NOT hard-code your page URL’s inside your pages – all links should be “relative”
    i.e. any href’s to “https://www-student.it.uts.edu.au/~” will be penalised.
  28. You MUST have:
    a. At least 5 CSS classes and 1 CSS id.
    b. At least 1 div and 1 span tag per page
    c. At least 1 table, 1 list (any type) and 1 image within the entire assignment submission
  29. You do not need to use advanced CSS, e.g: CSS positioning, it is not essential to use them to
    layout your web pages.
  30. Web Systems Assignment
    5
  31. Your web site MUST be easy to navigate and read (consider your target audience).
    i.e. We expect to be able to point and click, and not press the ‘BACK’ key on the browser, or
    type in any extra URL’s in the address bar.
  32. Unreadable or unusable web sites will also be penalised.
    i.e. You MUST test your web site with graphics and JavaScript turned off. Is it still usable?
  33. Don’t put advertisements or animations on your web site.
  34. Do not put private information on your web site eg date of birth, home address, e-mail, phone
    number, credit card details!.
    i.e. This is a PUBLIC website.
  35. Don’t use bad colour combinations (for example, red on black, purple on black, purple on red,
    blue on purple, black on red). If your tutor can’t read it, you will lose marks.
    i.e. Don’t become a site on http://webpagesthatsuck.com
  36. Make font sizes reasonable, use style sheets to manage them.
    i.e. Consider what will happen if your marker uses a smaller screen (eg: 800×600).
  37. Do not have large image files – keep pictures to less than 100kb, and anything
    larger will attract penalties.
    i.e. Watch out for large JPG from cameras – use a tool to reduce the size e.g. Microsoft Paint
    or Photoshop or GIMP etc.
  38. Do not use BMP or TIF files – these aren’t web friendly.
  39. Do not make pages so wide that they can’t be read unless you scroll horizontally.
    i.e You will lose marks if a tutor cannot read the web page. Recommend testing at 1024×768,
    though you should design your web site to cope with larger (and smaller) screens.
  40. You MUST NOT use style sheets or designs from anyone else
  41. this includes open source and commercial style sheets and frameworks eg bootstrap!
  42. You SHOULD check your web site on the 2 of the following browsers
  43. Chrome, Firefox and/or Internet Explorer/Edge
    Additional information
    Please look at the UTS-Online Discussion Board, Assignment forum, for any questions and answers
    about this assignment.
    If the question is inappropriate for the discussion board, please email chris.wong@uts.edu.au directly.
    Special Consideration:
    In general, late submissions will not be accepted without documented evidence of illness or
    misadventure.
    Students seeking special consideration or an extension on the basis of illness or misadventure must
    contact the subject coordinator before the deadline for the assignment, unless the nature of the illness
    or misadventure prevents early notification.
    Please note that network or server downtime in general is not valid grounds for late submission or an
    assignment extension. The exception would be if the faculty servers and/or network were down for an
    extremely long duration (at least two days).
    Return of results/feedback:
    Marks for this assignment will be posted on UTS Online.
    In addition, you will receive an individual email showing each of the marking criteria, your mark for
    that criterion, and if you did not receive full marks for the criterion, a comment indicating why you
    did not receive the full marks available.
    Group-work:
  44. Web Systems Assignment
    6
    This assignment is an individual assessment. No group work is permitted. Please carefully read the
    section on “Academic Integrity” below.
    Academic Integrity
    Students are reminded of the principles laid down in the Faculty’s Statement of Academic Integrity – Good
    Practice and Ethics in Informal Assessment found at https://www.uts.edu.au/curren…
    Assignments in this subject should be your own original work. The inclusion in assessable work of any material
    such as HTML, CSS, code, graphics or text obtained from other persons or sources without citation of the
    source is plagiarism and is a breach of University Rule 16.2.2.
    Any collaboration with another person should be limited to those described in the “Acceptable Behaviour”
    section of the Statement of Academic Integrity. Any infringement by a student will be considered a breach of
    discipline and will be dealt with in accordance with the Rules and By-Laws of the University.
    This assignment is to be done individually. No group-work is permitted.
    Students are not to give to or receive from any other person copies of their assessable work in any form (hard
    copy or an electronic file). To do so is ‘academic misconduct’ and is a breach of University Rule 16.2.2. That is,
    assisting other students to cheat or to act dishonestly in a submitted assignment.
    Accidental submission of another students work as your own is considered to be a breach of University Rule
    16.2.2 in that you are acting dishonestly since you should not have a copy of another student’s work.
    The Faculty penalty for proven and serial misconduct of this nature is zero marks for the subject.
    Referencing requirements and academic standards
    You are required to reference the source of ANY HTML, CSS, objects or text which is copied from ANY source
    (including the internet, books, software, etc). You also must reference your own prior published work as we use
    TurnItIn, Moss and other anti-cheating tools which might accidentally detect your prior work. This can be a
    comment in your code/webpage indicating the source and the extent to which you have used the sections of code
    that you did not write yourself.
    You must acknowledge graphic files downloaded (not linked) from the internet. It is sufficient to put them in a
    HTML comment adjacent to the image tag. This is for legal copyright reasons as well as ethical ones.
    The only exception to this rule is for code supplied in the subject’s own lab exercises, which need not be
    acknowledged. Acknowledgement is required even if you start with existing code and make modifications.
    Failure to acknowledge sources will be regarded as unacceptable behaviour in the context of the “Statement of
    Academic Integrity” referenced above.
    Using code or text that belongs to other students currently or formerly enrolled in this subject (i.e.
    copying or sharing code or text) is unacceptable behaviour.
  45. Web Systems Assignment
    7
    Your Name:
    SEMINAR – the Web assignment?
    What do you want to display on your PAST page?
    What do you want to display on your FUTURE page?
    Your Aesthetics : See http://alistapart.com/article…
    What do you want to use? Why?
正文完
 0