Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Finaldraft

    Enviado por

    api-300694877
    34 visualizações8 páginas
    Santa Susana High School senior project: building a website. The goal is to give this to a company so that the community can enjoy it and the company could host a product I have made. The job that I want to work in is not related to this, it is just something that I like doing and there is no way to certify in what I want to do at this school.

    Descrição original:

    Título original

    finaldraft

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Santa Susana High School senior project: building a website. The goal is to give this to a company so that the community can enjoy it and the company could host a product I have made. The job that I want to work in is not related to this, it is just something that I like doing and there is no way to certify in what I want to do at this school.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    34 visualizações8 páginas

    Finaldraft

    Enviado por

    api-300694877
    Santa Susana High School senior project: building a website. The goal is to give this to a company so that the community can enjoy it and the company could host a product I have made. The job that I want to work in is not related to this, it is just something that I like doing and there is no way to certify in what I want to do at this school.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 8

    Santa Susana High School

    Senior Project Final Draft


    Building a website

    Collin Hersh
    CP English 12
    Mr. White
    October 30th 2015

    The reason that I am making a website as my senior project is that I would like to certify
    in web design/development. The job that I want is not related to this, it is just something I like

    Hersh 1

    doing and there is no way to certify in what I want to do at this school. The job that I want to
    work in being game development could use websites to help promote their games. The thing that
    I am making is an actual website that may be featured or used by a company. The goal would be
    to give this to the company so that the community can enjoy it and the company could host a
    product I have made. I know a fair amount of of programming code and I have a fair amount of
    skills in that field. The only reason that I am doing this senior project is that building websites
    happens to be in the field I may want to work in. The other reason is that it is worth a ridiculous
    part of my grade. In order to do my senior project I will need to research some programming
    code, learn how to make an an effective and efficient website, and learn how to make the website
    visually appealing. I will also need to know how to use a variety of tools, those tools being
    Notepad++ ( a programming editor), Photoshop (an image editor), Audacity (an audio editor),
    Sony Vegas Pro (a video editor), and lastly a website validator (https://validator.w3.org/).
    Notepad++ is a programming editor, I will be using this to do all of the programming for
    the website. The code I will be using is mainly HTML, CSS, and Javascript. Learning to use
    these programs in many different ways is necessary for making the website function completely
    as I want it to.
    In web development there are many languages in which you learn to make a website,
    starting off with HTML (Hyper-Text-Markup-Language) being the language that makes up all
    documents and webpages (Sklar). Even though all webpages are made up of HTML code there is
    more that you need to know than just HTML. Javascript, CSS, PHP, and HTML are what
    makeup websites (Duckett). CSS (Cascading Style Sheets), are what make a website more
    visually appealing, this goes from color to the placing of design elements. (David). Javascript
    makes the page feel more responsive and user friendly, this sometimes will keep more people on

    Hersh 2

    your website for longer (Haverbeck). PHP originally stood for Personal Home Page, however it
    now stands for Pre Hypertext Processor, PHP is used to make Javascript server side so that it
    works on servers and not just on the computer you were working from (note that this does not
    mean it automatically makes a server for you, you still need to get a server from a provider)
    (Gosselin, Kokoska, Easterbrooks).
    Webpages require certain things to work properly, since a web page is HTML you will
    need the following code to make it run at all <!DOCTYPE html> this defines a web page as a
    whole (Duckett). Making an external CSS document is highly recommended for storing all of
    your CSS code in, while you can still do it in the HTML document it is standard and more
    professional to do it in an external CSS document (Sklar). In the HTML document you want to
    create all of the necessary parameters so that your web page will run properly, these parameters
    are... a set of html tags (with lang=en this is used to define a page as being American English),
    a head tag (which contains a) meta tag with a charset set to be equal to the english language (utf8) a title tag set used for giving your website a title, an end head tag, and a set of body tags
    (Duckett). Javascript content goes either in a set of script tags at the end of the body or in a
    separate external Javascript file which is linked in a set of script tags (Haverbeke). The head tag
    is not used by us humans, it is used by robots or bots to easily locate your website this is what
    makes the title tag extremely important (Duckett). Javascript is what handles almost all of the
    events on your webpage ranging from a command to execute when the page loads to when a
    button is pushed (Haverbeke).
    The content of a website which we humans see is all stored in the body (Duckett). Some
    things that you need to make sure about your website is that the font is the correct size, having
    too small of a font can cause an audience to lose attention and not be inclined to stay on your

    Hersh 3

    website (Putnam). Javascript has many different elements to it, one is creating arrays which
    store data for later usage, an example of this is a login system (Haverbeke). Sliders on a website
    are practically pointless, an average of 1% of people who visit a webpage actually use the sliders
    on said web page (Putnam). Javascript is what websites use to do math, examples of this are
    random number generators as well as calculators and just adding stuff (an example of this is an
    ebay or amazon shopping cart) (Haverbeke). Making sure that your font has a high enough
    contrast to your background colour is important, often times when this is ignored users tend to
    stop reading the subject if there eyes are strained (Putnam). Javascript must be verified across all
    browsers, due to browsers being different Javascript may interact differently (Herczeg, Loki,
    Szurbucz). Even though Javascript is often used on a long list of websites you will still often
    need PHP (Haverbeke). The difference between Javascript and PHP is that PHP can be run server
    side to client computers (Gosselin, Kokoska, Easterbrooks).
    CSS does all of the design elements of a website the most important being website
    formatting (Duckett). Without CSS websites might as well just be text documents that start in the
    top left of your monitor (Sklar). Colour is also controlled by CSS, you can set the colour of text
    and the colour of the background (Duckett). Even though you can use things like the style tag it
    is more professional to make a separate document in which to put your CSS in. (Sklar). CSS can
    also change the way things look, examples of this are, removing the lines from underneath links,
    changing things to be italicised, bolded, underlined, slashed through etc. (Duckett). Certain
    matchups are not recommended colour wise though, they make websites to hard to read an
    example of this is Yellow (font) on Orange (background) (Putnam). Some things that were once
    used in HTML to control the way a website looks is now done professionally with HTML, these
    objects (or bits of code) are considered obsolete however they still work (Duckett). Flash is what

    Hersh 4

    may be used to make Websites, as websites may one day just become giant web applications
    instead of actual documents (Nielsen Norman Group). HTML 5 animations are slowly replacing
    flash as flash is slowly becoming more and more obsolete (Sklar). Colour itself has a fair
    amount to do with what makes a good web page a good web page, if colours on a web page look
    bad to the eye or do not match people think that looks bad and will subsequently avoid your web
    page (Richards, David). One of the biggest problems with flash is that everybody wants to
    display what they have made and subsequently they over display said flash works on their
    websites, this leads to some really bad design elements and awkward looking web pages (Nielsen
    Norman Group).
    Making sure you have a credible is very important to your website as it is what gives
    your website its reputation (other than design) (Metzger). All of the original articles that were
    paraphrased from or directly quoted should be linked at the bottom of the web page (Sklar).
    When using a direct quote you should use superscripts to link quote to the original source that it
    is from (Metzger).

    After researching all of the work for my senior project I learned that there is a lot of
    information that I did not know and that I will need to implement into my website. The truth is
    that there is not much left to tell other than I will implement different colouring methods into my
    website than I originally planned. I can use the citation info to better link the other websites that
    the company has made. Something that I will still need to figure out is how the people who
    would visit the website would want it to look like. A feed is something that I may need to
    consider adding to my website, or possibly a contact me form. As for the Javascript I will use it

    Hersh 5

    to have certain things possibly load on a timer or open a new window within a current window.
    Figuring out how to stylize the new window is something that I will also need to look up.

    Works Cited

    Sklar, Joel. Principles of Web Design. Boston: Course Technology Cengage Learning, 2009.
    Web.

    Richards, Anne and Carol David. "Decorative Color as a Rhetorical Enhancement on the World
    Wide Web." Technical Communication Quarterly 14.1 (2005) 31-48.

    Duckett, Jon. HTML & CSS: Design and Build Websites. Indianapolis, IN: Wiley ;, 2011. Print.

    Hersh 6

    "Nielsen Norman Group." Website Tools and Applications with Flash. Nielsen Norman Group,
    n.d. Web. 17 Sept. 2015. <http://www.nngroup.com/reports/website-tools-and-applicationsflash/>.

    Haverbeke, Marijn. Eloquent Javascript: A Modern Introduction to Programming. San


    Francisco: No Starch, 2015. Eloquent Javascript. Marijn Haverbeke, 2014. Web. 17 Sept. 2015.

    Gosselin, Dan , Diana Kokoska, and Robert Easterbrooks. PHP Programming with MySQL: The
    Web Technologies Series, 2nd Edition. 2nd ed. N.p.: Cengage Brain, 2011. Print. PHP
    Programming with MySQL: The Web Technologies Ser.

    Huang, Chung-Hong, Su-Li Chin, Li-Hua Hsin, Jason C. Hung, and Yi-Pei Yu. "Directory of
    Open Access Journals." A Web-based E-learning Platform for Physical Education. DOAJ, 6 June
    2011. Web. 18 Sept. 2015.

    Making Sense of Credibility on the Web: Models for Evaluating Online Information and
    Recommendations for Future Research." - Metzger. Wiley Online Library, 21 Sept. 2007. Web.
    18 Sept. 2015.

    HERCZEG, ZOLTAN, G ABOR L OKI, and TAM AS SZIRBUCZ. "VALIDATING


    JAVASCRIPT GUIDELINES ACROSS MULTIPLE WEB BROWSERS." Nordic Journal of
    Computing (2010): 1-14. Print.

    Hersh 7

    Putnam, Joe. "7 Deadly Web Design Sins You Might Be Making." 7 Deadly Web Design Sins
    You Might Be Making. Kissmetrics, 14 Nov. 2014. Web. 18 Nov. 2015.
    <https://blog.kissmetrics.com/7-deadly-web-design-sins/>.

    Você também pode gostar