Docstoc

DESIGNING WEB SITE PACKAGE

Document Sample
DESIGNING WEB SITE PACKAGE Powered By Docstoc
					Seg Logo/Menu bar Colour code: N 48A7

Background Colour Code N E5E5E5

Contact Forum / Format

NAME:

COMPANY:

E-MAIL:

SUBJECT:

DISCRIPTION:


Before Designing a Website what you need is first Nature, Concepts, Creativity, .and
arranging.

Collection: - Images, animation, text and Picture, Folder, Subfolder.

Breaking it down into a tabular arranging.


Web Design Site definition at First before working in the Dream weaver
   You must set page Properties
   Margin to Zero (Note: very compulsory)
   In the Table
   Must be 1 : Rows - : Colum
   Border Thickness : 0 pixels
   Cdl Padding : 0 pixels, Cdl spacing : 0 pixels
   Centralise your Table first
   Vert: top site = Top is always compulsory .
FORMS: - TOPIC
TOPIC
   1. Jumb Menu
   2. Forum Jumb Menu
   3. DRSP Down Menu
   4. Window
   5. Show Pop-up Menu = Appearance: up state over state (Text & Cell)
Advanced: Pop-up Borders (Show borders)
   6. Position

Sub- Topic: Designs Forum (Design Forum (Creating Forum)
   1. Text Field
   2. Text Area
   3. Radio ground
   4. Chech box
   5. List menu
   6. Subunit Button
   7. Reset Button
   8. Forum

FORM ANALYSIS
First Click on Form
     To bring out a Form
     Then bring out a form box
     Then go back Table
     Making a 2 Columns & as many Rows depends


NAME:
                               TEXT FELD
SURNAME

SEX: 0 Male 0 Female = Radio Group
COUNTRY:                List/Menu

COMMENT:
                         TEXT AREA
CITIZENSHIP:                America
                            Africa

                            Others



               Submit         Reset

FIRE WORKS

    Image Editing
    Shape Design

Measurement = Ruler

Tool Bar

= Select

Bitmap = For Editing

Vector = Designing of shapes

Web = Using Fireworks to Design

Colors

Flash Professional

   1.    Layer
   2.    Scene
   3.    Key frame
   4.    Timcine
   5.    Ligrary
   6.    Motion twean
   7.    Properties panel
   8.    Action panel
Notes:

   1. Always reduce the size of your images to lossless (PNG/GIF) Voucle click on the
      image
   2. Converting to symbol = right chie on the image
   3. Allow your image Registration at the centre
   4. Done objects on the same player, give different layers.

Fade in and fade out

   1.    Making color to Alpha
   2.    Click on color
   3.    Allow your image Registration at the centrw
   4.    Done objects on the same layer, give different layers.

Fade in and fade out

   1. Making color to Alpha
   2. Click on color
   3. Click on Alpha and change to any percentage that suites your Creativity.
   4. Key frame starting and ending ending it.
   5. Insert motion twean
   6. For bringing another image for motion
   7. Insert another layer
   8. And start from the 1st layer ends.
   9. Must be on the same size and position
   10. Bringing out ruler
   11. And make guide on the first image

Editing Motion Twean

    Fuse clear frame
    Second remove Frame

Topic: Zoom in and Zoom out

    Changing from width and rendth angle
    Reducing in the Key frame
    Increasing the sizes in the Key frame
ACROSS THE SCENE MOTION

    From left side then, putting key frame
    From the center , then putting key frame
    From the right side, then putting key frame

HOW TO SAVE FLASH INTO DREAMWEAVER QUESTION ON HTML:

      What is CSS all about and its advantage
      How to make Face book and Twitter
      How to make line
      How to scrow pictures in a frame
      Putting a forum/search would an image
      How to make calendar/date in the forum
      In menu bar, having dropped down menu with image and bigger width.
      Putting logo/image on the web browser tab

COD72F

ROTATING

      From panel
      Click Twean
      Click motion
      Rotate ( WC Clockwise)

TO LINK ANIMATION

Motion clip

Button

Assignment:

Go to Google: How to apply Favicon

HTML: Linking to Face book/Twitter

    Putting sound in a Website
    Assignment
    Code to follow/personalize my website on Face book / twitter
      Flash
      Palm oil seller in Ghana/Nigeria
      HTML: Putting a download document in the nature page

      Motion Guide Animation
      1. Insert Object I.e. vector or Image in the First key frame of layer
      2. Convert it into symbol
      3. insert new key frame into the frame 40
      4. Right-click on the path for the layer 1 and click Add motion Guide
      5. Use pencil to draw the path for the animation, starting from the middle of the
         object click on the object again and drag it to trace the path drawn till the end
         of the path is reached.
      6. Apply motion twean to layer 1 key frame



PHP TUTORIAL TOPIC:-

         Web server = WSIISS, APACHE, TOMCORT ,DARKARTE
         PHP APPLICATION
         MYSQC
         WAMP SERVER
         REALTOR
         XAMP
         After installation we must text all the application such as web server, PHP
          application, MYSQC DB


WAMP SPEDOMITER must not be re/yellow but everything must be white.
CI/WAMP/WWW/

    To TEST IT, YOU HAVE TO
    Check on PHP INFOL

HOW TO CREATE DATABASE
   From Speedometer
   Check on Phpmyadoin
      RULES CREATING DATABASE
         There must not be space in between
         There must not be special character e.g. -,?
         You may use underscore e.g. – palm-oil
         Avoid many Characters
         V
         Base
         V
         Table
         V
         Record

HOW TO CREATE A TABLE ISIDE DB
   Check on the one use inside DB
   Requirements = Field, Data type , Length
   Field/Column
   Data-typ
   Var Char = Alphabet/ Alphanumeric (health number alphabet
   Double = Number without Decimal (Pure number)
   Float = Number with Decimal (500.20)
   Date-Time = Date
   Length
   The number of digit you can type there
   The maximum for varchar is 6,000 for length
   Niill
   Not will = filing compulsorily
   Niill = You may not fill all the form
   Putting record / pin in the DB
   Check on the Table
   Check on insert
   Type on value


Question:
   What about Telephone= Which Type ?

Topic;- Primary Keys
    Primary keys is very compulsory to generate code for submition to know the
       particular key field you want to use for through specification.
    Soc Statement
   1.   Insert
   2.   Delete
   3.   Update, Editing from the table check Db Edit
   4.   Select

Table in Sal style – DELETING
    Using Sql to Delete from the table name records
    Delete from table name
    Delete from table name where company and name ‘Ade’

INSERTING THROUGH – SQL Style
    Insert into table name (name, Sex, age ) VALUE(Ade,’Male’ 40’)
    Update table name set name = ‘ola sex = ‘Female’ Sex= ’40 where company =
       ‘king.
    Select from table name where name
    Creating a new site for PHP Enable
    Click = yes, I want to use a server technology
    Which server technology?
    PHP MYSQL
    How do you want to work your Filed during development? = Edit and that locally
       (my testing a server is on this computder.
    No, I don’t want to use a remote server
    Inserting a page from the Dreamweaver that will link the page to Database
    Click new
    Dynamic page
    PHP and save
    Open contact us html page
    Click on code, locate ‘from ‘d’ = ‘forml’ name – ‘forml’ method- ‘post’’ actions
       =contact – database . PHP’’
    In between the action code input the same save wave for the PHP page, you save
       early.
    And compulsory must have .PHP
    Then in the form Fields, must be name to
    Text name
Topic: - Validation your form pop-up
    Write code inside the contact us page at the and page of body tag e.g </body>
    <Secript language=’Javascript’)
    New validate form (document. formo <form1>).
    /Script>

				
DOCUMENT INFO
Shared By:
Categories:
Tags: DESIGN
Stats:
views:8
posted:7/26/2012
language:English
pages:8