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 --> <p>&nbsp;</p> <footer class="main-footer footer-style-three position-relative" style="background-color: #311e02 !important;"> <div class="container"> <div class="widgets-section"> <div class="row g-5 g-xl-0"> <div class="col-lg-4 footer-column"> <div class="footer-widget about-widget pe-lg-5"> <div class="logo"> <a href="https://iccteleservices.com/"><img src="https://iccteleservices.com/assets/images/logo.png" alt="ICC Teleservices Ltd"></a> </div> <div class="widget-content"> <p class="text"> ICC Teleservices Ltd is a trusted ICT infrastructure, network solutions, and managed IT service provider delivering secure, scalable, and enterprise-grade technology solutions across Bangladesh. </p> </div> </div> <div class="d-flex flex-wrap align-items-center gap-4"> <div class="g-ytsubscribe" data-channelid="UCfTyO9Ucu_TyTFs5TdAbhpQ" data-layout="full" data-theme="dark" data-count="hidden"></div> <div class="mt-4"> <img src="https://icc.com.bd/assets/img/Iso.png" style="max-width: 100px;"> </div> </div> </div> <div class="col-lg-8"> <div class="row g-4 g-xl-0"> <!-- Core Services --> <div class="col-sm-6 col-xl-3 footer-column"> <div class="footer-widget links-widget"> <h4 class="widget-title">Core Services</h4> <div class="widget-content"> <ul class="user-links"> <li><a href="https://iccteleservices.com/networking.html">Network & IT Infrastructure </a></li> <li><a href="https://iccteleservices.com/communications.html">Unified Communications & 3CX</a></li> <li><a href="https://iccteleservices.com/cloud.html">Cloud & Data Center Solutions</a></li> <li><a href="https://iccteleservices.com/cybersecurity.html">Cybersecurity Solutions</a></li> <li><a href="https://iccteleservices.com/training.html">Professional Training</a></li> </ul> </div> </div> </div> <!-- Enterprise Solutions --> <div class="col-sm-6 col-xl-3 footer-column"> <div class="footer-widget links-widget"> <h4 class="widget-title">Enterprise Solutions</h4> <div class="widget-content"> <ul class="user-links"> <li><a href="https://iccteleservices.com/power-backup-solutions.html">Power Systems & Backup</a></li> <li><a href="https://iccteleservices.com/system-integration.html">System Integration</a></li> <li><a href="https://iccteleservices.com/it-services.html">Managed IT Services</a></li> <li><a href="https://iccteleservices.com/software-development.html">Software & Web Development</a></li> </ul> </div> </div> </div> <!-- Training --> <div class="col-sm-6 col-xl-3 footer-column"> <div class="footer-widget links-widget"> <h4 class="widget-title">Training</h4> <div class="widget-content"> <ul class="user-links"> <li><a href="https://training.iccteleservices.com/ciscocertification">Cisco Certification</a></li> <li><a href="https://training.iccteleservices.com/RedHatCertification">Red Hat Certification</a></li> <li><a href="https://training.iccteleservices.com/ITManagement">IT Management</a></li> <li><a href="https://training.iccteleservices.com/Oracle">Oracle</a></li> </ul> </div> </div> </div> <!-- Contact --> <div class="col-sm-6 col-xl-3 footer-column"> <div class="footer-widget links-widget contact-widget"> <h4 class="widget-title">Contact</h4> <div class="widget-content"> <ul class="user-links"> <li> <i class="fa-solid fa-location-dot"></i> <a href="#"> Plot: I/15-18, Lane: 6, Block-D, Pallabi, Mirpur-12, Dhaka-1216 </a> </li> <!-- <li> <i class="fa-solid fa-location-dot"></i> <a href="#"> Sales Office: House 2/E, Road 29, Gulshan Lake Palace, Dhaka 1212 </a> </li> --> <li> <i class="fa-solid fa-envelope"></i> <a href="mailto:info@iccteleservices.com"> info@iccteleservices.com </a> </li> <li> <i class="fa-solid fa-phone"></i> <a href="tel:09639223223"> 09639223223 </a> </li> </ul> </div> </div> <div> </div> </div> </div> </div> </div> </div> <div class="mb-4"> <img class="img-fluid" src="https://iccteleservices.com/assets/img/ssl.png" alt="ssl commerz"> </div> <div class="footer-bottom"> <p class="copyright-text"> © <script> document.write(new Date().getUTCFullYear()); </script> ICC Teleservices Ltd. All Rights Reserved. </p> <ul class="footer-nav"> <li><a href="https://iccteleservices.com/terms-conditions.html">Terms & Conditions</a></li> <li><a href="https://iccteleservices.com/privacy-policy.html">Privacy Policy</a></li> <li><a href="https://iccteleservices.com/refund-policy.html">Refund Policy</a></li> </ul> </div> </div> <button class="goTop-btn"><i class="fa-solid fa-angles-up"></i> <i class="fa-solid fa-angles-up"></i></button> <div class="sec-shape"> <img class="animation__rotateY" src="https://iccteleservices.com/assets/images/shape/dual-circle420.png" alt="Image"> </div> <!-- <div class="box-shape"> <div class="box1 wow slideInUp" data-wow-delay="200ms" data-wow-duration="1500ms"></div> <div class="box2 wow slideInLeft" data-wow-delay="200ms" data-wow-duration="1500ms"></div> </div> --> </footer> <script src="https://iccteleservices.com/assets/js/jquery.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/assets/js/popper.min.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/assets/js/bootstrap.min.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/assets/js/slick.min.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/assets/js/slick-animation.min.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/https://iccteleservices.com/assets/js/jquery.fancybox.js"></script> <script src="https://iccteleservices.com/https://iccteleservices.com/assets/js/wow.js"></script> <script src="https://iccteleservices.com/assets/js/appear.js"></script> <script src="https://iccteleservices.com/assets/js/mixitup.js"></script> <script src="https://iccteleservices.com/assets/js/flatpickr.js"></script> <script src="https://iccteleservices.com/assets/js/swiper.min.js"></script> <script src="https://iccteleservices.com/assets/js/gsap.min.js"></script> <script src="https://iccteleservices.com/assets/js/ScrollTrigger.min.js"></script> <script src="https://iccteleservices.com/assets/js/SplitText.min.js"></script> <script src="https://iccteleservices.com/assets/js/nice-select.min.js"></script> <script src="https://iccteleservices.com/assets/js/knob.js"></script> <script src="https://iccteleservices.com/assets/js/parallax.js"></script> <script src="https://iccteleservices.com/assets/js/vanilla-tilt.js"></script> <script src="https://iccteleservices.com/assets/js/splitting.js"></script> <script src="https://iccteleservices.com/assets/js/splitType.js"></script> <script src="https://iccteleservices.com/assets/js/script-gsap.js"></script> <script src="https://iccteleservices.com/assets/js/script.js"></script> <script src="https://apis.google.com/js/platform.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script> <script> var swiper = new Swiper(".clients-slider", { loop: true, slidesPerView: 6, spaceBetween: 30, autoplay: { delay: 2500, disableOnInteraction: false, }, breakpoints: { 0: { slidesPerView: 2 }, 576: { slidesPerView: 3 }, 768: { slidesPerView: 4 }, 992: { slidesPerView: 5 }, 1200: { slidesPerView: 6 } } }); var swiperPartners = new Swiper(".partners-slider", { loop: true, slidesPerView: 5, spaceBetween: 30, autoplay: { delay: 2500, disableOnInteraction: false, }, breakpoints: { 0: { slidesPerView: 2 }, 576: { slidesPerView: 3 }, 768: { slidesPerView: 4 }, 992: { slidesPerView: 5 } } }); </script> <script> document.querySelectorAll('.tech-tab').forEach(tab => { tab.addEventListener('click', function () { document.querySelectorAll('.tech-tab').forEach(btn => btn.classList.remove('active')); document.querySelectorAll('.tech-content').forEach(content => content.classList.remove('active')); this.classList.add('active'); document.getElementById(this.dataset.tab).classList.add('active'); }); }); </script> <!-- 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://training.iccteleservices.com/public/front/js/modernizr-2.8.3.min.js"></script> <!-- jquery latest version --> <script src="https://training.iccteleservices.com/public/front/js/jquery.min.js"></script> <!-- bootstrap js --> <script src="https://training.iccteleservices.com/public/front/js/bootstrap.min.js"></script> <!-- owl.carousel js --> <script src="https://training.iccteleservices.com/public/front/js/owl.carousel.min.js"></script> <!-- slick.min js --> <script src="https://training.iccteleservices.com/public/front/js/slick.min.js"></script> <!-- isotope.pkgd.min js --> <script src="https://training.iccteleservices.com/public/front/js/isotope.pkgd.min.js"></script> <!-- imagesloaded.pkgd.min js --> <script src="https://training.iccteleservices.com/public/front/js/imagesloaded.pkgd.min.js"></script> <!-- wow js --> <script src="https://training.iccteleservices.com/public/front/js/wow.min.js"></script> <!-- counter top js --> <script src="https://training.iccteleservices.com/public/front/js/waypoints.min.js"></script> <script src="https://training.iccteleservices.com/public/front/js/jquery.counterup.min.js"></script> <!-- magnific popup --> <script src="https://training.iccteleservices.com/public/front/js/jquery.magnific-popup.min.js"></script> <!-- rsmenu js --> <script src="https://training.iccteleservices.com/public/front/js/rsmenu-main.js"></script> <!-- plugins js --> <script src="https://training.iccteleservices.com/public/front/js/plugins.js"></script> <!-- main js --> <script src="https://training.iccteleservices.com/public/front/js/main.js"></script> </body> </html>