Scribd Logo
Importer

Bienvenue sur Scribd !

  • Web Application and Technologies (COMP 334) Second Semester 2019/2020

    Transféré par

    ff
    25 vues3 pages

    Titre original

    assignement_1.pdf

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    25 vues3 pages

    Web Application and Technologies (COMP 334) Second Semester 2019/2020

    Transféré par

    ff

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    !"#$%&'( )*+',*' -'$.

    (&#',&
    Web Application and Technologies (COMP 334)
    Second Semester 2019/2020
    ! " " # $ % & ' % ( ) * HTML and CSS Due Date 07/04/2020

    This assignment involves the creation of some HTML pages. You are forbidden to use any
    HTML editor for this assignment. You should do the entire thing by editing HTML files using
    a text editor.
    !"#"$%& '"()*$"+"#,-

    .&%/"+"#, 01 2--*3#+"#, 4*&"-


    !"# $#%& %#'$(& )"#* +(,-% &" ./ 0"%&6 !"# %3"#,7 328- 2& &3- !"#$%& (in the server this file
    called "web") +",7-* 2 +(,- &32& 52,,-7 '($)*+!",- 93(53 9(,, '- 2 )"#* 3"$-12:- 9(&3 )"#*

    42$-; (7; )"#* 1*":*2$ "+ %&#7) <(6- 932& 2*- )"#* %&#7)(4:=; )"#* 13"&"; 2 ,(&&,- '(& 2'"#&
    )"#*%-,+ %#53 2% 3"''(-%; 292*7%; -&%6 > ,(4? &" &3- 5"#*%- 2%%(:4$-4&%6
    !"# $%%&'(#)(*% +$'# %,-./ "$0# $ .&(1 *, 2%%&'(#)* 3(#.

    • In your htdocs directory on the CS web server, create a subdirectory called


    assOne, to which upload the task files

    • In your htdocs directory on the CS web server, create a subdirectory called images, in
    which add all of your images/photos.

    • Also you must compressed (Zipped) all your files to a file name it as Ass1-stID.zip
    and submitted to Ritaj by replaying to the message before the due date.

    ! "#$$ %&' ())*+' (%, -./0#--#&% -*%' (- ( 0*0&1 23* ,&. 0.-' -./0#' /*4&5* '3*
    6.* 6('*7 !"#$" #% &' !"*!#*(,$! ./ ((0,, 12
    Overview
    In this task you will provide a stype to the given HTML filled titles as “chapter04-project02.html”
    so it will look like Fig. 1 below

    Instractions

    1. Use your chapter03-project02.html file from the previous task as a starting point.

    2. Use the reset.css from Project 1 to reset all default styles.

    3. Create an external style sheet named chapter04-project02.css.

    4. Add styles to chapter04-project02.css so that it looks similar to that shown in Fig. 1 below.
    Do not modify the markup within the <body> element. This means defining styles for the
    header, footer, section, and other tags.

    Fig1: Completed Project.


    Hint: Use attribute selectors for the mail and telephone link icons as shown here:

    a [href ^=“mailto”] {
    background : url (images/email.png) no-repeat 0 3px;
    padding-left: 1em;
    }

    a [href ^=“tel”] {
    background : url (images/call.png) no-repeat 0 3px;
    padding-left: 1em;
    }

    Testing

    1. Visually compare your output to that shown in Fig. 1 above.

    Vous aimerez peut-être aussi