Web Design Diploma

    Description : Nowadays, the Internet has played important role in our daily life. There are millions of users who browse the web sites every day and every moment for many different purposes. These sites or pages they access its contents are coordinated and designed creativity by persons called “Web Designers”. The objective of this Diploma is to help you to … READ MORE

    Description :

    Nowadays, the Internet has played important role in our daily life. There are millions of users who browse the web sites every day and every moment for many different purposes. These sites or pages they access its contents are coordinated and designed creativity by persons called “Web Designers”. The objective of this Diploma is to help you to join this category “Web Designer”. We have taken in our consideration while preparing this Diploma to select a coherent set of training programs specialized in Web pages design, besides a Graduation Project that offers you hands-on experience under supervision of trained and certified specialists.


    Introducing XHTML, the language required for creating web pages, and the newest form of the traditional HTML webpage language

    Enable the trainee to efficiently use Photoshop CS6 facility and functionality in the context of web design

    Introduce Adobe Dreamweaver CS6, the state-of-the-art web development application required for fast and professional website design

    For adding a dynamic element required for most website design recently, we incorporated Flash CS6 and SWiSH Max

    As audio is become an integral part of many websites, we included Adobe Soundbooth CS6, which is an easy to use sound editing application that is easy to use for those who aren’t audio specialists

    Audience :

    This Diploma is very significant to:

    • People who wish to learn web design using computer software; to obtain challenging position in labor market.
    • People who already work in works already in the field of Web Design and wish to improve their capabilities in dealing with the computer; to develop their career.
    • People who have self-studied Graphics Design and wish to enrich their knowledge throughout learning advanced skills and finding faster and easier ways to accomplish tasks assigned to them.

    Objectives      Develop attractive web pages      Format text and paragraphs      Create external, internal and e-mail hyperlinks      Design tables and frames      Add and adjust images in web pages      Create user forms      Use cascading style sheet CSS Topics : Introduction to XHTML o Internet overview o What is the HTML? o What is the XML? o What is the XHTML? o General rules for developing Web pages XHTML Code o XHTML Text Editors o XHTML Tags o Container tags & empty tags Working with text and paragraphs o Inserting text and paragraphs o Formatting text and paragraphs o Heading levels o Aligning paragraphs Working with Images o Types of image files used for Web o Inserting images o Image properties o Using colors in Web page o Changing background color Lists and Hyperlinks o List types o Inserting lists o Hyperlinks overview o Hyperlinks types o Creating hyperlinks Working with tables o Tables’ items and tags o Creating tables o Adjusting table properties o Merging and splitting cells Working with Frames o Frames types o Creating frames o Adjusting frame properties o Targeting frames Forms o Forms overview o Form fields o Creating forms o Inserting fields o Scripting languages overview Cascading Style Sheets (CSS) o Cascading Style Sheets overview o Cascading Style Sheets Rules o Using Cascading Style Sheets

    Objectives      Work with Workspace and its Components.      Process and Editing Images.      Use Layers and Filters.      Create New Image from Group of Images.      Create and Painting Drawings      Add Art Effects to Images.      Insert Texts.      Prepare Printer. Topics Difference between Bitmap Images and Vector Shapes o  Bitmap Images o  Vector Shapes Traditional Images and Digital Images o  Traditional Images o  Digital Images o  Traditional Images vs. Digital Images Selecting Workspace o  Application bar o  Working with Panels o  Working with the TOOLS panel o  TOOLS Panel Working Basics o  Saving and Deleting Workspace o  Saving Workspace Working Basics o  Open and Close Files o  Open File o  Close File o  Moving Documents o  File Formats o  Save File Viewing Images o  Document Arrangement o  Zoom In or Out o  Moving Among Image Areas o  Changing Screen Mode Image Size and Resolution o  Digital Image Resolution o  Change Image Size and Resolution o  Change Canvas Size Undo and Redo o  Using the HISTORY panel o  Undo and Redo Commands Image Setting o  Image Crop o  Image Rotation Color Models o  Color Models and Color Channels o  Select the Color Model Work Document Settings o  Create a new document o  Setting Document Margins Move Images o  Drag and Drop Images o  Select Images o  Image Transformation o  Zoom In or Out o  Rotate Images o  Skew Images o  Warp Images o  Scale Images without distortion Working with Layers o  Convert the Background into a Layer o  Layer Properties o  Arrange Layers o  Link and Unlink Layers o  Merge and Flatten Layers o  Align Layer Content o  Opacity and Blending Modes o  Create, Duplicate and Delete a Layer o  Add a mode to a Layer Using the Typing Tool o  Typing methods o  Inset a text o  Working with the Type Layer Formatting Texts o  Formatting Characters o  Formatting Paragraphs o  Retype Text o  Wrap Text Select with the Marquee Tools o  The Marquee Tools o  Selection Commands o  Select an Elliptical Area o  Move the Selection Frame o  Transform the Selection Frame o  Move the Selection Content o  Select a Rectangular Area Custom Selection Frame o  Add to Selection o  Subtract from the Selection o  Select only an area intersected by other selections o  Refine Document Edges Select with the Lasso Tools o  The Polygonal Lasso Tool o  The Lasso Tool o  Select a Colored Area o  The Magnetic Lasso Tool o  The Magic Wand Tool o  The Quick Selection Tool Color Models o  HSB Color Model o  CMYK Color Mode o  RGB Color Mode o  LAB Color Model Choosing Colors o  Using the Color Picker Dialog Box o  The Eyedropper Tool o  Painting Tools o  The Paint Bucket Tool o  The Gradient Tool Color Selection Panels o  COLOR Panel o  SWATCHES Panel o  Color Swatches Painting Commands     o  Fill Using Foreground Color or Background Color o  Fill Using the Fill Command o  Coloring Stroke o  Free Painting Tools o  The Pencil Tool o  The Brush Tool BRUSHES Panel o  Adjust Spacing o  Set Brush’s Angle and Roundness o  Using Brush in Painting Drawing Preset Shapes o  Custom Shape Tool o  Path Drawing Modes o  Appending More Preset Shapes Pen Tool o  Path Concept o  Draw Straight Lines Path o  Drawing Curves Path Editing Paths o  Convert between Smooth Points and Corner Points o  Add or Delete Anchor Points o  Adjusting Anchor Points Saving Paths o  PATHS Panel o  Drawing and Saving a New Path Path Usage Skills o  Typing a Text on a Path o  Creating a Stroke for a Path o  Filling Paths and Loading Paths as Selections o  Saving Paths as Preset Shapes Layer Mask o  Add a Layer Mask o  Working with Masks o  Controlling Mask Effects Skills of Working with Layer Masks o  Link/ Unlink Masks to Layers o  Using Selections with Masks Vector Masks o  Add a Vector Mask o  Drawing Paths and Shapes over the Vector Mask o  Delete a Vector Mask o  Convert a Vector Mask to a Layer Mask o  Add a Layer Mask to a Vector Mask Filter Types      o  Basic Filters o  Additional Filters Working with Filters o  Using Filter Gallery Command o  Blend and Fade Filter Effects Optimizing Images o  GIF Settings o  JPEG Settings Creating Slices o  Create a Slice from Guides o  Create a Slice with the Slice Tool o  Styles of Creating Slices with the Slice Too o  Create Slices from Layers o  Slice Types Modifying Slices o  Slice Select Tool o  Divide Slices o  Combine Slices Slice Options o  Slice Properties o  Slice Content Types

    Objectives      Know how to start with Dreamweaver CS6      Discover Dreamweaver CS6 interface      Insert and format texts      Use paragraphs and lists      Insert images and use colors      List the different types of hyperlinks      Insert hyperlinks in web pages      Insert tables      Work with AP Elements      Use Cascading Style Sheets (CSS)      Use Fluid Grid Layout      Use CSS3 Transitions      Create templates for web pages design      Work With Forms      Use Multimedia in web pages      Create interactive web pages using Spry widgets & Spry effects      Use Adobe BrowserLab online service      Test & publish a Web site Topics Program Basics o  Introduction to the Program o  Exploring the Workspace o  Customizing the Workspace o  Building a New Web Site o  Rulers & Grid Inserting and Formatting Texts o  Inserting and Editing Texts o  Formatting Texts o  Using Symbols Paragraphs and Lists o  Inserting Paragraphs o  Using Lists Images and Colors o  Inserting Images o  Images Properties o  Using Colors Hyperlinks o  Local Hyperlinks o  External Hyperlinks o  Internal Hyperlinks o  E-Mail Links o  Image Maps Tables o  Inserting Tables o  Selecting Tables o  Table Cells o  Table Cell Properties o  Merging Cells o  Splitting Cells AP Elements o  Insert AP Elements o  AP Element Properties o  Dealing with AP Elements Code Snippets o  Why We Use Code Snippets? o  Creating Text Snippets o  Creating Code Snippets using Graphics o  Working with Code Snippets Dreamweaver Cross-Application Integration o  Working with Adobe Flash o  Working with Adobe Photoshop Images o  Using Adobe’s Bridge Cascading Style Sheets (CSS) o  CSS Types o  Using CSS o  Creating CSS o  Using CSS Styles Panel Fluid Grids o  Using Fluid Grids o  Inserting web page elements inside fluid grids CSS3 Transitions o  Using CSS3 transitions with forms o  Using CSS3 transitions with text o  Using CSS3 transitions with images Templates o  Why We Use Templates? o  Defining Template Regions o  Creating Templates Forms o  Inserting Forms o  Inserting Form Elements Multimedia o  Inserting Flash Movies o  Inserting Flash Videos o  Inserting Sound & Video Interactive Navigation o  Creating Jump Menus o  Editing Jump Menus Items o  Dealing with Spry Layout Widgets o  Using Spry Effects Behaviors o  The Behaviors Panel o  Overview to Events o  Applying Behaviors o  Update Behaviors o  Behavior Actions in The Program Using Adobe BrowserLab Online Service o  Preview Web pages using the service o  Choosing browser and operating system o  The service additional view features Testing & Publishing a Web Site o  Browser Compatibility o  Checking Links o  Opening Linked Documents o  Determining Download Time and Size o  Using Reports o  Publishing a Site

    Objectives :      Develop efficient and compact Flash movies      Create, import, and work with graphics      Work with texts      Use layers, frames and timeline      Use symbols, libraries and instances      Create frame-by-frame animations, motion tween,Classic motion tween and shape tween      Work with masks      Work with motion guides      Adding sound and video to movies      Work with timeline effects      Create navigation buttons      Implement basic principles of optimization and performance      Publish flash movies Topics : Where to Start? o  Flash Overview o  Starting to Use Flash CS5 Drawing Tools o  Drawing Tools of Basic Shapes o  Freehand Drawing Tools o  Colors o  Texts Working with Objects & Layers o  Images o  Editing Objects o  Modifying Objects o  Layers Symbols o  Symbols & Instances o  Working with Buttons Animation o  Animation Basics o  Motion Tweening o  Shape Tweening o  Classic motion tween o  Mask Layers & Bones Advanced Skills o  Movie Clips & Scenes o  Testing & Publishing Flash Movies


    Course Reviews

    No Reviews found for this course.

    • course Hours: 72
    • course price: EGP
    • Course Dates: