Jump to content
xisto Community
Sign in to follow this  
wykked_dreamz

Help Needed With Html, Css And Frames I havent coded in years

Recommended Posts

Okay, the last time I actually coded something it was basic html. I lived of frames and I thought that my websites were the best thing on the internet. But just because I had mastered enough to make a decent webpage, it still isn't enough. i love coding webpages, but html isn't the best script to use. I've been seeing a lot of CSS style sheets and php tutorials, and my favorite layouts are all div and table. So, I was wondering, can you target a link into a certain part of the webpage on any of these "new" scripts like you could in frames. I don't want to have to copy and paste the script on EVERY page so that the layout is constant. I want to have a menu but I dont want to have to edit EVERY page when I change the menu. What should I use? :lol:

Edited by microscopic^earthling (see edit history)

Share this post


Link to post
Share on other sites

I had to read your question a couple of times but I think I got it now.

 

There are many ways to achieve the effect you want with out having to edit ever web page every time you update the site.

 

Frames - You said you know how to d basic HTML frames.

Iframes - Similar to the frame but instead of dedicating a whole file to host the frames, the main page hosts the iframe anywhere on the page.

SSI - Server Side Includes where you can include a files content into the page where the include tag is placed.

JavaScript - Where the JavaScript actually generates the html but the JavaScript is stored on the server as a .js file.

PHP - Using PHP, include a files contents into the page where the include code is placed.

 

 

I recommend using PHP to insert html into your webpages.

This way you could have header, footer, menu, banner files that you could edit anytime and would automatically update every page when uploaded.

This is actually very easy to do in PHP.

Here is a very basic example to insert a header:

.......<body><?php include("http://forums.xisto.com/no_longer_exists/;; ?></body>.......

Then save your main page as an php file (.php) and create an html snippet file called header.php

 

If header.php containted the following html:

<table><tr><td><center>Welcome to my Website!</center></td></tr></table>

The result would be:

[TABL]

Welcome to my Website!

[/TABL]

 

Then if you wanted to change your welcome message, just edit header.php

 

Hope this helps. :lol:

 

vujsa

Share this post


Link to post
Share on other sites

Okay, I think I am going to use php. I was also looking at some things, and I noticed that I can have login ins with php. To where you have to type in a username and password in order to view the next. My website is a private site for members of a group, but I don't know if I am going to do that or not. I'm just honestly trying to take a graphic and make a layout out of it. I don't want to use any more premade layouts, not that I don't like them but they make me feel limited and lazy. :lol:

Share this post


Link to post
Share on other sites

Well wykked_dreams, a few months ago, i dove into the world of PHP, in order to make my site more interactive. Basically, I create and participate in online wrestling games were user's sign in and roleplay. The thing was, it was starting to get boring, and i decided to look at a way to spice up my site and make it more of a game - were you could sign contracts, your character would gain weight, injuries etc. Basically, like you I needed to learn PHP.

It is a hard thing to learn at first. But due to great tutorials and the fact that you only need a simple text editor to do it all ~ it starts to become easier.

My advice is go to PHP Hudzilla (link in my sig). He has written a whole online book on the thing covering more than you would ever need to know but it is all in there. Work through the chapters slowly, using a text editor (I recommend Crimson Editor) type up each function until you know it's syntax and why it is there. I also suggest keeping a notebook and writing everything down that you come across. Then upload it to Xisto and watch your work. Once you get over the basic confusion, you begin to soar through chapters in days.

I have a tutorial on this site, so maybe look it up. And as vujsa showed, it is amazing with the INCLUDE() function. Iframes are being faded out in web browsers, but PHP does all the work on the server and the result is a webpage that looks as if it has all been typed out manually.

Share this post


Link to post
Share on other sites
WoW rkage, if you can really do all that with php, I might be putting up another website that I've been hoping to put up for years, I just didn't know how to do it. I am currently using notepad, notepad 2, and hotdog to create my webpages. But I am a hard person to please so most of the time I'll gut my webpage and redo the entire index because I don't like one thing about it. Thank you SOOO much for showing me these tutorials, I really appreciate it. I'll probably download Crimson Editor as well since you used it it must work pretty well, and with php. I'm sure that PHP Hudzilla will answer more of my further questions. Thanks again to everyone who replied.

Share this post


Link to post
Share on other sites

I don't want to have to copy and paste the script on EVERY page so that the layout is constant. I want to have a menu but I dont want to have to edit EVERY page when I change the menu. What should I use?

I use both dreamweaver and crimson editor. Dreamweaver is good in some aspects like, you can make a template of a page and then use that template for any new pages that you create. Anything you edit in the template will be automatically updated to all the pages that used that template. You can also set it up for a site with ftp so that it will update to the site at the click of a button.

But for editing... ah :).... nothing beats crimson editor. It's completely customisable and very user-friendly. Best of all it's free! I usually make an initial page and use dreamweaver to make a template. Then use crimson editor for the actual coding part in the main content part. I usually prefer to code using a text editor rather than a WYSIWYG designer.

Share this post


Link to post
Share on other sites

Abhiram, you said you use Crimson Editor for editing layouts and such...how does it compare favorably or unfavorably to Frontpage? Yes, I know, I'm lazy, but I mainly only use it to see how things work together visually. But, that's not to say that I'm adverse to change...I mean, after years of using IE, I finally converted to Firefox and love it...but I digress. If I wanted to try Crimson, where would I find it, and how much space does it use/take up? I've never heard of it before, and would love to try it.

Share this post


Link to post
Share on other sites

Hi mzwebfreak,

I have very sparingly used frontpage, but IMO, it's no good. frontpage is a WYSIWYG kind of editor in which you just arrange everything as you want to see it on the webpage. If you wanted to use such an editor, I would recommend Dreamweaver as it has much more functionality than frontpage. Frontpage is good for beginners IMO, but if you really want to learn to design, nothing beats the direct coding way. Sure it's not as easy as dragging everything to where ever you want it to be, but you learn to code more efficiently.

Crimson Editor is a text editor for editing C, JAVA, HTML, CSS, XML, PHP and many other types of files. It is much better than Notepad with a great number of functions. You can download it at:

http://www.crimsoneditor.com/

It's very light and doesn't take up much space. The best part is TABS! Just like Firefox, you can have multi tabs to edit different files in the same window. Just give it a try, I think you'll like it :D

Share this post


Link to post
Share on other sites

Thanks; I'll definitely try it out this weekend. As for WYSIWYG, the reason I use Frontpage instead of Dreamweaver is cuz they want too much for the darn program....I mean- $400?!? Sorry, I'll stick with lowend stuff and this crimson editor you suggested. Wish I could afford Dreamweaver, but if that was the case, could probably afford to use the paid hosting these people have as well.

Share this post


Link to post
Share on other sites

hey want too much for the darn program....I mean- $400?!?

hmmm... that's true unfortunately. Maybe you could try googling to see if there are any open source software that allow you to make templates for quickly applying to different files.

Here's something I found just yesterday to help you out with CSS:

Top Style Lite

It's pretty cool, you don't have to remember the various CSS options to apply, they automatically pop-out and you just have to select them. The Lite version is free. Check it out.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.