Web Development with HTML5 and CSS3
Details
Outline
- Introduction to HTML
- HTML Elements
- HTML Attributes
- Your First Web Page
- Adding Line Breaks
- Adding Spaces
- Adding Paragraphs
- Adding Headings
- Adding Links
- Adding Images
- Commenting Your Code
- Validating Your Code
- Formatting Text
- Basic For Bolding, Italicizing and Underlining Text
- Creating Subscripts and Superscripts
- Making Text Small
- Highlighting, Striking, Quoting Text
- Displaying Computer Code
- Writing Preformatted Text
- Creating Unordered Lists
- Creating Ordered Lists
- Formatting with CSS
- Cascading Style Sheets
- Linking CSS to your HTML page
- CSS Selector
- Using Colors
- Using Fonts
- Using Google Fonts
- Setting Font Size, Style and Weight
- Setting Text Alignment
- Adding Text Shadows
- Adding Background Images
- Adding Effects to Links
- Working with Tables
- Creating a Table
- Defining Rows, Cells, Headers
- Adding a Table Caption
- Displaying Table Borders
- Creating Rounded Borders and Drop Shadows
- Adding Table Padding
- Defining Row Height
- Specifying Alignment
- Collapsing Borders
- Setting Table and Column Width
- Merging Rows and Columns
- Laying Out a Web Page
- Layouts using
and
- Centering the contents of a
block
- Setting the Alignment of
Contents
- Centering a
Block
- Adjusting a Block's Width
- The Box Model, Padding, Margins and Borders
- Positioning Elements
- Creating a Simple Layout
- Wrapping Text Around Pictures
- Descendant Selector
- Layouts using
- Creating HTML Forms
- Creating forms
- Input Elements
- Text Fields, Password Fields and Text Areas
- Entering Dates
- Radio Buttons and Check Boxes
- Drop-down Lists and List Boxes
- Autocomplete Fields with dataset
- Grouping Form Fields with fieldset
- Submit button
- HTML5 and CSS3
- HTML5 Canvas
- Importing Objects
- Importing Video
- Importing Audio
- Background Images
- Gradients
- 2d Transforms
- 2d Transitions
- Animations
- Creating Mobile-Friendly Pages using Bootstrap
- Downloading and Linking to Bootstrap
- Using Bootstrap CSS Styles
- Using Bootstrap Components
- Creating Responsive Pasges
- Deploying Your Website
- Web Servers
- Copying Your HTML Files to the Web Server
- Accessing Your Pages
- The Default Page
- Content Management Systems
ActiveLearning, Inc. is the Philippines' leading provider of Information Technology and Project Management education, where thousands of students take courses from Application Development to Project Management to Network Security, and much more. Our courses are taught by expert instructors, and learning is enhanced through a blend of in-depth lectures, workshops, and hands-on exercises.
Expert Instructors
Learn from expert instructors who practice what they teach. Our instructors are involved in constant research and development, who constantly apply the lessons they teach, and who know the same technical issues you face every day.
Superior Courseware
Our courseware go through rigorous evaluation before they are released for instruction. By constantly monitoring industry developments, we make sure that you get course materials that are up to date.
Interactivity
More than just classroom lectures, practical, hands-on exercises are carefully developed for you to immediately put in to practice what you learn. By being immersed in a classroom setting, you get to participate, inquire, and be involved - all essential in expediting the learning process. Aspects you won't find in Computer-Based-Training and self-study. ...