To face the challenges of Web 2.0 with appropriate skills, a new course has been created. The module is composed of a bundle of courses. Part of them are using Adobe® Dreamweaver software and part coding. During the coding session, HTML and CSS will be covered. A whole day will also be dedicated to search engines, how to make a web site popular, and how to deal with the most common CMS installed on a server. During this part, we will show a demo from the registration of a domain to the publishing of the web site.
Who should attend?
- People motivated to learn new skills in order to start a new career path.
- Designers from print and video who need to updates their skills set.
Software
Adobe Dreamweaver
Adobe Photoshop
Joomla!
Other topics
HTML and CSS
Search engines, servers and CMS
Notes
Students will be provided of a free web space where they will be able to
upload their assignments.
Assignment
Students are asked to produce a 4 to 5 page web 2.0 site.
Course Objectives
Joomla!
Introduction to internet and web design
- How internet works
- Domain registration and server settings
- Control panel settings
Understanding CMS (Joomla!)
- Introduction to Joomla! 1.5.x
- Installation procedures
- Introduction to templates
- Installation of templates
- Understanding about section, category & articles
- Module variations
- Module Positions
- Using typography and preset styles
Dreamweaver
Introduction to HTML and CSS
- Assign styles to tidy code
- Class, Tag and DIV rules
- Wrappers
- Text formatting rules
- Color overview
- Boxes and borders
Working with images in Photoshop
- Tags overview
- Table tags
- H tags, A tags & IMG tags
- Assign styles to tidy code
- Class, Tag and DIV rules
- Wrappers and text rules
- Color overview
- Boxes and borders
Introduction to Dreamweaver
- Setting Project Requirements
- Planning Site Design and Page Layout
- Understanding the Interface
- Adding Contents
- Organizing Contents
- Evaluating and Maintaining a Site
Photoshop
Working with images
- Importing images, layers and selections
- Transforming layer objects
- Using the smart objects
- Applying transparency and basic blending modes
- Introduction to text layers, adjustment layers and layer styles
Image file formats
- Which formats support layers?
- Which formats support transparency?
- Which formats support 24 bits?
- Which formats for the web?
|
Exam Objectives
Web Design with Dreamweaver
Setting Project Requirements
- Identify the purpose, audience, and audience needs for a website.
- Identify web page content that is relevant to the website purpose and appropriate for the target audience.
- Demonstrate knowledge of standard copyright rules (related terms, obtaining permission, and citing copyrighted material).
- Demonstrate knowledge of website accessibility standards that address the needs of people with visual and motor impairments.
- Make website development decisions based on your analysis and interpretation of design specifications.
- Understand project management tasks and responsibilities.
Planning Site Design and Page Layout
- Demonstrate general and Dreamweaver-specific knowledge of best practices for designing a website, such as maintaining consistency, separating content from design, using standard fonts, web-safe colors, and utilizing visual hierarchy.
- Produce website designs that work equally well on various operating systems and browser versions/configurations.
- Demonstrate knowledge of page layout design concepts and principles.
- Identify basic principles of website usability, readability, and accessibility.
- Demonstrate knowledge of flowcharts, storyboards, and wireframes to create web pages and a site map (site index) that maintain the planned website hierarchy.
- Communicate with others (such as peers and clients) about design and content plans.
Understanding Adobe Dreamweaver CS4 Interface
- Identify elements of the Dreamweaver interface.
- Use the Insert bar.
- Use the Property inspector.
- Use the Assets panel.
- Use the Files panel.
Adding Content by Using Dreamweaver CS4
- Define a Dreamweaver site.
- Create, title, name, and save a web page.
- Add text to a web page.
- Insert images and apply alternative text on a web page.
- Link web content, using hyperlinks, e-mail links, and named anchors.
- Insert rich media, such as video, sound, and animation in Flash format.
- Insert navigation bars, rollover images, and buttons created in Fireworks on a web page.
- Build image maps.
- Import tabular data to a web page.
- Import and display a Microsoft Word or Microsoft Excel document to a web page.
- Create forms.
Organizing Content by Using Dreamweaver CS4
- Set and modify document properties.
- Organize web page layout with absolutely-positioned div tags and CSS styles.
- Modify text and text properties.
- Modify images and image properties.
- Create web page templates.
- Use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists.
- Add head content to make a web page visible to search engines.
- Use CSS to implement a reusable design.
Evaluating and Maintaining a Site by Using Dreamweaver CS4
- Conduct basic technical tests.
- Identify techniques for basic usability tests.
- Identify methods for collecting site feedback.
- Present web pages to others (such as team members and clients) for feedback and evaluation.
- Manage assets, links, and files for a site.
- Publish and update site files to a remote server.
|
|
|
Course Duration
5 days from 9:30 AM to 5:30 PM or
10 evening sessions from 6:30 PM to 9:30 PM
Usual Price:- $ 1,300 per person
Bundle Price
$ 1,100 per person
|
Course Duration with Exam
8 days from 9:30 AM to 5:30 PM
(including 1 day exam + preparation)
Usual Price:- $ 1,850 per person
Bundle Price
$ 1,590 per person
|
Corporate discounts are available, email us for more info.
*The course will be conducted with a minimum of 4 students.
*The course duration will be shorten when a class has only 4 students.
