Basic Web Design
Course Starts : June 2, 2013
Day & Time: Sunday 9:30 a.m.- 12:30 p.m.
Length: 18 weeks
Academic Hours: 72
Cost: 4500 ₪ + 200 ₪ Non refundable Registration Fee.
Payment by Cash, Check or Credit Card. All fees must be paid up to one week before the course starts. If paying by Credit Card, tuition may be paid in installments of no less than 250 ₪ /mo for a maximum of 10 months. If paying by check, checks must be paid in advance and can be post dated until the course completion date. Cash – tuition must be paid in full before the course begins. (For exceptions please call our office)
Prerequisite: English Mother Tongue Level.
Overview: As the World Wide Web is evolving, with new out bounded technologies, there is a high demand for web designers. This course will give the students professionally the essential tools and overview to conceptualize design from start to finished product of implementing your own website. The course will be comprised from basic overview of Photoshop – (Graphic tool for websites) and using an editor (Dreamweaver) to implement your graphics live on the web.
Learn the fundamentals of Photoshop allowing you to perform basic/intermediate functions focusing on the construction of a website.
Eight lessons – 28 hours
Lesson 1: Intro and Interface Essentials / Navigation.
- Website requirements gathering – differences between website types (business site, educational site, blog site, etc.), defining navigation style and need – one vs. two navigation bars on a site, single tier vs. two tier navigation.
- Opening a document, saving formats such as (PSD), and optimizing for the web (JPG, GIF, PNG), Resolution.
- Differences between Raster vs. Vector
- Introduction to file formats. Modifying Resolution, Color Mode, and
Bit Depth. What resolution does your image need to be? Image sizes, resizing. Accurate print size preview
- Different sizes for different needs – web screen resolutions and how to design for them
- Basic tools such as the marquee selection tool (square), rectangle, Ellipse (oval), circle. Using the navigator palette, zooming. Learning DPI (Dots Per Inch).
Lesson 2: More Advanced Tools and techniques.
- Adding a border, by extending the canvas. Undo VS. History, Image Interpolation and manipulations: rotating, scaling, flipping, distorting and skewing.
- Learning how to crop images and presetting default sizing for cropping.
- Correcting brightness, contrast, tones, basics of curves
Lesson 3: Painting, Picking Colors, Filters.
- Brush tool essentials. Using the color picker. Color palette, saving swatches, color sampling with the Eyedropper tool.
- Brush and Color Picker – formats, sizes, color picker, swatches, eyedropper tools
- Tonal corrections: Brightness / Contrast. Using the Histogram palette. Improving tonality with levels. Using the auto contrast command.
- Using Photoshop filters to alter your image
Lesson 4: Fonts and Typography
- Font usage, what fonts to use
- Regular and High end Text effects
- Using fonts as graphic tools and not just information – enhancing layout
- Typography and built in Photoshop settings
- When to use fonts and when to use system text
Lesson 5: Layers Essentials.
- Working with layers. Changing the opacity of the layer.
- Applying layer effects. Modifying, layer modes.
- Layer visibility / non-visibility. Making new layers, deleting layers, merging layers.
- Layer masks and channels
Lesson 6: Navigation and design layout
- Core Essentials of web design
- Web Standards – where they were, where they are going
- Common website mistakes
- Setting up your website file structure
- What needs to be a graphic, what doesn’t need to be and what cant be.
- Interface Design – Buttons, content, pictures, page continuity – How they all fit together to create the perfect website.
Lesson 7: Start of final design
- The elusive transparent spacer graphic
- Using all your new tools to start a simple website design with 5 buttons
- Setting up proper guides
Lesson 8: Completion of Design
- Prepping design for web
- Slicing up the images properly
- Saving for web – final format, file size and how to balance image quality for size.
Lesson 1: Interface Essentials and Basic Layout
- Introduction to Dreamweaver CS4 workspace, Document window, Toolbars, Insert panel and tool sets.
- Opening a document type and properties saving formats for the web: such as .html or .htm, previewing the document in an actual web browser.
- Introduction to the Code, Design, and Split view modes.
- Defining the site, file viewer and attributes
- Save as Template
Lesson 2: Tables and Inserting Content
- Learning how to insert and modify a table.
- Setting borders, cell spacing, cell padding
- Table Properties.
- Inserting images with the assets panel. Adding text, aligning page elements. Modifying page properties.
Lesson 3 : Learn about Templates and Build your website
- Create the HTML pages
- Learn essential difference between Dreamweaver Template and html
- create a master template page
- prepare to fill in content
Lesson 4 : Typography
- Introduction to HTML text editing. Font lists, text alignment.
- Appropriate font sizes.
- CSS – What is CSS? What is the importance of using it?
- Learning to code a CSS rule property. CSS Panel.
- Applying the CSS, rule to the web page document. Linking to external CSS vs local CSS rules
Lesson 5: Basic Interactivity using Dreamweaver
- Simple Rollovers – Inserting Rollovers.
- Animated Rollovers, Flash Buttons built into Dreamweaver.
Lesson 6: Forms and Behaviors
- Creating a basic HTML form.
- Form properties and modifying fields.
- Inserting a Submit and Clear Button.
- Making the form work
- What are Behaviors? What purpose do they serve? Common used behaviors to create interactivity and higher levels of usability.
- Open a new browser window with pre-set dimensions (Width, Height).
Lesson 7: (Final)
- Make your website live.
- Putting your files via the web server
- FTP Basics – Decipher your web server info and uploading your site via FTP (File Transfer Protocol)
HTML5 Three lessons – 10.5 hours
Baruch Mackler has been a designer and developer for over twelve years, growing with the web as it evolves into what it is today. During this time he worked for the U.S Defense department, small boutique studios and international design firms before starting to work for himself. He has assisted corporations, small business owners and individuals who desire to build or enhance their web presence. Baruch made aliyah in 2005 and has continued working with clients around the globe building websites, building brands and creating high end presentations. When not working and exploring he lives in Maale Adumim with his wife and 4 kids.