SlideShare a Scribd company logo
1 of 2
Intro to HTML/CSS
             Class 1 Handout: Creating a New Project in Aptana
Create a new project in Aptana

   ●   On a Mac or PC: File -> New -> Web Project




   ●   Enter a name for your project and click “Next”. (We do not want to click Finish yet.)




                                                                                               1
●   After you click “Next”, you will need to check the box that says “Create the project using
    one of the templates”, and highlight “Basic Web Template”.




●   Then we can click “Finish”. This creates a project template with a single HTML page
    called index.html.




                                                                                                 2

More Related Content

What's hot

HTML 5 New Features:
HTML 5 New Features:HTML 5 New Features:
HTML 5 New Features:Reema
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching toolFiona Beal
 
How To Upload A Power Point Presentation On My Blog
How To Upload A Power Point Presentation On My BlogHow To Upload A Power Point Presentation On My Blog
How To Upload A Power Point Presentation On My Blogguest300668d
 
What to include in a boilerplate theme
What to include in a boilerplate themeWhat to include in a boilerplate theme
What to include in a boilerplate themeTim Brown
 
Projects In JavaScript And JQuery | Eduonix
Projects In JavaScript And JQuery | EduonixProjects In JavaScript And JQuery | Eduonix
Projects In JavaScript And JQuery | EduonixRakhi Lambha
 
My first blogging steps
My first blogging stepsMy first blogging steps
My first blogging stepsmonicagamisans
 
Smart Development-Happy Clients
Smart Development-Happy ClientsSmart Development-Happy Clients
Smart Development-Happy ClientsAbhishek Rijal
 
Content Aware WordPress Theming
Content Aware WordPress ThemingContent Aware WordPress Theming
Content Aware WordPress Themingcodeprokid
 
Getting Ready for Gutenberg
Getting Ready for GutenbergGetting Ready for Gutenberg
Getting Ready for GutenbergChris Lema
 
Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Darren Mosley
 

What's hot (20)

HTML 5 New Features:
HTML 5 New Features:HTML 5 New Features:
HTML 5 New Features:
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching tool
 
Html5 for beginners
Html5 for beginnersHtml5 for beginners
Html5 for beginners
 
How To Upload A Power Point Presentation On My Blog
How To Upload A Power Point Presentation On My BlogHow To Upload A Power Point Presentation On My Blog
How To Upload A Power Point Presentation On My Blog
 
What to include in a boilerplate theme
What to include in a boilerplate themeWhat to include in a boilerplate theme
What to include in a boilerplate theme
 
Projects In JavaScript And JQuery | Eduonix
Projects In JavaScript And JQuery | EduonixProjects In JavaScript And JQuery | Eduonix
Projects In JavaScript And JQuery | Eduonix
 
Gwt Presentation 1
Gwt Presentation 1Gwt Presentation 1
Gwt Presentation 1
 
Tf byowwhc
Tf byowwhcTf byowwhc
Tf byowwhc
 
Tf byowwhc
Tf byowwhcTf byowwhc
Tf byowwhc
 
My first blogging steps
My first blogging stepsMy first blogging steps
My first blogging steps
 
WebMatrix
WebMatrixWebMatrix
WebMatrix
 
Html5
Html5Html5
Html5
 
Smart Development-Happy Clients
Smart Development-Happy ClientsSmart Development-Happy Clients
Smart Development-Happy Clients
 
Content Aware WordPress Theming
Content Aware WordPress ThemingContent Aware WordPress Theming
Content Aware WordPress Theming
 
Session summary downloadable template 080511
Session summary downloadable template  080511Session summary downloadable template  080511
Session summary downloadable template 080511
 
Getting Ready for Gutenberg
Getting Ready for GutenbergGetting Ready for Gutenberg
Getting Ready for Gutenberg
 
Better than google.
Better than google.Better than google.
Better than google.
 
Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Classroom Blog Science Conf 09
Classroom Blog Science Conf 09
 
Enhance Enhance
Enhance EnhanceEnhance Enhance
Enhance Enhance
 
Portfolio121109
Portfolio121109Portfolio121109
Portfolio121109
 

Viewers also liked

Viewers also liked (7)

Wb mwan 7181 spec sheet_new
Wb mwan 7181 spec sheet_newWb mwan 7181 spec sheet_new
Wb mwan 7181 spec sheet_new
 
фер ферр(10 127)
фер ферр(10  127)фер ферр(10  127)
фер ферр(10 127)
 
Air defense spectrum_analysis_module_spec_sheet
Air defense spectrum_analysis_module_spec_sheetAir defense spectrum_analysis_module_spec_sheet
Air defense spectrum_analysis_module_spec_sheet
 
Articulo de revista
Articulo de revistaArticulo de revista
Articulo de revista
 
Cleaning leather furnitures
Cleaning leather furnituresCleaning leather furnitures
Cleaning leather furnitures
 
Date sheet 7th july 2012
Date sheet 7th july 2012Date sheet 7th july 2012
Date sheet 7th july 2012
 
Double visión2(1)
Double visión2(1)Double visión2(1)
Double visión2(1)
 

More from Erin M. Kidwell

Class 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddleClass 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddleErin M. Kidwell
 
Class 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web designClass 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web designErin M. Kidwell
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)Erin M. Kidwell
 
Class 3 Intro to HTML/ CSS Gdi cincinnati create a table layout with html (...
Class 3 Intro to HTML/ CSS Gdi cincinnati   create a table layout with html (...Class 3 Intro to HTML/ CSS Gdi cincinnati   create a table layout with html (...
Class 3 Intro to HTML/ CSS Gdi cincinnati create a table layout with html (...Erin M. Kidwell
 
Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Erin M. Kidwell
 
Class 2 handout (1) adding a css stylesheet
Class 2 handout (1) adding a css stylesheetClass 2 handout (1) adding a css stylesheet
Class 2 handout (1) adding a css stylesheetErin M. Kidwell
 
Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercisesErin M. Kidwell
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Erin M. Kidwell
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2Girl Develop It Cincinnati: Intro to HTML/CSS Class 2
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2Erin M. Kidwell
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Erin M. Kidwell
 

More from Erin M. Kidwell (10)

Class 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddleClass 4 handout w css3 using j fiddle
Class 4 handout w css3 using j fiddle
 
Class 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web designClass 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web design
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)
 
Class 3 Intro to HTML/ CSS Gdi cincinnati create a table layout with html (...
Class 3 Intro to HTML/ CSS Gdi cincinnati   create a table layout with html (...Class 3 Intro to HTML/ CSS Gdi cincinnati   create a table layout with html (...
Class 3 Intro to HTML/ CSS Gdi cincinnati create a table layout with html (...
 
Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Class 2 handout css exercises (2)
Class 2 handout css exercises (2)
 
Class 2 handout (1) adding a css stylesheet
Class 2 handout (1) adding a css stylesheetClass 2 handout (1) adding a css stylesheet
Class 2 handout (1) adding a css stylesheet
 
Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2Girl Develop It Cincinnati: Intro to HTML/CSS Class 2
Girl Develop It Cincinnati: Intro to HTML/CSS Class 2
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
 

Class 1 handout (1) aptana create a new presentation and stylesheet

  • 1. Intro to HTML/CSS Class 1 Handout: Creating a New Project in Aptana Create a new project in Aptana ● On a Mac or PC: File -> New -> Web Project ● Enter a name for your project and click “Next”. (We do not want to click Finish yet.) 1
  • 2. After you click “Next”, you will need to check the box that says “Create the project using one of the templates”, and highlight “Basic Web Template”. ● Then we can click “Finish”. This creates a project template with a single HTML page called index.html. 2