HTML - How Do I Start This Site?!
Ok, I'm not a developer by any means, I've been seeking help on this forum for awhile, for little things. I'm basically going to attempt to learn this all on my own with help of course from this site, books, and others.
I have designed the basic mock up for my site, and want to see where and how I can start from scratch. I'm trying to do this entirely in dreamweaver/css (is it possible) here is the mockup Now I'm inept in this stuff so bare with me... My main question is, whats the best way to divide up this layout as far as div tags go? It's wierd because I have the right hand side which incorporates a "header" (design part) and a journal, news, blog thing. And then the left hand side I intend on being static information that holds the content. Any advice? I know this is a mess, sorry, I'm a print guy Thanks Similar TutorialsHi, I recently got myself my new laptop. I got a MacBook. And Mac's are great for web site design. I have very little design experience, just playing around with DreamWeaver. I am 13 and want to pursue a career in Web site design. What do I need? Where do I go? What should I learn? I am not too keen on coding a page, I would like to do it visually. Is this right? Thank you, all help is much appreciated. Nick. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hi, please tell me what should I start learning to create an interactive website like facebook.com and photobucket.com . I have good knowledge in HTML and CSS but I want a website where people could register, have profiles, upload pictures, post comments to others etc. Just don't know how to start and what to read Please help Thank you Hi, I'm not too sure if this is the right section for this, so forgive me if it's not... I am about to embark on designing a new site, I have some experience of HTML and general design, but not too much beyond that. The site I am aiming to develop is to be a lot more dynamic than anything I have done in the past. I am not too sure on the best methods for acheiving what I want, so I will list the desired features. It would be really helpful if someone could tell me which languages I need to look at. I am prepared to learn for this (already started looking into very basic xml and php), but the main goal is an easy to use, well presented site in a relatively short time. The features I require are as follows: 1. A news/post section for only selected members to log in and add content (including the odd graphic). It would be useful if each post could exist as an independent 'module' and, for instance, appear on its own embedded on another site. 2. A music player (probably flash, this on itself is not an issue) that can also be embedded in another site. 3. A user forum (I have a MySQL database, but have no real experience of using it) - possibly using PHPBB?. 4. A number of linear comments sections that can exist below posts and other items (that does not necessarily require login, but can include a name and comment). 5. A site design which remains the same page for page but where the content can be entirely different (so the title and links etc. remain the same). Once again, I am not looking for detailed instructions on how to acheive this, just what I need to start looking at and any tips or problems I am likely to run into. I would be extremely grateful if someone would take the time to indulge me. Thanks in advance! So if you are starting a new page from scratch and don't really have a fixed idea in your head of a design do you just strt of with a template from DW(assuming you use DW). After that, adding a menu seems to progress things quite well, then working next on the footer also seems to work quite well. But it is so easy to get into a right mess with divs and tables here and there and no fixed goal as to what you are doing How do you guys do it??? Also do you ever download a page form the net and change the graphics a bit to make it look a bit different but basically keep the layout and i suppose pretty much reporduce the page with different graphics? So first off, I am looking to build a website that will incorporate a CMS. Do you have to use certain type of code types so that it will work with different CMS's? Read somewhere that certain dropdown menu's and such only worked with certain CMS... So I guess, if I am looking to build a site, do I need to know what CMS I am going to use from the start? <embed id="VideoPlayback" src="http://video.google.com/googleplayer.swf?docid=5893249792876905264&hl=en&fs=true" style="width:400px;height:326px" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash"> </embed> Here's my question, what do I need to do to make the player from above, to start playing as soon as the web page downloads ? By the way, I am a certified HTML newbie. Another word, please be easy on me. Thanks. Well ive been coding games for BYOND (Build your own network dream) for a while it wasnt that dificult to grasp the coding style and i just recently started coding for windows phone 7 XNA games. Well as i was talking about coding for wp7 me and my friend came up with a really good idea for a new social networking website nothing like myspace or facebook so hey, what do we have to lose? Well the past 2 days ive learned basic HTML coding but i have no idea where to start. I really need help. Where do i run the HTML code i make to see how it would test as a web site is one of the main things i cant seem to figure out. I also need to know how to make different pages within the website Please help it would be greatly appreciated. What is the first thing you do, do you do it from scratch in notepad or do you use a wysiwyg editor, or do you use a template? Is the first thing you do make a table of div for the header and work from there or do you draw out the design you want? Ive had this code before back when I was in school. It simulated the windows start bar in the explorer where if you clicked the start button a list of directories came up and you could select a htm file within that was linked in it...and it would have a tab in the bottom next to that start button that would allow you to switch between them like tabs essentially. I was wondering if anyone happened to have that code by chance its been a long time and I couldn't seem to find it by searching. Thanks in Advance Hi all, My roommate is looking to create a e-commerce website that consists of a hundreds of scrollable 'pages', left to right. Each 'page' will consist of a picture on the right side and a product offer on the left. The intent is to allow the user to easily scroll the 'pages', browsing through different types of products and pictures. She would want to use a platform or theme that is fully expandable and customizable, as she is eventually looking to implement social networking and magazine-like content and functionality. Again, she has no real design or coding experience. The only thing she is somewhat familiar with is Wordpress. So, what would be some of your suggestions for getting started? Thanks in advance Hello guys, I'm not sure how to start this design out. If you'll take a look at the image below, I would like to design a page that just has text where the page is on the right hand side. What would be the best way to go about doing this? I want to be able to scroll if there is a lot of text (this is the light grey area), plus have the red tabs link to different pages. This isn't the final design, as I just wanted to highlight different areas for you to be able to see it better. Anyway, any suggestions you have on how to do this would be GREATLY appreciated. Thanks!! I have a marquee control which i am using is my Asp.net application. But marquee starts after 7 seconds of delay.... But what i need is to display the first item and then scroll after 7 seconds of delay I am using this control in my code behind like this: Testmarq.Controls.Add(new LiteralControl(@"<Marquee OnMouseOver='this.stop();' OnMouseOut='this.start();' direction='up' scrollamount='200' scrolldelay = '7000' behavior='scroll' bgcolor='#ffffff' width='100%' >")); Any idea.. what i am missing.... Thanks in advance Kunal Uppal Is it possible to start a page scrolled down a certain amount automatically? Not through a link, just so that whenever someone visits the site, it is scrolled down that default amount? Thanks! Hello. I just joined the forums because I want to start making websites again. I used to do it about 3 years ago ( nothing hardcore), but i knew enough to make basic websites. Now, I want to learn the more indepth stuff. Such as Mysql, perl,css,java, javascript etc... i dont even know what someof those are. So heres my question. WHERE SHOULD I START? I want to start from scratch. I dont even rememeber some of the html stuff, so where do you guys think i should start? what are the fundamentals i need to know in order to move on to the more difficult stuff. One last thing, can someone tell me the difference between html/xhtml/xml.. im kinda lost... Hello, I need help shrinking the loading time of my website. I think the main problem is the javascripts, ive managed to compress as most images possible, they shouldnt be a problem. I just dont know what to shrink else? Have no idea how to to the .js and .css? Advice needed, thanks. website here I used dis below script,which wil ask my visitor his name,n den wil display it in the corresponding page.But i dont know,where i went wrong,n its not working in my html page. Someone please rectify it n give me its working script for an html page. Please... Ok here is the script.. IN HEAD TAG, <script language=JavaScript> <!-- script supplied free by hypergurl.com http://www.hypergurl.com --> <!--- start of javascript hide var Firstname=prompt("Enter your Firstname :","Firstname"); // unhide ---> </script> IN BODY TAG, <script language=JavaScript> <!--- start of javascript hide document.write("<center><h1>Welcome" + " "); document.write(Firstname + " "); document.write("</h1></center>"); //unhide ---> </script> Here's my CSS-code for an item in a list: li { margin: 0em 0em 0em 4em; padding: 2px 0px 0px 2px; font-size: 9pt; } Now when I try to make a sublist, the problem is that the items in the sublist start from the same horizontal position than the items in the "main" list. Anyway to fix this? Should a make a new CSS item but with different margins and padding? How is that going to work since there's only one "li" available? How should I name it then? I'm trying to get a image behind a contact form without using the backround image cause i want to keep the backround black! can someone help me with a code fix to get the CMID.png to run behind the contact table? heres the link youll see the problem http://www.njirishfootball.com/home/contact/ (ps I'm fairly new to coding and dont understand alot still so thats why everything is absoulte and alittle newbish heres the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <body background ="http://www.njirishfootball.com/new/nice/bb.png"> </body> <div style="text-align:center; width:1000px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_3201007251356247" src="http://www.njirishfootball.com/new/nice/banner.png" usemap="#Image- Maps_3201007251356247" border="0" width="1000" height="395" alt="" /> <map id="_Image-Maps_3201007251356247" name="Image-Maps_3201007251356247"> <area shape="rect" coords="279,54,356,89" href="http://www.njirishfootball.com/home/roster" alt="" title="" /> <area shape="rect" coords="364,54,508,89" href="http://www.njirishfootball.com/home/coachingstaff" alt="" title="" /> <area shape="rect" coords="513,53,639,89" href="http://www.njirishfootball.com/home/frontoffice" alt="" title="" /> <area shape="rect" coords="644,54,815,88" href="http://www.njirishfootball.com/emeralds" alt="" title="" /> <area shape="rect" coords="819,54,926,88" href="http://www.njirishfootball.com/home/field" alt="" title="" /> <area shape="rect" coords="929,55,991,87" href="http://fivestarfootballleague.com/" alt="" title="" /> <area shape="rect" coords="220,244,303,278" href="http://www.njirishfootball.com/home/news" alt="" title="" /> <area shape="rect" coords="309,244,408,277" href="http://www.njirishfootball.com/home/schedule" alt="" title="" /> <area shape="rect" coords="415,244,517,277" href="http://www.njirishfootball.com/home/standings" alt="" title="" /> <area shape="rect" coords="523,244,625,277" href="http://www.njirishfootball.com/home/fanzone" alt="" title="" /> <area shape="rect" coords="631,245,758,278" href="http://www.njirishfootball.com/home/sponsorship" alt="" title="" /> <area shape="rect" coords="767,245,894,278" href="http://www.njirishfootball.com/home/applications" alt="" title="" /> <area shape="rect" coords="896,244,990,277" href="http://www.njirishfootball.com/home/contact" alt="" title="" /> <area shape="rect" coords="996,391,998,393" href="http://www.image-maps.com/index.php?aff=mapped_users_3201007251356247" alt="Image Map" title="Image Map" /> </map> <img src="http://www.njirishfootball.com/home/contact/ptitle.png" width="1000" height="44"> <img src="http://www.njirishfootball.com/new/nice/cttop.png" width="1000" height="89"> <img src="http://www.njirishfootball.com/new/nice/ctmid.png" width="1000" height="22"> <h4><div id="content"><!-- Start content --><form class="wpcf7-form" method="post" action="/irish/?page_id=42#wpcf7-f2-p42- o1"><div style="display: none;"><input type="hidden" value="2" name="_wpcf7"><input type="hidden" value="2.2" name="_wpcf7_version"><input type="hidden" value="wpcf7-f2-p42-o1" name="_wpcf7_unit_tag"></div><p>Have questions or comments? Please feel free to fill in the form below to send me an email.</p><p>Your Name (required)<br><span class="wpcf7-form-control -wrap your-name"><input type="text" size="40" class="wpcf7-validates-as-required" value="" name="your-name"></span> </p> <p>Your Email (required)<br><span class="wpcf7-form-control-wrap your-email"><input type="text" size="40" class="wpcf7- validates-as-email wpcf7-validates-as-required" value="" name="your-email"></span> </p><p>Subject<br><span class="wpcf7-form- control-wrap your-subject"><input type="text" size="40" value="" name="your-subject"></span> </p><p>Your Message<br><span class="wpcf7-form-control-wrap your message"><textarea rows="10" cols="40" name="your-message"></textarea></span> </p> <p><input type="submit" value="Send"> <img src="http://www.njirishfootball.com/irish/wp-content/plugins/contact-form- 7/images/ajax-loader.gif" alt="ajax loader" style="visibility: hidden;" class="ajax-loader"></p><div class="wpcf7-response- output wpcf7-display-none"></div></form></div></h4> <img src="http://www.njirishfootball.com/new/nice/ctbtm.png"width="1000" height="89"> <img src="http://www.njirishfootball.com/new/nice/footer.png" width="1000" height="265"></center> </html> |