Scribd Logo
Загрузить

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

  • Lesson 8 Basic Web Page Creation

    Загружено:

    jes
    283 просмотров27 страниц
    About ICT

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

    © © All Rights Reserved

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

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

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

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

    Пожаловаться на этот документ
    About ICT

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

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

    Lesson 8 Basic Web Page Creation

    Загружено:

    jes
    About ICT

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

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

    BASIC W EB P A G E

    CR E A T IO N
    At the end of this lesson, the students should be able to:
    1. create a web page using Microsoft Word;
    2. create your own website using a free host;
    3. design a website using an online WYSIWYG platform; and
    4. edit and insert elements for their website.
    • WEB PAGE CREATION –encompasses a number of important elements including color,
    layout and overall graphical presentation.
    WHAT IS WYSIWYG?
    • WYSIWYG is the acronym for what you see is
    what you get.
    • This means that whatever you type, insert,
    draw, place, rearrange, and everything you do
    on a page is what the audience will see.
    Some Examples:
    • MS Word – is used to create a simple web page design and can
    be saved as .htm / .html web page.

    • HTML – (Hypertext Mark Up Language) is the standard markup


    language for creating web pages and web applications

    • CSS – (Cascading Style Sheet) is a style sheet language used


    for describing the presentation of a document written in a
    markup language. It is a style language that defines layout of
    HTML documents.
    CREATING A SIMPLE WEB PAGE USING
    HTML CODES
    •HTML describes the structure of Web pages using markup
    •HTML elements are the building blocks of HTML pages
    •HTML elements are represented by tags
    •HTML tags label pieces of content such as "heading", "paragraph", "table", and
    so on
    •Browsers do not display the HTML tags, but use them to render the content of
    the page.
    A SIMPLE HTML DOCUMENT
    <!DOCTYPE html>
    <html> •The <!DOCTYPE html> declaration defines this document 
    <head> to be HTML5
    <title>Page Title</title> •The <html> element is the root element of an HTML page
    </head> •The <head> element contains meta information about the 
    <body> document
    •The <title> element specifies a title for the document
    •The <body> element contains the visible page content
    <h1>My First Heading</h1>
    •The <h1> element defines a large heading
    <p>My first paragraph.</p> •The <p> element defines a paragraph

    </body>
    </html>
    HTML TAGS
    HTML tags are element names surrounded by angle brackets:
    <tagname> </tagname>

    •HTML tags normally come in pairs like <p> and </p>


    •The first tag in a pair is the start tag, the second tag is the end tag
    •The end tag is written like the start tag, but with a forward slash inserted
    before the tag name

    Note: The start tag is also called the opening tag, and the end tag the closing
    tag.
    CREATING A WEBSITE
    USING JIMDO
    WHAT IS JIMDO?
    - Jimdo is a web hosting service, owned and
    operated by Jimdo GmbH, that allows users to build
    their own website.
    - It provides users with a what-you-see-is-what-you-
    get (WYSIWYG) editor.

    - Users create their website and Jimdo hosts the


    website on their servers.
    HOMEPAGE -up the introductory page of a website or start
    page on a browser

    TEMPLATE - ready made design for a website.

    HEADING - the topmost label of a website

    SEO - stands for Search Engine Optimization; a feature


    that maximizes the search engine optimization so
    visitors can easily locate your website.
    Create an account on
    Jimdo by going to
    www.jimdo.com and click
    Start Now.
    Choose a template. Pick
    any template that you
    want.
    Enter your email and
    password.
    Select Create a Website
    Choose a category of a
    website you will create.
    Click Get Started in
    JIMDOFREE.
    Choose your own domain
    name and check the
    availability.
    ORGANIZING YOUR JIMDO
    WEBSITE
    C W E B P A G E C R E A T I O N
    BASI A T IO N U SING TE M P LA TE S
    • WEB PAGE CRE
    L INE W YS IW YG P L A TF OR M
    P AGE DE SIGN USIN G AN ON
    • WEB

    INSERTING A PAGE
    EDITING ELEMENTS
    -Move Element Up
    -Move Element Down
    -Delete element
    -Copy Element
    HEADER
    INSERTING IMAGE
    ADDING ELEMENTS
    VISUAL ELEMENTS
    ADDITIONAL
    ELEMENTS
    SEARCH ENGINE
    OPTIMIZATION

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