[ad_1]
In this tutorial I finish up the How to Layout a Website Tutorial. Here I’ll finish making the template used by all the individual web pages.
This time I create the template without any planning at all. I create the whole page completely out of my head. In the end I think it looks really nice.
CODE IS HERE:
by
Tags:
All 5 tutorials are awesome. Thanks.
+Darek Banas In this part of the video you said you will be making this website into a wordpress theme. Is that tutorial there?
Are the include files menu.css and menu.js available? Thanks.
how to get rid of horizontal scroll bar
Thank you very much for your tutorials.
Derek, I have a request for some tutorials on responsive web design. Your tutorials are so great I would love to hear you talk about responsive design
Hi, Sorry about that. It has been fixed.
Hi Derek,
the link to code for this video is not working. If you have some time could you please have a look on it?
Thank you.
Thank you 🙂 To be honest I don't know. I make mainly shopping carts for free in exchange for a percentage of future sales. I haven't tried to make a normal site for a while because shopping carts pay so much more consistently. What you charge really depends on where you live and your experience level. In a big city I'm sure there are people charging $100 an hour, but in a small town you might charge $15?
Nice tuts! I'm currently new to html/css and feel that I know enough to get around and was wondering what is a reasonable pay rate to charge customers needing just a basic site? Or what would be a good starting point to charge friends and then outside clients?
All my friends tell me to charge something, but I don't want to scare future customers and I don't want to shoot myself in the foot either.
BTW: You can style almost all HTML elements by using them in the CSS. So not even a need to apply a class…
You really use way too much divs.
You can just call stuff via box model.
Thank you 🙂 Try increasing the header area and then relatively position the nav bar down to make more room. Does that help!
Pm me on YouTube and I'll get it
do you have a mail I can send the link, I think youtube is changing the link as I post it
Is the whole site online some place? If it is available online I can find the issue
don't suppose you can work this out, I have a problem with divs explained here
stackoverflowDOTcom/questions/15463367/remove-space-between-div-tags
look at the replies and I have the original page that I made linked to jsfiddle as well
Don't worry if you can't work it out though, after all it is on stackoverflow. But it has been vexxing me for 2 days when I tried to create a page for single posts by removing a div from the original page.
You're very welcome 🙂 I put everything in a playlist
Hey. Really digging the content. Just a suggestion – It might not be a bad idea to give this "How to Layout A Website" it's own "playlist". Thank you for you generous work.
Thanks Derek. I look forward to it, and in the meantime, I will learn the programs :).
Yes I got it. I get this request very often. I have approached it previously, but I plan on doing this. Start learning php, MySQL and javascript right now to prepare. That makes up the majority of what you do.
I meant the actual building of Facebook from page one to the last page with all the features like Add Friend, Recommend Friend, Friend Suggestion, and the like. I'm interested in making a Facebook like website and I would like to see you as you build it from acquiring a domain name, a hosting (and its specifications), preparing a sitemap (and their connections), the folders (and their connections), the codes, uploading the codes, making the database of profiles and friends…. In short A to Z.
Do you want me to make Facebook in a tutorial? I plan on making a Facebook like site when I cover PHP frameworks. That is in the works. Thanks for the request
Hi, can you show us how to design a copy of Facebook from scratch?
It is just html and css broken into pieces. There is a header, sidebars, body, footer, etc. all in separate pages. Then you use wordpress php calls to pull information from a database. It is very simple, but wordpress helps you secure everything as long as you use its tools for getting info from the database
so what does a "theme" actually do?
You're very welcome 🙂 I have about 80 WordPress theme development tutorials to help you along
oh sweet, so facebook did the hard way eh? okay i will use wordpress, becasue wrodpress theme sounds easier! XD Thanks Banas!
Facebook is just a big database with php code. The images and other uploads have to be renamed and then hidden to secure everything. WP is just a database with php. You can set up user accounts with it. There are forum plugins for it. You can also set up additional parts to the database. You'll just need to explore it. I have tutorials on setting up forums with wp.
cool, but i have an original design on my physical notebook, i want to create my own physical designs into the web, like facebook, what did mark zuckerberg exactly do, becasue my website is liek a social networking thing not a blog or information.
A wordpress site can look like anything else. Your design is not limited in anyway. With it you get security and thousands of plugins. If you make a popular site believe me you'll wish it was secured. My site isn't even that popular and it gets attacked hundreds of times per day
okay thanks, but isn't turning my website into a wordpress theme like a "what you see is what you get" type of website? becasue i want my website too look original and can function too.
The easiest way is to turn your site into a wordpress theme. Then you can slap on as many features as you want quickly and at no expense. Otherwise you have to learn how to secure it and program all of the things you mentioned
okay so bascially i coded my website strictly on html, meaning no codes of php or even javascript, so how can i make my strict html website to a more dynamic website that can let users chat with each other, sign up by email, stuff liek that which makes my website more usable, like facebook.
That depends on what you mean by dynamic. You could grab info from a database using php. You could use JavaScript and JQuery to make an interesting interface. I have a ton of examples of what can be done on my YouTube channel. What are you looking to do?
ummm, after laying out my website with html, how can i make it more dynamic
You're very welcome 🙂 The Android / Games / C tutorial won, but I'm going to see what I can do in regards to J2EE, Hibernate, Spring, etc. Either way they will be covered completely. I promise either way to cover topics that build more on the Java knowledge base rather than focus on silly apps. It should be fun
yes now i get the solution, so thank you again, i voted on the toturials elections Android facing J2EE , hopefuly j2ee wins, cause now with Corona sdk we can make apps games very easy and you build your project and whene finished you choose your targeting device i mean you code with one language but you can run it on many other paltforms, android, ios, kendle, nook, we code with lua language , realy its easy to build apps with corona anyway i like to be a kid in your next classroom-toturials-
Thank you very much 🙂 You're very nice! I think the code you are looking for is actually in How to Layout a Website 4 on my website. There is a link to that page in the article I tied to this article. Tell me if you are still having trouble finding it
thank you Derek for your toturials , you are the best online teacher , today i just noticed something , the link that you giving for the code of how to layout a website is not the same that you used in video lessons , in the video you are talking about a class called middleColumn but in the source code i see leftContainer (look at the index.html not at css file), so this problem
makes me hard to follow your wonderful toturials on how to make your own wordpress theme from scratch..thank you
You're very welcome 🙂 You should create a static website to avoid resizing problems when you first start designing websites. My html and css tutorials cover how to set that up. Look on my YouTube channel for them. Don't worry, you'll figure it out. If you follow time tested plans you'll get it. Hang in there and feel free to ask questions
I wanted to first thank you for all your tutorials. I'm designing a very basic website and everything looked well when I was designing it on my laptop. But when I transferred my files over to my desktop, all the images, boxes, and logos were skewed every which way. Is this due to differences in resolution? Also, all the elements shift around when I resize my browser window. Do I have to use percentages instead of pixels? Sorry, I'm really confused >.<
Thank you 🙂 I never liked Dreamweaver and always found it was easier to just write my own code. I'm glad you found this useful
This man is a god!. I have always known that Dreamweaver is not the best when it comes to designing websites. This guy reinforces my opinion. I want to understand if possible every bit of the code not having code pushed down my throat like in dream weaver.
Hi Derek, I have created a layout I am happy with in PS, but am stumped as to how I would transfer it to a WordPress layout. Please help…
It makes me very happy when I hear my tutorials have helped so much 🙂 Thanks for the comment. It means a great deal
Leave a Reply