[go: up one dir, main page]
Scribd
Upload
32 views2 pages

Web Design

The document outlines a 24-hour web design course offered by the Sina Institute of Networks & Aesthetics, covering topics such as HTML, CSS, image handling, hyperlinks, and advanced CSS techniques. It includes practical exercises like creating layouts, managing styles, and integrating JQUERY into websites. The course aims to equip students with the skills to build and design functional web pages.

Uploaded by

aw2678403
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
32 views2 pages

Web Design

The document outlines a 24-hour web design course offered by the Sina Institute of Networks & Aesthetics, covering topics such as HTML, CSS, image handling, hyperlinks, and advanced CSS techniques. It includes practical exercises like creating layouts, managing styles, and integrating JQUERY into websites. The course aims to equip students with the skills to build and design functional web pages.

Uploaded by

aw2678403
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Sina Institute of Networks & Aesthetics

Web Design Course Outline Content Hours: 24

Content Details
Introduction to building a web page
 What is HTML?
 Setting Up the Text Editor to Create XHTML
 Creating Your First HTML File
1  Adding Formatting Tags & Previewing in a Browser
 Getting Started with Cascading Style Sheets
 How Pages are Served Up
 Choosing an Editor
 Project Management
Creating HTML documents
 Understanding Tags, Elements & Attributes
 Defining the Basic Structure with HTML, HEAD & BODY
 Assigning a Title & Using Paragraphs
 Using Heading Tags & Whitespace
2
 Creating Unordered & Ordered Lists
 Fine-tuning Tags with Attributes
 Adding Bold & Italics
 Understanding How a Browser Reads HTML
 Doc Types & Browsers
Introduction to CSS
 What is CSS?
 Internal Style Sheets, Selectors, Properties & Values
 Building & Applying Class Selectors
3
 Grouping Selectors
 Creating Comments in Your Code
 Using Div Tags & IDs to Format Layout
 Understanding the Cascade & Avoiding Conflicts
Adding images
 Image Formats & Production Considerations
 Optimizing Images for the Web
4
 Introducing the IMG Tag
 Relative vs. Absolute URLs
 Fine-Tuning with Alt, Width & Height Attributes
Anchors & hyperlinks
 Creating Hyperlinks to Outside Websites
 Creating Hyperlinks Between Documents
5
 Linking to Email Addresses
 Linking to a Specific Part of a Webpage
 Linking Images

693, Rehman Road, Sector I-8/4 Islamabad, Pakistan-44000


Ph.: 051-4864925-26 | Web: www.sina.com.pk | www.sina.edu.pk | Email: info@sina.edu.pk | Facebook/sina.edu.pk
Sina Institute of Networks & Aesthetics

Content Details
More CSS techniques
 Managing CSS with External Style Sheets
 The CSS Box Model: Padding, Borders & Margins
6
 Styling Unordered & Ordered Lists with CSS
 Overriding the Inheritance of Attributes
 Using HTML Comments
Creating layouts
 Adding a Side Content Div to Your Layout
 Applying Absolute Positioning
 Applying Relative Positioning
7
 Using the Float & Clear Properties
 Understanding Overflow
 Creating Auto-Centering Content
 Using Fixed Positioning
Advance CSS
 Reviewing CSS linking and setup
 Understanding levels of inheritance
 Understanding levels of style sheets
 Apply styles with SPAN and DIV
8
 Understanding units of measure in CSS
 Adding a Side Content Div to Your Layout
 Using the Float & Clear Properties
 Understanding Overflow
 Creating Auto-Centering Content
Building a web site with CSS positioning
 Exploring the finished web site
 Building a document header
 Placing a contact button
9
 Laying out a main menu
 Creating a layout template pt. 1: Main body area
 Creating a layout template pt. 2: Sidebar area
 Creating a layout template pt. 3: Footer content
Introduction of JQUERY
 Searching the JQUERY
 Create JQUERY Headers
10  Search and integrate
 JQURY Sliders and animations
 Implement JQUERY into your website
 Create JQUERY menus in you html

693, Rehman Road, Sector I-8/4 Islamabad, Pakistan-44000


Ph.: 051-4864925-26 | Web: www.sina.com.pk | www.sina.edu.pk | Email: info@sina.edu.pk | Facebook/sina.edu.pk

You might also like