|
Welcome
Guest
|
Register
| Login
|
|
|
| Index | Recent Threads | Unanswered Threads | Who's Online | User List | Help |
Killersites.com Forum
General Web Design
HTML and JavaScript.
Thread: Site mockup - Tips & Tricks plz?
|
| No member browsing this thread |
|
Thread Status: Active Total posts in this thread: 14
|
|
| Author |
|
Voyd
Stranger Joined: Oct 1, 2008 Post Count: 9 Status: Offline |
Well this is my first webpage layout and I am atm figuring out how I would use this combined with HTML/CSS ;( I am going for a manga page but in spanish "MangaenLinea"=MangaOnline so I am aiming for a onemanga type of page. I would love if any of you killersite forumers could help me here and there... not "spoon feed" but your insight will help me complete my project  Mockup:I dont even know if its called a mockup ROFL I think it is  My site layout Questions: 1. How would I be able to display the Most viewed manga (manga mas visitado) I am guessing its with javascript. Same with Actualizaciones recientes (Recent Updates) 2. General tips on how to implement this layout to my html. I would guess it would be slicing & using div classes for each "part". 3.When somebody clicks lets say the Manga at the site nav would I have to link to a new html for that page ? Yes I am a total noob (well maybe not 100% but close to it ;D) I do have ALOT more questions but I will save them for when I know a little more about what I am doing  THX for your help ~Voyd ---------------------------------------- [Edit 5 times, last edit by Voyd at Dec 4, 2008 5:59:12 PM] |
||
|
|
Voyd
Stranger Joined: Oct 1, 2008 Post Count: 9 Status: Offline |
Wow 42 reads and no replys  Well anyways I have a quick question...I am trying to link my bg to my webpage.I try to apply 2 urls 1.url (..Images/bodybg.jpg) 2.url (C:\Users\eLCol0\Documents\WebDesignINFO\AnimeenLinea\Images\bodybg.jpg) And the bg wont get displayed same thing happens to me when I try to put CSS in another folder (inside the root website folder) Both the CSS and the bg work when I put them where the html is at in this case the AnimeenLinea folder and use the following url. url (bodybg.jpg) I have no idea why it is not working in theory it should?I have been trying to figure out what is up but cant Question #2:How do you know how to position a div in your container???Like does dreamweaver give me a tool that I point at a certain spot and it tells me px's em's...etc. Or do I need like a math formula...or just trial and error ?!? THX for your help ~Voyd  ---------------------------------------- [Edit 1 times, last edit by Voyd at Dec 5, 2008 12:41:57 PM] |
||
|
|
newseed
Advanced Member Joined: Apr 2, 2005 Post Count: 2141 Status: Offline |
Wow 42 reads and no replys Well anyways I have a quick question...I am trying to link my bg to my webpage.Sometimes it takes a little time. Most of us regulars all have full-time jobs whether it be web design or whatever. Be patience. 1. How would I be able to display the Most viewed manga (manga mas visitado) I am guessing its with javascript. Same with Actualizaciones recientes (Recent Updates) Some kind of server side script or javascript but I don't have any that I would recommend. 2. General tips on how to implement this layout to my html. I would guess it would be slicing & using div classes for each "part". Yes. Just use only the parts of the image that you cannot produce using background-color or else you will have a heavy site. Also, if possible, use only part of an images that could be repeated as a background. 3.When somebody clicks lets say the Manga at the site nav would I have to link to a new html for that page ? Yup! You may be concerned with the template where you have to keep saving another for each page. Read up on Page Includes or Server Side Includes. Using this will only require you to have one template that typically has the header, menu and footer as includes. So when you have 20 pages to edit such as a new menu link or something, then all you have to do is edit the includes file and it will update all 20 pages. I try to apply 2 urls 1.url (..Images/bodybg.jpg) 2.url (C:\Users\eLCol0\Documents\WebDesignINFO\AnimeenLinea\Images\bodybg.jpg) And the bg wont get displayed same thing happens to me when I try to put CSS in another folder (inside the root website folder) If the bodybg.jpg is on the same server as your html files then you shouldn't have any kind of file path like #2. Both the CSS and the bg work when I put them where the html is at in this case the AnimeenLinea folder and use the following url. url (bodybg.jpg) If the CSS file and HTML are root but the image is in the "images" folder...then url will look like this: background: url {'images/bodybg.jpg'} If your CSS file is in seperate folder called "whatever", the HTML in the root and the image is in the "images" folder, then the url will look like this: background: url {'../images/bodybg.jpg'} Same concept applies to linking the CSS file in the HTML. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
||
|
|
Voyd
Stranger Joined: Oct 1, 2008 Post Count: 9 Status: Offline |
Will read up on SSI sounds very helpful And about the urls for linking to a bg image or css...I have everything in the same folder but for some odd reason it wont work :( I have checked for errors in folder names and everything else I could think of but no results THX for your post newseed And yeah sorry for being impatient If anybody else has any tips please post  THX for your help ~Voyd |
||
|
|
newseed
Advanced Member Joined: Apr 2, 2005 Post Count: 2141 Status: Offline |
Will read up on SSI sounds very helpful And about the urls for linking to a bg image or css...I have everything in the same folder but for some odd reason it wont work :( I have checked for errors in folder names and everything else I could think of but no results THX for your post newseed And yeah sorry for being impatient If anybody else has any tips please post THX for your help ~Voyd Upload your current files to your host server and provide a link to your html page so we can take a look at the code. Sometimes it can be as simple as a missing quotation, mispelled word or incorrect used of coded altogether. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
||
|
|
Voyd
Stranger Joined: Oct 1, 2008 Post Count: 9 Status: Offline |
Well the thing is I dont have a host atm (been looking for a nice add free 'free' host) but no luck xD I currently am just playing with html/css and keeping the files on my comp D: Let me do a test real quick lol...going to do a new folder and some quick css/html and see what happens. Ok I created a new folder in the desktop called TEST I put the html inside it and after I created a folder inside the TEST folder called CSS. I then placed the CSS inside the CSS folder but I also have it in the TEST folder next to the html. I use <link href="../CSS/global.css" rel="stylesheet" type="text/css"> and it wont attach it to the html...but when I change the link to <link href="global.css" rel="stylesheet" type="text/css"> it works  |
||
|
|
falkencreative
Advanced Member USA Joined: Aug 14, 2007 Post Count: 1129 Status: Offline |
Well the thing is I dont have a host atm (been looking for a nice add free 'free' host) but no luck xD I currently am just playing with html/css and keeping the files on my comp D: Let me do a test real quick lol...going to do a new folder and some quick css/html and see what happens. Ok I created a new folder in the desktop called TEST I put the html inside it and after I created a folder inside the TEST folder called CSS. I then placed the CSS inside the CSS folder but I also have it in the TEST folder next to the html. I use <link href="../CSS/global.css" rel="stylesheet" type="text/css"> and it wont attach it to the html...but when I change the link to <link href="global.css" rel="stylesheet" type="text/css"> it works So this is your directory structure: > Test (folder)If that is the case, the link to your css file would need to be like this: <link href="global.css" rel="stylesheet" type="text/css"> (to use the global.css in the same folder as the index.html file) or this: <link href="CSS/global.css" rel="stylesheet" type="text/css"> (to use the global.css in the css folder) In your case, <link href="../CSS/global.css" rel="stylesheet" type="text/css"> won't work because the "../" part is telling the browser to look for the global.css file in one folder back, below the index file (on your desktop). Make sense? ---------------------------------------- Benjamin Falk | student : designer : developer Twitter: falkencreative ---------------------------------------- [Edit 1 times, last edit by falkencreative at Dec 6, 2008 9:52:43 PM] |
||
|
|
mest22
Newbie Joined: Nov 12, 2008 Post Count: 39 Status: Offline |
seems like your getting your dir confused, im pretty sure everyone else above me cleared that up for you but a good site that answers alot of the questions your asking is this one http://css-tricks.com/index.php?s=mockup&search=Search its a great site and the videos are nicely planned out and most of you questions will be answered, it has been helping me out alot hope that helps you some Franco |
||
|
|
Voyd
Stranger Joined: Oct 1, 2008 Post Count: 9 Status: Offline |
Thx for your post falken cleared that up for me :) And thx for the link mest will check it out D: If anybody else has any more info related to my questions please post them THX for your help ~Voyd |
||
|
kgramazio
Stranger United States Joined: Dec 7, 2008 Post Count: 12 Status: Offline |
http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/ try following this tutorial video it will walk you through the steps |
||
|
|
|
|
Current timezone is GMT Mar 16, 2010 11:03:34 AM |
