Skip to main content

Web Design For Beginners - 4. Your First Web Page

So now that you are all setup you can create your first web page. We could first go into the details and learn about each of the HTML tags but that would be less fun.




1. First you will need to open Aptana Studio 3.



2. Go to File --> New From Template --> HTML --> HTML 5 Template.


You now have the code for a functioning web page.


3. Save this file to your Desktop naming it index.html.

4. Go to your Desktop and open the index.html file by double clicking it. Your default web browser should open and the web page you just created should look something like like this:



5. Let's now change the title of the Title of your Webpage. The title of your webpage is displayed at the top of your browser window. As you can see in the screenshot above The title, right before " - Mozilla Firefox", is "HTML".
We can change the title by editing the code in Aptana Studio 3. Search for this code:

<title>HTML</title>

Now replace HTML with your name. Save the file (in Aptana) and refresh your browser window.
This should be the result.


In the next tutorial we will look at the structure of the HTML page and better understand the HTML tags.

Previous


Enjoy your new web page and stay tuned for the next tutorial in the Web Design For Beginners web series: Understanding the Structure of a HTML Page

Comments

Popular posts from this blog

iPhone 5 Rumor Roundup

Release Date The latest rumors regarding the iPhone 5 indicate that the official release date will be officially announced during the next Apple event which is to be held on September 12th 2012. According to Verizon CFO, Fran Shammo, Apple (AAPL) will stick to last year's release date and launch the iPhone 5 in October 2012. Although during the 2012 WWDC we had the opportunity to get some more details about iOS 6, no hardware specifications were released. source - 9to5mac.com Larger Screen The iPhone 5 is rumoured to have a larger, 4 inch retina display. source - Apple.pro Nano SIM According to the Financial Times, mobile carriers in Europe are stocking up on Nano SIM cards. This might be related to the release of the next generation iPhone. Smaller Dock Connector Another wide spread rumour is that Apple will release the iPhone 5 with a smaller, 8 pin dock connector. This means that new cables will be available for  new Apple devices released in the future. Did you hear any new rum...

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo

HTML Codes for Romanian Characters

Character Simple Code Numerical Code Hex Code Ă &#258; &#x102; ă &#259; &#x103; Â &Acirc; &#194; &#xC2; â &acirc; &#226; &#xE2; Î &Icirc; &#206; &#xCE; î &icirc; &#238; &#xEE; Ș &#x218; &#xDA; ș &#x219; &#xDB; Ş &#350; &#x15E; ş &#351; &#x15F; Ţ &#354; &#x162; ţ &#355; &#x163;