Developing a Website: Hands-On

• Course Info

  You Will Learn How To

  • Establish, configure and maintain an intranet or Internet website
  • Develop web pages using HTML and optimize layout with CSS
  • Configure a web server
  • Interface a website to a database for the dynamic storage and retrieval of data
  • Produce dynamic web pages using server-side and client-side scripts

  Hands-On Exercises

  

  • Creating standards-based web pages with HTML, XHTML and CSS
  • Converting a web page to HTML5
  • Adding DHTML effects to web pages
  • Enhancing your web page with images and image maps
  • Configuring and testing a web server
  • Interfacing your website to a database

  Your Choice

  

  Customize your hands-on Learning Method with your choice of PC usage: Pair Up or Sole Use. Learn More »

  Course 470 Content

  Introduction to the Web

  • Internet/intranet fundamentals
  • Web architecture
  • Exploring browsers
  • Search Engine Optimization (SEO)

  HTML: Hypertext Markup Language

  Building a web page with HTML and XHTML

  • Head and body elements
  • Formatting text with tags
  • Establishing hypertext links
  • Ordered/unordered lists
  • Designing tables to display data
  • Defining relative and absolute anchors

  Adding graphic elements

  • Making your pages graphical with embedded images
  • Adding interactivity with "clickable" images
  • Utilizing animated images to liven up a web page
  • Creating image maps to link parts of a single image

  Controlling page styles and layout with CSS

  • Attaching style properties to HTML tags
  • Creating and applying style sheets
  • Implementing a styled navigational menu
  • Applying styles with class and ID attributes

  Implementing a Web Server

  Web server functionality

  • Web server/browser communication
  • The HyperText Transfer Protocol (HTTP)

  Configuring a web server

  • Setting up the server directory structure
  • Deploying access configuration/security
  • Ongoing server administration

  Programming on the Server

  Server-side scripting

  • Client/server/script interaction
  • Exploring the operation of server-side web applications
  • Accessing data on the web server
  • Creating dynamic web pages
  • The difference between GET and POST requests

  Processing user data with forms

  • Capturing user input with HTML forms
  • Adding text fields, selection lists, check boxes and radio buttons to a web page
  • Configuring a form to invoke your server-side program when submitted
  • Processing form input with dynamic web pages

  Interfacing to a Database

  Relational databases and the web

  • Characterizing database records
  • Using SQL to manipulate the database

  Database-driven web pages

  • Opening a connection to a database
  • Storing data captured from forms
  • Performing dynamic queries on the database
  • Generating a response displaying query results

  Creating Dynamic Web Pages

  Adding interactivity with JavaScript

  • Incorporating JavaScript that executes in the web browser
  • Enhancing client-side functionality
  • Validating form content
  • Reacting to user actions

  Incorporating multimedia

  • Embedding animation and video content in web pages
  • Adding interactivity with plug-ins

  Creating interactive web pages with Dynamic HTML (DHTML)

  • Combining JavaScript and CSS
  • Dynamically positioning content within a page
  • Revealing and hiding page content
  • Implementing rollover graphics with DHTML

  XML and HTML5

  • Fundamentals of XML
  • Implementing an RSS feed on your site
  • Introducing HTML5

  Who Should Attend

  Those involved in establishing, developing or maintaining a website and anyone wanting to gain more knowledge about web technologies.

  Related Courses

  • JavaScript for Web Development - Course 489
  • HTML5 Web Development - Course 2320
  • XML Comprehensive Introduction - Course 542
  • Cascading Style Sheets (CSS) for Web Pages - Course 522
  • jQuery Comprehensive Introduction - Course 1610
  • Designing Websites for Mobile Devices - Course 2315

  Training Hours

  First Day Orientation:
  8:00 a.m. - 9:00 a.m.

  Standard Class Hours:
  9:00 a.m. - 4:30 p.m.

  Last Day Class Hours:
  9:00 a.m. - 3:30 p.m.

  Free Optional Course Exam Last Day:
  3:45 p.m. - 4:30 p.m.

  Each Class Day:
  Upon Request: Informal discussion with instructor about your work-specific projects or areas of special interest:
  4:30 p.m. - 5:00 p.m.

• More Course Info

  What is this course about?

  In this course you learn the fundamentals of Web site development. Participants learn the core technologies they need to understand before developing a Web site: how to develop Web pages, including designing pages and placing text, graphics and multimedia appropriately; how to add dynamic content to the site and interface to a database using server-side scripts; and how to configure a Web server. This course gives you the solid knowledge base in HTML and the operation of server-side processing that you need to establish and maintain a Web site quickly and efficiently.

  Who will benefit from this course?

  This course benefits people who are in the process of, or are considering, building, contributing to or maintaining a Web site for themselves or their organization. This includes:

  • Those in charge of designing, creating, implementing and maintaining a Web site
  • Web designers who need to understand the technical details and requirements of Web site development
  • Managers of Web developers and Webmasters who need to know what's involved

  System administrators are often interested in taking this course, especially if their organization is planning to establish a Web or intranet site. Programmers benefit from this course by learning HyperText Markup Language (HTML), permitting them to create dynamic Web pages with content and server-side programming. Graphic designers with a technical background benefit from understanding the technical side of maintaining a Web site.

  Does this course cover Cascading Style Sheets (CSS)?

  Yes. This course provides an introduction to using Cascading Style Sheets to format the contents of a Web page.

  For in-depth coverage of CSS, you may want to consider Course 522, Cascading Style Sheets (CSS) for Web Page Development: Hands-On.

  What background should I have?

  A working knowledge of computers and some experience using Windows is assumed. Knowledge of programming is not required, but is helpful. No special knowledge of networking is required.

  Does the course cover configuring a Web server?

  Yes, during the class you will actually configure a Web server. You will run the server on you computer and then establish a Web site using that server.

  Does the course cover server-side scripting?

  While no attempt is made in this course to teach programming, the overall operation of the Web browser /Web Server communication and server-side programming is discussed. Many options are available to perform server-side programming and all use the same basic mechanism for passing data between the server and the Web browser. Several scripts are implemented in the course for capturing form data and interfacing to databases.

  Does this course cover interfacing a Web site to a database?

  Yes. This course covers the process required to interface content on your Web site to a database. Capturing user input and inserting the data into a database and also retrieving records from a database and formatting for display in a Web browser are covered.

  Does the course cover JavaScript?

  While you don't learn programming in this course, you learn how to embed simple JavaScript programs in your Web page. Those interested in learning JavaScript programming can take Course 489, JavaScript for Web Development: Hands-On.

  Does this course cover HTML5?

  Yes, this course introduces HTML and contains a hands-on exercise to convert an existing page to use HTML semantics.

  How much time is devoted to each topic?

  Content	Hours
  Introduction to the Web	2.5
  HyperText Markup Language (HTML)	7.0
  Cascading Style Sheets	5.0
  Implementing a Web server	2.0
  Creating dynamic Web pages	4.0
  Interfacing to a DBMS	2.0
  Multimedia	1.0
  JavaScript and DHTML	1.5

  Times, including the workshops, are estimates; exact times may vary according to the needs of each class.

  What kinds of hands-on exercises are completed during the course?

  Approximately 40% of the course is spent in hands-on exercises. By the end of the course, you have created a fully functioning Web site, complete with home page and subsidiary pages, text, graphics, and multimedia. The Web site includes forms that capture customer data and an interface to a database management system. You also configure your own Web server.

  I'm attending this course from work using AnyWare - Learning Tree's web-based remote attendance platform. How will that impact what I learn?

  You will participate fully in the course and acquire the same knowledge and skills as your classmates who participate in the classroom. You will have the same course materials, be able to easily communicate back and forth and ask questions of your instructors and peers, and you will control an in-classroom workstation dedicated entirely to you. Your instructor will be able to see exactly what you're doing and can interactively offer concrete help.

  How is the classroom set up for the exercises?

  The normal classroom set-up uses PCs running Windows Server 2008. The PCs are equipped with the latest Internet Explorer, FireFox, Safari, Chrome, and Opera browsers and a variety of commercial, shareware and freeware software.

  Does this course cover the XHTML specification?

  Yes, this course briefly introduces the XHTML specification. All course examples conform to XHTML.

  How does this course relate to other Learning Tree courses?

  • 471, Java Programming: A Comprehensive Hands-On Introduction provides extensive experience in Java, a programming language used to develop dynamic content for Web pages. Course 471 is a natural successor to Course 470
  • 522, Cascading Style Sheets (CSS) for Web Page Development: Hands-On provides the skills to design and develop efficient, accessible, cross-browser compatible and visually attractive Web pages using CSS and HTML
  • 489, JavaScript for Web Development: Hands-On provides hands-on experience in client-side JavaScript and JScript
  • 542, XML: A Comprehensive Hands-On Introduction provides experience writing and validating well-formed XML documents
  • 1501, SharePoint® 2010 Technologies: A Comprehensive Hands-On Introduction provides the fundamental knowledge and skills necessary to plan, design, deploy and utilize a real-world SharePoint solution for your organization

  You may also be interested in these following courses:

  • 940, Securing Web Applications, Services and Servers: Hands-On

• Certification/Credits

  Many Learning Tree courses provide industry continuing education credits. You can also earn a Learning Tree Professional Certification in your area of expertise and prepare for popular industry certifications. For continuing professional development information, click here.

• Tuition

  4-Day Tuition	Per Attendee	Notes
  Commercial	$3,220	Click here for multi-course savings plans. Tuition payment is not required at time of enrolment.
  Government	$2,830