HTML webmaking tutorial

If you need help with something which doesn't fit in to another forum section, then post here.

Postby wildross on Thu Dec 15, 2005 2:30 am

|--UPDATE,

ADDED AN IMAGE ON TABLE SPANING,
Sorry to the ppl i let down :-(
User avatar
wildross
UKCS Sponsor
 
Player: Ross (WR)
STEAM_0:0:6979202
 
Posts: 2942
Joined: Thu Jun 09, 2005 3:48 pm
Location: plymouth, Southwest, uk

Postby wildross on Thu Dec 15, 2005 3:49 pm

Right now we will move on to Frames and iframes, As each one is different I will break them down and do them 1 at a time,

FRAMES

Frames - a frame is a page with in a page if that makes sense, Wildmedia’s main page has 3 frames,

- top
- left
- main


Why have I done this? – simply because you can code one frame to open in a nother and it saves reloading the whole site,

Example, on WM in the top frame I have all my links, once a link is clicked it loads the page in the main frame, no other page is reloaded,

Be low is the frame code
Code: Select all
<HTML> <head>
<title>Frames part 1 </title>

 <FRAME name=frames_1 src="frames_1.html" noResize scrolling=no>

<FRAMESET border=0 frameSpacing=0 rows=224,403,* frameBorder=NO colspan=2>
 <FRAME name=top src="top.html" noResize scrolling=no colspan=2>

<FRAMESET border=0 frameSpacing=0 cols=193,580 frameBorder=NO>
   <FRAME name= "left" src="left.html" noResize scrolling=no>
              <FRAME name= "main" src="home.html" noResize>
      </FRAMESET>

     <FRAME name=bottom src="bottom.html" noResize scrolling=no frameBorder=NO colspan=2>
</FRAMESET>
</FRAMESET>
</HTML>


The code above give you this effect, click here

Ok you have already been show a lot about this with the past posts,
Here are the things we have done befor

- <title> </title>
- Colspan
- Sourcing
- And borders.

The colspan is just like with the tables. And you can have row spanning also, its done exactly how the tables are done.

The thing you may find most confusing is

Code: Select all
cols=193,580
rows=224,403,*


This simply gives dimensions to each frame;
Cols – read from left to right
Rows - read from top to bottom

As u can see for the last dimention on the ROWS I used * (star), this is because I want the bottom frame (bottom.html) to fill what ever space was left on the screen,

For dimentions you can use, % of a page, defined numbers and *


Still winning? Hope so


Within each page you can do what you would normal do on any page, images, linking, linking images, all normal stuff seen as it’s a page after all

But one thing you might want to know is how you “target” a frame, by targeting I mean, when you click a link it opens in a defined frame. I will show you how,

Code: Select all
<A HREF="http://www.wild-media.net" TARGET="main">


When you click this link on a page it would open in the frame with the name ‘main’ because that’s its defined target,

Even you if you want the frame to open with in its self you have to wright the frame name,

So if the link was in the top frame you would Wright

Code: Select all
<A HREF="http://www.wild-media.net" TARGET="top">


I think that’s enough for now, I will move on to Iframes abit later on
Sorry to the ppl i let down :-(
User avatar
wildross
UKCS Sponsor
 
Player: Ross (WR)
STEAM_0:0:6979202
 
Posts: 2942
Joined: Thu Jun 09, 2005 3:48 pm
Location: plymouth, Southwest, uk

Postby egbakaet on Thu Dec 15, 2005 9:33 pm

Yet again, another quality tutorial mate. Cheers.


egbakaet
Regular Member
 
0:1:696545
 
Posts: 133
Joined: Sun May 15, 2005 9:35 pm

Postby wildross on Fri Dec 16, 2005 9:11 am

My mate just asked me why his site wasnt working, after looking over his files i seen his folder structer and file name was wrong. so i will make this post from college for you

Directory

How to structure your directorys -

ok so you made all these pages and want to host them, thats fine you just need to do them in the right order

The home page as you may want to call it, the page which you want every one to see first me be called index.html

Any other page after that can be called what ever you like as long as the names match the links they are linked to

A little tip for you,

If you have 2 pages within the same folder on the webser, and you want to link one to the other, you only need to wright the file name. not the whole web address, see below

Code: Select all
<a href="port.html" target="main">


this will link to the page called "port.html"

IMAGES

I have all my images in a folder called "images" this just makes working with your webfolder a whole lot easyer to manage.

like with the links you dont have to wright the full address, you can wright part of it, see below
Code: Select all
<img src="images/portbutton.jpg"


This is my image for the portfolio button, as you can see from the code it is in the images folder and is called portbutton

There, now on to do some college work
Sorry to the ppl i let down :-(
User avatar
wildross
UKCS Sponsor
 
Player: Ross (WR)
STEAM_0:0:6979202
 
Posts: 2942
Joined: Thu Jun 09, 2005 3:48 pm
Location: plymouth, Southwest, uk

Postby Jazza on Fri Dec 16, 2005 7:18 pm

Ross 4tw! well done matey, i will need this for my assignment in march :D.
Image
User avatar
Jazza
UKCS Sponsor
 
Player: Jazza
STEAM_0:0:5035245
 
Posts: 6733
Joined: Sun Mar 13, 2005 4:55 pm
Location: Newcastle, UK



Image

Postby egbakaet on Sat Dec 17, 2005 1:52 am

LOL, that's the easiest tut you guys are gonna see. Nice tut Ross :P


egbakaet
Regular Member
 
0:1:696545
 
Posts: 133
Joined: Sun May 15, 2005 9:35 pm

Postby wildross on Tue Dec 20, 2005 8:17 pm

Any one done anything that i can see :P befor i wright the next one?
Sorry to the ppl i let down :-(
User avatar
wildross
UKCS Sponsor
 
Player: Ross (WR)
STEAM_0:0:6979202
 
Posts: 2942
Joined: Thu Jun 09, 2005 3:48 pm
Location: plymouth, Southwest, uk

Postby Ionis on Fri Apr 21, 2006 12:28 pm

Looks like you have covered the basics of HTML, with those tutorials you could make a pretty decent website if you have some good design ideas.

I couldnt get my head around tables at first but now I know them more than the contents of my underwear, my advice to anyone who doesn't understand any of this, just experiment and see what does what. I suggest an editor such as Macromedia Dreamweaver MX, you can edit pure code or use the design view for a more user friendly aproach to new webbers.


Ionis
Home Member
 
Player: Ionis
STEAM_0:1:8888630
 
Posts: 265
Joined: Sun Mar 12, 2006 8:26 pm
Location: Kingston Upon Hull, United Kingdom

Postby sarie on Fri Apr 28, 2006 1:48 pm

I learned HTML from just saving a page to my desktop and playing with the source code to see what it would change. For more advanced stuff i checked out tutorials online but definately tinkering with readymade sourcecode was the best way for me to learn :D

Also, css stylesheets are wonderfully handy in saving you reams of font, colour and hyperlink code.

http://www.w3schools.com/css/css_intro.asp

Have fun :)


sarie
UKCS Life Sponsor
 
Player: Sarie
STEAM_0:1:10848049
 
Posts: 3874
Joined: Mon Apr 24, 2006 11:56 pm
Location: Derby

PHP Photo Gallery to HTML (SOLVED)

Postby CartmanPT on Sun Jul 27, 2008 8:38 am

Hi all!

Since im a new to the making webpages "business" i need your help.

Until now, i as modifing a webpage in Frontpage, but now i decided to switch to Macromedia Dreamweaver. Its a huge step for me, but i think its worth it.

I have in my website a number of pictures of people and when you click, it goes to the respective page, but i've seen another website, that has a cool photo gallery. I wanted something like, when you click on the photos, that it opens them in fullscreen (browser) without going to another page. See this website to see what i want.

From what i've understood, that website its in PHP but mine is in HTML, i would like to know if its possible to make something, like that gallery but in HTML or flash. I have Macromedia Dreamweaver and Flash MX, but i searched on the internet and it seems that Adobe Fireworks could do the trick.

Thank you in advance! 8)
CartmanPT

----------- Edit -----------

Ok, i solved my question. I just used the Lightbox and it does what i want.

Thank you in advance! 8)
CartmanPT
Image
Greetings!
Im Cartman of the Tauri from the planet Earth.
User avatar
CartmanPT
UKCS Sponsor
 
Player: CartmanPT
STEAM_0:0:2670333
 
Posts: 291
Joined: Sun Feb 17, 2008 7:28 pm
Location: Portugal

Re: HTML webmaking tutorial

Postby jacobcak545 on Fri Feb 05, 2021 10:20 am

Cheap NHL Jerseys
Cheap NBA Basketball Jerseys
Jerseys Wholesale
Wholesale Jerseys
NFL Apparel
Nike Free Rn 2019
Cheap NBA Jerseys
Louboutin
Cheap Jordan Shoes
Cheap Jerseys
NHL Jerseys
Wholesale Jordans
Air Max
Nike Wholesale
NMD R1
Nike Huarache
Nike Air Force 1 Low
Pandora Charms
Nikes Wholesale
Pandora Jewelry Official Site
Air Jordan 33 shoes
Cheap Football Jerseys
Air Jordan Shoes
MLB Baseball Jerseys
Jordans Wholesale
NHL Jerseys
New NFL Jerseys
Wholesale Jordan Shoes
Cheap Jerseys China
Nike Running Shoes For Men
Cheap NHL Jerseys
Nike Blazer Mid
NFL Shop Jerseys
Cheap NFL Jerseys
Christian Louboutin
Nike
NFL Jerseys
Air Force 1
Wholesale NFL Jerseys
Cheap Jordans Wholesale
NBA Jerseys
Cheap Jerseys Wholesale
Jerseys Cheapest
Nike Shoes Outlet Store Online Shopping
Nike Zoom
Christian Louboutin Outlet
Adidas China
Yeezy
Jordan Shoes From China
Nike Lunarlon
Nike SB
Nike Outlet Store
Pandora
Pandora Jewelry Official Site
Pandora Charms Bracelet
Nike Huaraches
Nike Air Jordan
Jerseys Wholesale
Nike Outlet
Cheap Nike Shoes
Christian Louboutin
Adidas Shoes For Women
Jordan 1 Retro
Adidas Outlet
Moncler Outlet
Louboutin Shoes
NFL Shop Official Online Store
Cheap Jerseys Wholesale
Rings Pandora
Official Nike Outlet Online Store
Nike Shoes
Cheap NBA Basketball Jerseys
Cheap Jerseys
NFL Shop
Nike Cortez
Football Jersey
NFL Store
Nike Metcon
Cheap Jordan 1
Pandora Jewelry 70% off Clearance
Pandora Jewelry
NBA Store
Cheap NHL Jerseys
Nike Slippers
Pandora Jewelry 70 Off Clearance
Adidas Outlet
Cheap MLB Baseball Jerseys
Lebron Shoes
MLB Shop
Wholesale Jerseys China
Nike Outlet Online
Nike Sneakers
NFL Jerseys Wholesale
Jordan 5
NFL Store
New Jordan
MLB Jerseys China
Nike Epic React
NBA Apparel
Air Max 270
Air Jordan 33
Adidas Yeezy Boost 350 V2
Fila Shoes
Jerseys Cheap
NFL Fan Shop
Wholesale Nike Shoes
Nike Air Max 720
Nike Sneakers
Cheap Jerseys Wholesale
Cheap Jordan Shoes For Women
Cheap NFL Jerseys
NFL Jerseys
Wholesale Jordans From China Factory
Air Force Ones
Air Jordan Shoes
Nike Huaraches
Nike Zoom Fly
MLB Jerseys
Cheap NBA Jerseys From China
Adidas Yeezy
Air Jordan 12
Nike Air Max 270 Flyknit
Shoes Wholesale
NHL Jerseys
Pandora UK
Wholesale Nike Shoes China
MLB Jerseys Wholesale
MLB Official Site
Nike Foamposite
Pandora Charms
Nike Air Force Ones
Nike Clearance
NFL Jerseys
Nike Shoes Cyber Monday Sales
Cheap Jerseys From China
Cheap Jerseys Sale
Nike Outlet Store
Football Jerseys
NFL Jerseys
Nike Wholesale Suppliers
Air Force 1
Wholesale Jordans
Wholesale Jordan Shoes
Nike Air Max
Pandora Rings Official Site
Nike Shoes
Wholesale Nike Shoes
Wholesale Jerseys
MLB Jerseys
Wholesale Adidas
NHL Jerseys
Soccer Jerseys
Cheap Jerseys Wholesale
Nikes Shoes
Cheap NFL Jerseys From China
Pandora Charms Sale Clearance
Fjallraven Kanken Official Site
Nike Running Shoes
Nikes
Pandora Jewelry
NFL Shop Official Online Store
Cheap Jerseys
Nike Wholesale Distributors
Adidas Wholesale
Nike Roshe
Off White Nike
Cheap NFL Jerseys From China
Cheap Jerseys From China
Wholesale NFL Jerseys
Nike Outlet Store
Adidas Shoes
Cheap Jerseys
Adidas China
Nike Air Force 1
NHL Gear
NBA Jerseys
Nike Hyperdunk
Air Max 95
Cheap Nike Shoes From China Wholesale
Cheap NFL Jerseys
Air Jordan 4
Nike Store
Adidas Canada
Nike Canada
NBA Store Canada
Pandora Bracelet
Nike UK
Jordan Retro 11
Wholesale Jerseys
Wholesale NBA Jerseys


jacobcak545
Home Member
 
3242342354
 
Posts: 833
Joined: Fri Feb 28, 2020 1:57 pm

Previous

Return to I need help with...

Who is online

Users browsing this forum: CommonCrawl [Bot] and 0 guests