Facebook Re-creation? - Developers

Hey, I'm doing a project for History where I have to make a Facebook/Myspace page for a historical figure and I need help. By create one, he meant arrange information on a piece of paper to make it resemble a profile page, but that seems too boring for me. So using the knowledge I gained from HTML, I aim to literally make a page for Nikita Khrushchev. I have all the stuff I need for the page, I just need help making it seem authentic. I need help re-creating that blue bar on the top of the Facebook pages. Those of you with Facebooks should know what I mean. The one that has the search bar on it. The bar doesn't have to do anything, just sit there. I went into the source code for the real Facebook pages, but cannot make heads or tails of the source code. So if there are any fellow nerds out there who know HTML, please give me some advice.

Why not just save the facebook page (File > Save) and edit the html from there?

[QUOTE=MD1337;21759816]Why not just save the facebook page (File > Save) and edit the html from there?[/QUOTE] I'm starting completely from scratch though. And I dont understand the HTML terms that Facebook uses. I am only in basic HTML class.

It would help if you posted in the right section for starters.

[QUOTE=KingFlynn910;21760096]I'm starting completely from scratch though. And I dont understand the HTML terms that Facebook uses. I am only in basic HTML class.[/QUOTE] Facebook isn't written in HTML. I don't think anything these days is written in HTML, other than faculty web pages for schools :v:

Couldn't you just use a graphic for it, like screenshot it and put it towards the top?

[QUOTE=nullsquared;21761143]Facebook isn't written in HTML. I don't think anything these days is written in HTML, other than faculty web pages for schools :v:[/QUOTE] That would be a good point if it wasn't wrong. Pretty much everything is interpreted into HTML to be displayed.

[QUOTE=nullsquared;21761143]Facebook isn't written in HTML. I don't think anything these days is written in HTML, other than faculty web pages for schools :v:[/QUOTE] Except everything has to be taken down to HTML to be displayed by the browser anyways. Not to mention this is wrong in the first place, straight HTML (obviously this includes CSS) is still quite common for small brochure websites.

It's not that hard to create a navbar.

[QUOTE=KingFlynn910;21759422]...So using the knowledge I gained from HTML...[/QUOTE] [QUOTE=KingFlynn910;21760096]I'm starting completely from scratch though. And I dont understand the HTML terms that Facebook uses. [b]I am only in basic HTML class.[/b][/QUOTE] Not alot really :v: Also, the HTML you get when you View Source the page you're in is barebones, Facebook uses javascript to fill the rest in.

[QUOTE=nullsquared;21761143]I don't think anything these days is written in HTML[/QUOTE] :wtc:

[QUOTE=turb_;21770760]:wtc:[/QUOTE] this, you can't 'escape' HTML when creating a web-page.

You can easily just save the file as html as stated above, then wrap all the text and stuff from it, maybe replace the text with a placeholder, though it should be simple enough.. Though there are lots of ways to manipulate with the fan page itself. So if I were you I would just make something very special, by doing some simple manipulation.

[QUOTE=Erp;21761499]It's not that hard to create a navbar.[/QUOTE] I just wanted to copy the original bar. I ended up taking a "print screen" pic and taking it into paint to edit it. It's not perfect, but it'll do until I figure out how to do better.

I remember seeing a skin for vBulletin that was similar to Facebook, though you probably cant afford vB

1) Go onto a random facebook profile 2) Enter this into your browser's address bar: "javascript:alert(document.body.contentEditable=true)" 3) Edit away... be careful not to click the links. You can replace any of the text on the page, just click somewhere and you'll see the text-entry cursor appear. 4) When you're done, save the page whatever way your browser does it. Just tested this on Chrome, and it works.

Yeah it's a handy tool, but people love to exaggerate, and make out they have 'hacked' facebook, or any other website =o

-snip shit post-

[QUOTE=turb_;21788900]:wtc:[/QUOTE] HTML is the standard usage of web-design nowadays and will still be the "base" of a web-page even after the time when a genius creates a new language for this kinds of things. I mean.. You can't create a web-page [B]WITHOUT HTML[/B].

[QUOTE=RSahlgren;21789233]HTML is the standard usage of web-design nowadays and will still be the "base" of a web-page even after the time when a genius creates a new language for this kinds of things. I mean.. You can't create a web-page [B]WITHOUT HTML[/B].[/QUOTE] Oh, right. By escape I thought you meant character escaping. My bad.

[QUOTE=RSahlgren;21789233]HTML is the standard usage of web-design nowadays and will still be the "base" of a web-page even after the time when a genius creates a new language for this kinds of things. I mean.. You can't create a web-page [B]WITHOUT HTML[/B].[/QUOTE] You can get away with developing a web application with very minimal HTML use. People nowadays tend to use .NET, ColdFusion, Rails, and etc. The only reason you see tons and tons of HTML output is because that's what the browsers output. The only way to truly see what a website has behind the scenes, code-wise is to do a 'wget -r --no-parent [url]http://www.website.com[/url]' in Linux. That may not even work all the time, especially if it's a database driven website, or if data is stored somewhere else and linked within a database, or something crazy.

[QUOTE=RSahlgren;21771008]this, you can't 'escape' HTML when creating a web-page.[/QUOTE] Flash, silverlight and the likes spring to mind. You could even render it out as an image before sending it. :v:

[QUOTE=faze;21877582]You can get away with developing a web application with very minimal HTML use. People nowadays tend to use .NET, ColdFusion, Rails, and etc. The only reason you see tons and tons of HTML output is because that's what the browsers output. The only way to truly see what a website has behind the scenes, code-wise is to do a 'wget -r --no-parent [url]http://www.website.com[/url]' in Linux. That may not even work all the time, especially if it's a database driven website, or if data is stored somewhere else and linked within a database, or something crazy.[/QUOTE] Erm? This makes no sense. Most everything you see in the source code of a page is what you'll get using wget. Also, wget is available for Windows. Also, this approach will always work unless the page relies on Javascript.

[QUOTE=faze;21877582]You can get away with developing a web application with very minimal HTML use. People nowadays tend to use .NET, ColdFusion, Rails, and etc. The only reason you see tons and tons of HTML output is because that's what the browsers output. The only way to truly see what a website has behind the scenes, code-wise is to do a 'wget -r --no-parent [url]http://www.website.com[/url]' in Linux. That may not even work all the time, especially if it's a database driven website, or if data is stored somewhere else and linked within a database, or something crazy.[/QUOTE] This is the biggest load of bullshit I've read from you in awhile. [editline]03:19PM[/editline] Like how do you come up with this stuff, honestly.

how about you just, make a Facebook/Myspace page for a historical figure, then file > save that, and you're done.

Umm. Why don't you just make an actual facebook page for the character? Save alot of work.

[QUOTE=cosmic duck;21881195]Umm. Why don't you just make an actual facebook page for the character? Save alot of work.[/QUOTE] That's what I said :dance:

HTML is just a block of text with a few html code pieces added. CSS is that makes a webpage out of that.

[QUOTE=TheForeigner;21884956]HTML is just a block of text with a few html code pieces added. CSS is that makes a webpage out of that.[/QUOTE] HTML is the foundation. CSS is the looks. Took me a second to understand what you meant when you said "html is just text with html".

Only retards and primary school children define things recursively.