Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Terminology

    Загружено:

    api-302170302
    35 просмотров17 страниц
    Websites are created in software such as dreamweaver, serif, web page plus and webly, these ether use coding, do coding for the creator or both. The amount of pages / code depends on the amount of content / detail the website has, for example google has a lot of code where much similar websites might only have a few lines of code. Making a web browser works is quite complex, below is a screen shot of some of the code to google.

    Исходное описание:

    Оригинальное название

    terminology

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    Websites are created in software such as dreamweaver, serif, web page plus and webly, these ether use coding, do coding for the creator or both. The amount of pages / code depends on the amount of content / detail the website has, for example google has a lot of code where much similar websites might only have a few lines of code. Making a web browser works is quite complex, below is a screen shot of some of the code to google.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    35 просмотров17 страниц

    Terminology

    Загружено:

    api-302170302
    Websites are created in software such as dreamweaver, serif, web page plus and webly, these ether use coding, do coding for the creator or both. The amount of pages / code depends on the amount of content / detail the website has, for example google has a lot of code where much similar websites might only have a few lines of code. Making a web browser works is quite complex, below is a screen shot of some of the code to google.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 17

    Unit 59

    Terminology

    Authoring

    Websites are created in software such as Dreamweaver, serif, web page


    plus and webly, these ether use coding, do coding for the creator or both,
    for example; webly doesnt make the user code and is quite simple to use
    whereas Dreamweaver uses both, it has the option to create a website
    easier but it also shows the code above so that you could create the
    website that way. Website creators can be both online and offline, an
    example of this is webly is online where Dreamweaver is downloadable
    content and can be accessed without internet capabilities.

    Sites

    Websites are made of collection pages:

    All of these pages


    hold code. The amount of pages/code depends on the amount of
    content/detail the website has, for example Google has a lot of code
    where much similar websites might only have a few lines of code.
    Buying a website/domain can be simple and depending on the name
    cheap or expensive. There are lots of places to buy domain names from,
    here is an example:

    Uploading; file transfer protocol (FTP)

    Drawing a diagram for a website:

    The diagram can


    be very complex or really simple, it all depends on the website, if it is a
    big website with a lot of content and detail it will have a lot of pages to
    store all of the code, however some websites are a single image which
    would only be a few lines of code such as:
    <html>
    <body>
    <href link= image address here>
    </body>
    </html>
    The code above has only got an image, no divs or text or background
    colour (in code colour is spelt color because it is American). However,
    websites like google have pages and pages of code, all to change fonts,
    colours, images, floats etc.
    Making a web browser works is quite complex, below is a screen shot of
    some of the code to Google:

    With this I could


    change the appearance of Google, but if one of the symbols (<>/) were
    not put in the correct place or forgotten the whole thing would refuse to
    run, the code has to be exact or it wont work at all. Here is what happens
    when I change one element of the code:

    By changing this code from: /logos/doodles/2016/sophie-

    taeuber-arps-127th-birthday-6314875858976768.3-hp.jpg
    To a different IP I could change the main image, but this code is a read
    only copy, therefore I would copy it all over into a note pad document,
    then change it however it like, then run it on Dreamweaver.
    Web browsers work by sending messages/requests to servers and getting
    responses. An example of this is a computer requesting a web page from
    a server, the server should give access to a read only copy. Some content
    like the BBC website requires a certain nationality, this is when GPS
    tagging looks at where you are in the world and if you are in the
    appropriate/correct countries to view the web page you will be allowed a
    read only copy, however if you try and access it from a county that isnt
    allowed access to the server doesnt give them a rea only copy, instead it
    sends them to a 404 error server not found. One way to get past the
    country bans it to pay someone from another country to pirate the data
    to you, this means you send out the request from a banned country to the
    computer in the correct country which then sends the request to the
    server which sends the page back to the second computer which feeds it
    back to the initial computer.

    Web page

    Web page construction

    Constructing a website can be easy or difficult depending on the software


    your using and skills you have, if you know how to code, it should be
    relatively easy, however if you dont, you either have to learn code, or
    how to use the software you are making the website on.
    Code can be quite long and complex, missing a single letter or
    punctuation the entire code wont work until you find the error and correct
    it. Example below:

    (>) If this one symbol wasnt used


    the whole <P> Pages (HTML)</p>
    wouldnt be there.

    The code editor above allows me to change certain things, however it


    does not have a main.css page therefore I cant change the elements
    individually e.g. font: colour, size, style etc.

    HTML tags

    First off, you have to buy the html, this is from a website, once you
    bought the html it is yours for a certain amount of time for example
    html for 2 years costs x and for 5 years it costs x. You also have
    to buy space on a server to upload content to your website or it will be
    a blank html, unless you have a decent/good computer, then you can
    use it to upload content to the website.
    You can buy both new/from scratch websites that you build
    yourself/hire people to build, or you buy a readymade website/ one that
    already exists.

    (already
    existing web
    pages)

    there are
    thousands
    of websites
    that sell
    blank
    website
    htmls.

    The main difference between readymade websites and blank websites


    is the price, the top image had a premade existing website for 30,000,
    however the second image had a website claiming to have blank
    websites from 1.99, this is because the first one is already set up and
    doesnt need much work, only maintenance, whereas the blank one
    needs a lot more work and advertisement.

    Web page

    Web page: text; fonts; colour; images; tables; hyperlinks; language and
    terminology; metadata all have a similarity; they all are

    controlled/changed through the main css page. The main .css page
    controls what the elements on the web page look like, for example, a
    paragraph in a div can be changed simply by writing:

    Example of hexadecimal numbers below:

    (I made the text above an image as there was a mistake every time I
    wrote out code examples because the full stop isnt in the right place, but
    this is the correct place for coding.)
    (Im going to have to use an image of the text again as I will be using an
    example code to show what I am talking about.)

    (Im going to have to make this into an image as well so that there arent
    any errors showing on the document.)

    I am not sure about languages, but I think there is a css code that checks
    what country the website is being viewed from and automatically changes
    the website from one language to the main language of the country it is
    being viewed in. However, there are setting on search engines such as
    google in settings that change the language of the page.

    From here you can change the settings to the correct language and it
    should change the websites language also.

    HTML

    The essential tags are <html> </html>, <body> </body> and <head>
    </head>, these are the tags that are needed to build a website.

    (Content in red bubbles is just the content that isnt essential, it just
    shows that the code is working on the right hand side.)
    The next type of tags, they can be used but arent essential are
    text/paragraph elements, these are started with ether <p> or <br> and
    are both ended with </p>.

    All of the
    different
    headings
    non
    essential
    code.

    The hypertext mark-up language is the coding in HTMLs, all codes on html
    start with <HTML>
    <Body>

    </Body>
    </HTML>
    Meaning all the code that makes up the different elements is inside the
    html tags. HTML tags can also be formatted as:

    <html>
    <head>
    <title> TITLE GOES HERE</head>
    </head>
    <body>
    Content of web page
    </body>
    </html>
    Most of the elements in a website are normally wrapped in divs (<div
    class> </div>)
    This is so that in the main css, typing the class name of the div and an
    element within that div will allow you to change and move that element
    like so:
    (example <div class div>)
    .div {
    Color: (colour here);
    Font_weight: (font weight here (e.g. bold));
    Font_size: (in px pixels);
    Etc;
    }
    The alignment of elements can also be altered with the main css through
    borders and margins, if set to auto the margin on the chosen side will
    expand as much as possible, example below:
    .div p {
    Border-right:5px;
    Border-left:5px;
    Border-top:5px;
    Border-bottom: auto;
    }
    This would set a small margin and push the element to the top of the page
    because the bottom border has expanded as much as it can, this would
    most likely be a conventional masthead element or a main central image.

    Creating lists in html is fairly easy, to have more control over them add a
    div and then you will be able to create a few rules for it in the main css
    page.
    The list elements are formed like this:
    <div class list>
    <ul>
    <li> </li>
    <li> </li>
    <li> </li>
    </ul>
    </div>
    The code above would make a simple list, I added a div because in the
    main css you can set a list to interactive buttons, you can also paste in IP
    addresses so that they actually hyperlink to different places. Currently,
    without and new/altered main css rules the list would auto float right and
    as far up as it can and would look like this:

    In html you can also be used to make tables, this is with tags, <TABLE>
    <TR> <TD>, </TD> </TR> and </TABLE>. This would all be in a div, the
    outer would be <div> and </div>, inside those would be <TABLE> and
    </TABLE>, inside that would be <TR> and </TR> and inside that would
    be a <TD> </TD> element. This starts off with the table element as that
    identifies what the whole element is, inside that is the smaller
    elements/columns of the table.
    Images of a web page use another type of code, they use <a href=(IP
    here> </a>
    heres an example I made on
    w3school.com
    (http://www.w3schools.com/ht
    ml/tryit.asp?
    filename=tryhtml_default).
    Page backgrounds can also
    be set with the element
    <body bgcolor=(colour
    here)> - include an image. Internet links, like images need an IP to work,

    the image link is slightly different to the hyperlink tag, the hyperlink tag
    looks like this:
    <a href=(web page IP)> </a>, the only difference between this tag and
    a image tag is the IP is a complete web IP address here where as the
    image tag has an image IP.
    The code example above:

    This is a very simple website


    with just one element, an
    image, the website wouldnt
    display any text or different
    styles, just an image, it would
    also position it at the top
    right of the page as there
    arent any divs in this code so
    it wouldnt have made any
    border or margin rules, meaning it sticks to the default rules.
    These links can be to any image or website as long as you can reach the
    ip address and paste it in to the correct place, without it the button or
    element would be hyperlinked to nothing and would display nothing.
    Meta tags are a different element which are started with the code:
    <meta name=description content= (content)/> this code doesnt use
    two separate code strings, instead it opens and closes on the same one
    (one line </> normally <> </>)

    Cascading style sheets

    Cascading style sheets or css is a separate page on code that can


    change the appearance of elements of code or move them around. In
    css there is pre-set code called bootstrap code, this means that you
    wont have to code all of the rules as some are already set out,
    however these pre-set rules can be changed or deleted.
    The css is basically to change text elements on the web page by changing
    their colour, font, style and positioning.
    Using css is simple, example below:
    Text example here

    <div class=text>
    <h1>Text example here</h1>
    </div>
    (coding for box below) text only css rules

    .text h1 {
    Color: #000000;
    Text-weight: bold;
    Font-family; Adobe Gothic Std B;
    }
    Each line changes the element in a certain way, for example color: #ffffff;
    is the hexadecimal value of black which changes the text colour to black,
    the color: ; would be able to change the text to any colour if the
    hexadecimal value was changed.

    (List of hexadecimal
    values)

    These codes only change the text color.


    I only know bold weight for text-weight: ; but this turns
    the text bold as it is default to be regular text.
    Font-family is similar to the text colour, it is font-family: ;
    the can be replaced by any font family, but it needs to be
    worded correctly, if the font is Adobe Arabic it has to be
    wrote: font-family: Adobe, Arabic; basically it just needs a
    comma after the first word, apart from that you can just
    copy and paste them off of word. The list of fonts on word is
    massive and they all have examples of what the font looks
    like:

    Meta tags

    Meta tags define descriptions and key words of the page with
    code like:
    (Description)
    <meta name=description content=example of content text here, CSS,
    XML, and XHML/>
    (Keywords)
    <meta name=Keywords content=HTML, DHML, XML, XHTML,
    JavaScript/>
    Meta tags can also be used for background colours, font size and colour
    with a number of different code strings like:

    By changing the colour red you can change the background to any colour,
    you can also use hexadecimal numbers to change the colour:

    This is the image


    from above, it shows
    some of the
    hexadecimal
    numbers, there are
    still many different
    ones as there are
    slightly different
    shades of a colour
    that have
    hexadecimal values.

    Вам также может понравиться