Course Outline

Overview of Web Design Concepts

• Web Technology
• The Nature of the Web
• Web Design Concepts
• New Technologies
• Evaluating Your XHTML Skills

Web Development Teams

• Web Teams and Tasks
• Web Project Management
• Web Project Collaboration
• Your Web Design Portfolio
• Your Web Design Business

Web Project Management Fundamentals

• Web Project Management Phases
• Project Documentation and Communication

Web Site Development Process

• Bottom-Up Approach to Web Development
• Understanding the Business Process
• Defining a Web Site Vision From Vision to Strategy
• Web Site Specifications

Web Page Layout and Elements

• Web Users and Site Design
• Effective Web Page Layout
• Branding and the Web
• Color and Web Design
• Fonts and Web Design

Web Site Usability and Accessibility

• Audience Usability and Accessibility
• Defining Usability
• Web Site Usability Testing
• Web Page Accessibility

Browsers

• Browsers and Navigation
• Browsers and Design
• Considerations
• Browser Adoption
• Major, Minor and Alternative Browsers
• Creating Aliases with TinyURL
• Utilizing CAPTCHA

Navigation Concepts

• Why Is Navigation Critical?
• Primary and Secondary Navigation Navigation Hierarchy
• Site Structure, URLs, and File Names
• Familiar Navigation Conventions
• Guided Navigation
• Navigation Action Plan

Web Graphics

• Web Site Images
• Digital Imaging Concepts
• Raster vs. Vector Graphics
• Graphics Applications
• Image File Formats
• Creating and Optimizing Images
• Essential Graphic Design Concepts

Multimedia and the Web

• Multimedia and Web Sites
• Current Multimedia Capabilities
• Animation and the Web
• Audio and the Web
• Video and the Web
• Goals of a Multimedia Site
• Multimedia Site Design Basics
• User Interaction
• Selecting Multimedia Elements

Ethical and Legal Issues in Web Development

• Ethics and Law in Web Development
• Ethical Issues and the Web
• Legal Issues and the Web

HTML and the Evolution of Markup

• Function of Markup Languages
• SGML: A Short History
• What Is HTML?
• HTML Goals
• The HTML Standard
• HTML 1.0 and 2.0
• HTML 3.0 and 3.2
• HTML 4.0 and 4.01
• Separating Format from Structure in HTML
• Extensible HTML (XHTML)
• Reference Sites for Web Developers

XML and XHTML

• What Is XML?
• XML Goals
• What Is an XML Document?
• Rules for Well-Formed XML
• HTML Transition to XML
• What Is XHTML?
• Applying a Single Standard Consistently

Web Page Structure — Tables and Framesets

• Creating Structure with X/HTML Tables
• Diagramming a Basic X/HTML Table
• Borderless Web Page Structure
• X/HTML Frames and Framesets
• The X/HTML Tag
• The X/HTML Tag
• Targeting Hyperlinks in X/HTML
• The X/HTML Tag</li> </ul> <h2>Cascading Style Sheets</h2> <ul> <li>Style Sheets</li> <li>Cascading Style Sheets</li> <li>Defining and Using Styles</li> <li>Changeable Style Attributes</li> <li>Style Guides</li> <li>Changes from CSS1 to CSS2</li> <li>Page Layout with CSS</li> <li>The CSS Box Model</li> <li>Document Flow and Positioning</li> <li>CSS Positioning Schemes</li> </ul> <h2>Site Content and Metadata</h2> <ul> <li>Written Web Site Content</li> <li>Internet Marketing and Search Engine Optimization (SEO)</li> <li>Metadata</li> <li>The <meta> Tag and Document Identification</li> <li>The <meta> Tag and Search Engines</li> <li>The <meta> Tag and Delayed File Change</li> </ul> <h2>Site Development with Microsoft Expression Web 4 — Introduction</h2> <ul> <li>The Transition from FrontPage</li> <li>Microsoft Expression Web 4</li> <li>Expression Web Views</li> <li>Expression Web Menus and Toolbars</li> <li>Opening Web Sites and Files in Expression Web</li> <li>Developing W3C-Compliant Code with Expression Web</li> </ul> <h2>Site Development with Expression Web 4 — Basic Features</h2> <ul> <li>Page Layout Options in Expression Web</li> <li>Creating a New Web Site Using Expression Web</li> <li>Page Layout with CSS</li> <li>Inserting Images with Expression Web</li> <li>Creating Hyperlinks with Expression Web</li> <li>Creating Image Maps with Expression Web</li> <li>Creating Navigation Bars Using CSS</li> <li>Expression Web's Dynamic Web Templates</li> <li>Pasting Formatted Text with Expression Web</li> <li>Pasting X/HTML content with Expression Web</li> </ul> <h2>Site Development with Expression Web 4 — Advanced Features</h2> <ul> <li>Expression Web Styles</li> <li>Adding Interactivity to Web Pages</li> <li>Creating Web Forms with Expression Web</li> <li>Connecting to Databases</li> <li>Expression Web Reports</li> <li>Options for Replacing Old Webbots</li> </ul> <h2>Site Development with Adobe Dreamweaver CS6 — Introduction</h2> <ul> <li>Adobe Dreamweaver CS6</li> <li>Dreamweaver Layout Options</li> </ul> <h2>Site Development with Dreamweaver CS6 — Basic Features</h2> <ul> <li>Page Layout in Dreamweaver</li> <li>Creating Image Maps in Dreamweaver</li> <li>Creating Templates in Dreamweaver</li> <li>Importing Content in Dreamweaver</li> </ul> <h2>Site Development with Dreamweaver CS6 — Advanced Features</h2> <ul> <li>Rollover Images in Dreamweaver</li> <li>Dreamweaver Web Forms</li> <li>Dreamweaver Behaviors</li> <li>Dreamweaver Assets and Library</li> <li>Editing X/HTML in Dreamweaver</li> <li>Jump Menus in Dreamweaver</li> <li>Site Search Forms in Dreamweaver</li> <li>Adobe Exchange</li> </ul> <h2>Creating Web Pages Using Open-Source Tools </h2> <ul> <li>Open-Source GUI Editors</li> <li>GUI HTML Editors vs. Text Editors</li> <li>Open-Source Text Editors</li> <li>Creating a Static Web Page</li> <li>Using Templates</li> <li>Checking Spelling</li> </ul> <h2>Image Editing with Adobe Fireworks CS6</h2> <ul> <li>Adobe Fireworks CS6</li> <li>Creating an Image Document in Fireworks</li> <li>Adding Text to Images in Fireworks</li> <li>Cropping Images in Fireworks</li> <li>Image Layers in Fireworks</li> <li>Image States in Fireworks</li> <li>Transparent Images in Fireworks</li> <li>Image Slices in Fireworks</li> </ul> <h2>Multimedia with Adobe Flash Professional CS6 </h2> <ul> <li>The History of Flash</li> <li>Flash Technology Features</li> <li>Developing with Flash</li> <li>Flash Shapes</li> <li>Color and Fills in Flash</li> <li>Multimedia with Flash Professional</li> <li>CS6 — Timeline, Layers, Symbols and Buttons</li> <li>Flash Timeline</li> <li>Flash Layers</li> <li>Saving and Publishing Flash Movies</li> <li>Flash Symbols</li> <li>Flash Buttons</li> <li>Customizing the Flash Library</li> </ul> <h2>Multimedia with Flash Professional CS6 — Tweens</h2> <ul> <li>Flash Tweens</li> <li>Motion Tweens in Flash</li> <li>Shape Tweens in Flash</li> <li>Tweening Text in Flash</li> </ul> <h2>Multimedia with Flash Professional CS6 — Movie Clips</h2> <ul> <li>Flash Movie Clips</li> <li>Adding Sound to Flash Files</li> <li>Adding Flash Movies to X/HTML Files</li> <li>Testing for the Flash Player Plug-In</li> </ul> <h2>Multimedia with Flash Professional CS6 — ActionScript, Masks and Practical Uses</h2> <ul> <li>Flash ActionScript</li> <li>Mask Layers in Flash</li> <li>Using SWF and SVG Files on the</li> <li>Web Flash and Accessibility</li> </ul> <h2>JavaScript and DHTML Fundamentals </h2> <ul> <li>Why Script?</li> <li>JavaScript and Common</li> <li>Programming Concepts</li> <li>What Is JavaScript?</li> <li>JavaScript vs. Other Languages</li> <li>Embedding JavaScript into X/HTML</li> <li>Using JavaScript to Communicate with the User</li> <li>JavaScript Functions </li> <li>Using JavaScript for Browser Detection</li> <li>Dynamic HTML (DHTML)</li> </ul> <h2>Plug-Ins and Java Applets</h2> <ul> <li>Plug-In Technology</li> <li>Plug-In Installation</li> <li>Adobe Shockwave and Flash Players</li> <li>Adobe Reader</li> <li>RealNetworks RealPlayer</li> <li>Rich Media Content</li> <li>Creating a Downloadable File</li> <li>Introduction to Java</li> <li>Java Applets</li> <li>Applets and Animation</li> <li>Applet Authoring Tools and Resources</li> </ul> <h2>HTTP Servers and Web Applications</h2> <ul> <li>What Is an HTTP Server?</li> <li>Accessing Servers and Services</li> <li>Basic HTTP Server Administration</li> <li>Server-Side Technologies</li> <li>Web Servers and Cookies</li> <li>Enabling, Disabling, and Deleting Cookies</li> <li>Setting Cookie Files</li> <li>XML and Web Applications</li> <li>Syndicated Feeds</li> </ul> <h2>Databases</h2> <ul> <li>Web Design and Databases</li> <li>Database Anatomy</li> <li>Database Queries</li> <li>Database Management System (DBMS)</li> <li>Connecting Web Pages to Databases</li> <li>Database Tools, Products and Programs</li> </ul> <h2>Web Site Publishing and Maintenance</h2> <ul> <li>Web Site Testing</li> <li>Web Site Publishing</li> <li>Web Site Hosting</li> <li>Web Publishing with an FTP Client</li> <li>Web Publishing with Expression Web</li> <li>Web Publishing with Dreamweaver</li> <li>Comparing Web Publishing Tools</li> <li>Maintaining Web Sites</li> <li>Web Server and Web Site Security</li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Courses Details End --> <!-- Partner Start --> <div id="rs-partner" class="rs-partner pt-70 pb-70"> <div class="container"> <div class="abt-title"> <h2>OUR PARTNER</h2> </div> <div class="rs-carousel owl-carousel" data-loop="true" data-items="5" data-margin="80" data-autoplay="true" data-autoplay-timeout="5000" data-smart-speed="2000" data-dots="false" data-nav="false" data-nav-speed="false" data-mobile-device="2" data-mobile-device-nav="false" data-mobile-device-dots="false" data-ipad-device="4" data-ipad-device-nav="false" data-ipad-device-dots="false" data-md-device="5" data-md-device-nav="false" data-md-device-dots="false"> <div class="partner-item"> <a href="https://www.acumatica.com/"><img src="https://iccteleservices.com/uplodes/02 (1).jpg" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.enconnex.com/"><img src="https://iccteleservices.com/uplodes/01 (1).jpg" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.trendmicro.com/en_us/business.html"><img src="https://iccteleservices.com/uplodes/TrendMicro- USA.jpg" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.barracuda.com/"><img src="https://iccteleservices.com/uplodes/Barracuda-logo.jpg" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.legrand.fr/"><img src="https://iccteleservices.com/uplodes/legrand.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.ats-global.com/mk/"><img src="https://iccteleservices.com/uplodes/ats.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.sophos.com/en-us.aspx"><img src="https://iccteleservices.com/uplodes/shphos.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://innovasis.com.tr/"><img src="https://iccteleservices.com/uplodes/innoooo.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.jmv.co.in/"><img src="https://iccteleservices.com/uplodes/jmv.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.annexwebservices.com/"><img src="https://iccteleservices.com/uplodes/annex-logo_for-BayIT_PNG.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.asus.com/"><img src="https://iccteleservices.com/uplodes/Asus-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.dell.com/"><img src="https://iccteleservices.com/uplodes/Dell-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.google.com/"><img src="https://iccteleservices.com/uplodes/Google-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.3cx.com/"><img src="https://iccteleservices.com/uplodes/3CX-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.unv.org/"><img src="https://iccteleservices.com/uplodes/UNV-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.comptia.org/"><img src="https://iccteleservices.com/uplodes/Comptia-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://mikrotik.com/"><img src="https://iccteleservices.com/uplodes/Mikrotik-01.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://aws.amazon.com/"><img src="https://iccteleservices.com/uplodes/AWS.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.cisco.com/"><img src="https://iccteleservices.com/uplodes/Cisco.png" alt="Partner Image"></a> </div> <div class="partner-item"> <a href="https://www.microsoft.com/en-us/"><img src="https://iccteleservices.com/uplodes/Microsoft.png" alt="Partner Image"></a> </div> </div> </div> </div> <footer id="rs-footer" class="bg3 rs-footer" style="background-image: url('https://iccteleservices.com/public/front/images/bg/counter-bg.jpg')"> <div class="container"> <!-- Footer Address --> <div> <div class="row footer-contact-desc"> <div class="col-md-4"> <div class="contact-inner"> <i class="fa fa-map-marker"></i> <h4 class="contact-title">Address</h4> <p class="contact-desc">Plot: I/15-18, Lane: 6, Block - D, Pallabi, Mirpur -12, Mirpur, Dhaka-1216. </p> <p class="contact-desc">Sales Office: House 2/E, Road 29, Gulshan Lake Palace, Dhaka 1212 </p> <!-- <p class="contact-desc">--> <!-- Sales Office:Road:29 , House:2/E (Gulshan Lake Palace), C-2, Gulshan-1, --> <!-- Dhaka-1212, Bangladesh--> <!-- </p>--> <!-- <p class="contact-desc">USA Office: +1-855-200-9498</br>--> <!--37-23,72nd Street, 2nd floor, Jackson Heights, NY 11372</p>--> </div> </div> <div class="col-md-4"> <div class="contact-inner"> <i class="fa fa-phone"></i> <h4 class="contact-title">Phone Number</h4> <p class="contact-desc"> 09639223223 </p> </div> </div> <div class="col-md-4"> <div class="contact-inner"> <i class="fa fa-map-marker"></i> <h4 class="contact-title">Email Address</h4> <p> info@iccteleservices.com </p> </div> </div> </div> </div> </div> <!-- Footer Top --> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-12"> <div class="about-widget"> <img src="https://iccteleservices.com/public/front/images/logo/logo.png" alt="Footer Logo"> </div> </div> <div class="col-lg-6 col-md-12"> <ul class="sitemap-widget"> <li class="active"><a href="https://iccteleservices.com/AdmissionForm"><i class="fa fa-angle-right" aria-hidden="true"></i>Admission</a></li> <li class="active"><a href="https://iccteleservices.com/Clients"><i class="fa fa-angle-right" aria-hidden="true"></i>Clients</a></li> <li class="active"><a href="https://iccteleservices.com/OurTrainers"><i class="fa fa-angle-right" aria-hidden="true"></i>Our Trainers</a></li> <li class="active"><a href="https://iccteleservices.com/Gallery"><i class="fa fa-angle-right" aria-hidden="true"></i>Gallery</a></li> <li class="active"><a href="https://iccteleservices.com/contact"><i class="fa fa-angle-right" aria-hidden="true"></i>Contact Us</a></li> <li class="active"><a href="https://iccteleservices.com/aboutus"><i class="fa fa-angle-right" aria-hidden="true"></i>About Us</a></li> <li class="active"><a href="https://iccteleservices.com/TermsandConditions"><i class="fa fa-angle-right" aria-hidden="true"></i>Terms and Conditions</a></li> <li class="active"><a href="https://iccteleservices.com/RefundPolicy"><i class="fa fa-angle-right" aria-hidden="true"></i>Refund Policy</a></li> <li class="active"><a href="https://iccteleservices.com/PrivacyPolicy"><i class="fa fa-angle-right" aria-hidden="true"></i>Privacy Policy</a></li> </ul> </div> <div class="col-lg-3 col-md-12"> <div class="about-widget"> <h5 class="footer-title">Subscribe</h5> <script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channelid="UCpb60W33XHKFW4P-3papufA" data-layout="full" data-theme="dark" data-count="hidden"></div> <!-- <script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe text-white" style="color: #fff !important;" data-theme="dark" data-channelid="UC_kF8NoYxCqHw6A2KEp2iMw" data-layout="full" data-count="hidden"></div> --> </div> </div> </div> </div> </div> <!-- Footer Bottom --> <div class="footer-bottom"> <div class="container"> <img src="https://securepay.sslcommerz.com/public/image/SSLCommerz-Pay-With-logo-All-Size-03.png"> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="copyright"> <p>© 2023 <a href="https://iccteleservices.com">ICC Teleservices Ltd</a></p> </div> </div> </div> </footer> <!-- Footer End --> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v9.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Your Chat Plugin code --> <div class="fb-customerchat" attribution="setup_tool" page_id="101542001776572"> </div> <!-- modernizr js --> <script src="https://iccteleservices.com/public/front/js/modernizr-2.8.3.min.js"></script> <!-- jquery latest version --> <script src="https://iccteleservices.com/public/front/js/jquery.min.js"></script> <!-- bootstrap js --> <script src="https://iccteleservices.com/public/front/js/bootstrap.min.js"></script> <!-- owl.carousel js --> <script src="https://iccteleservices.com/public/front/js/owl.carousel.min.js"></script> <!-- slick.min js --> <script src="https://iccteleservices.com/public/front/js/slick.min.js"></script> <!-- isotope.pkgd.min js --> <script src="https://iccteleservices.com/public/front/js/isotope.pkgd.min.js"></script> <!-- imagesloaded.pkgd.min js --> <script src="https://iccteleservices.com/public/front/js/imagesloaded.pkgd.min.js"></script> <!-- wow js --> <script src="https://iccteleservices.com/public/front/js/wow.min.js"></script> <!-- counter top js --> <script src="https://iccteleservices.com/public/front/js/waypoints.min.js"></script> <script src="https://iccteleservices.com/public/front/js/jquery.counterup.min.js"></script> <!-- magnific popup --> <script src="https://iccteleservices.com/public/front/js/jquery.magnific-popup.min.js"></script> <!-- rsmenu js --> <script src="https://iccteleservices.com/public/front/js/rsmenu-main.js"></script> <!-- plugins js --> <script src="https://iccteleservices.com/public/front/js/plugins.js"></script> <!-- main js --> <script src="https://iccteleservices.com/public/front/js/main.js"></script> </body> </html>