|
The basic building blocks to a website is HTML, Hyper text markup Language and Javascript.
Now you have to decide on HTML version 4 or go straight to HTML version 5.
As far as ASP.Net, PHP, and Sun Java I don't know about Ruby, that's a personal choice.
I use to write in PHP, but dumped it for ASP.Net. Sort of wish I would of went Sun Java instead.
It doesn't really matter what you use at this point, the first thing you need to learn is html, css and javascript, Which is a steep learning curve, if you want your pages to look the same across all browsers.
|
|
|
|
|
Hi
It feels like yesterday (about 5 years ago when i was exactly in the same spot you find yourself).
The advise posted www.asp.net is an excellent place to start. but here to answer your questions.
1. HTML , CSS and Javascript is essential to what makes a website tick , no matter what technology you are using the output at the end of the day will be html, ASP.NET, php, ruby, cold fusion ect are all server side technologies these essentially help you bring more features into your website like user login, dynamic data | data that you can edit without haveing to ftp upload new pages after you created them.
2. Depending on your technology , your hosting will vary , if you wish to host asp.net you will need a windows server host with .net framework and SQL
3. New does not nessisarily mean better , when you buy a new car you know its better , new in programming languages mean, still limited , expect memory leaks , and very minimal online help available.
ASP.net I recommend above all other server side technologies for web development for this very reason. but for you to be able to use it effectively you will need to familiarise yourself with either C# or VB.NET I highly recommend C#.
You will need to master your programming language asp.net and HTML, CSS and javascript in equal measures , understanding the execution order (hope I am not scaring you) but if you train full time it will take you roughly 6 months(depending on your learning ability) to be able to produce anything commecially viable, (becuase believe me when staring asp.net you will make alot of noob mistakes forgetting things like (if !ispostback, not encrypting user passwords, not using master pages ect)
also another aspect of web development you will have to be familiar is design , you can get allot of online designs for free aswel (maybe not exactly what you want) but you will need to figure our how to cut those designs up properly and then lay them out in your website. heres the order I recommend you study.
HTML - used for layout
base layout of html page
tags and attrubutes
the style tag
using images
Understanding paths in website (../ and so on)
CSS - Used for styling
importing CSS files
JavaScript - used for dynamic functions (button rollovers,"yes I know CSS can do it too but baby steps)
Programming language of choice in asp.net
Familiarise yourself with terms such as postbacks , runat server, server controls id's and the page load order (promise you you are going to use them)
Entity modelling
Databasing - SQL Server Designing a database with various data types
Database relations
Cryptography - Symmetric encryption (advanced topic but usefull
LINQ - theres an entire exction online explaining how to write these queries
Server Side Grids and data sources.
All in server side languages have a long learning curve especially if you have zero programming experience but in the long run they avoid your website from becoming an admin nightmare.
You you simply want a nice easy web page there is also google blogger
Chona1171
Web Developer (C#), Silverlight
|
|
|
|
|
That was nice, and well thought out.
It's funny how when people start out, they get all concerned about technology. I like the ones that start out with PHP, with not a single PHP line of code in them.
Good Job.
|
|
|
|
|
|
Hi there,
I am trying to find some good resources on Ruby On Rails Web Application Development(for example demo project, videos etc) but I could not found. I will be glad for your any suggestion regarding above specially on RoR + SQL server web apps development.
Thanks
Md. Marufuzzaman
I will not say I have failed 1000 times; I will say that I have discovered 1000 ways that can cause failure – Thomas Edison.
|
|
|
|
|
|
Thanks... 
Thanks
Md. Marufuzzaman
I will not say I have failed 1000 times; I will say that I have discovered 1000 ways that can cause failure – Thomas Edison.
|
|
|
|
|
Dear Sir I am doing Masters in Information technology from india. As part of my ME project I am working on QoS based web service discovery. But as I am novice to web services and its tools I am not able to move fast.
Will you please guide me so I can do well. Please provide me some technical details regarding configuring private UDDI on local machine, publishing and searching the UDDI, putting extra details such as QoS in tmodel.
Awaiting reply.
Thank you
|
|
|
|
|
hi everybody, i'm student IT. now i have case study about: create app via internet( web), like WEB Chat..( the client can connect to server at more address in Internet,
I'm study Java in element. i have good logic but Code is not good. Now i study Java EE. this's more knowleadge so i have proplem.
Tool: eclise, tomcat and mysql server...and using JSp and WEbService.
I don't know design about this. i'm have code JSP java SE so create a App in web i not good. Can help me.tks!
|
|
|
|
|
If you want to have a chat application then you will need two component at least
1. Chat server
2. Chat Client
Your server will do all the data forwarding to and receiving from client.
Now your user can access your client application through web.
Now, show some code if you expect any better answer
I wish I could believe there is an after life.
|
|
|
|
|
yes, i agree with you, so think i want: What tecnology and the process to create chat. how the server create and run, more client... and
|
|
|
|
|
you can build your server with Java, C/C++ or any programming language you are comfortable with.
You can build your client with Java or Flash, they are both easily embeddable with HTML
I wish I could believe there is an after life.
|
|
|
|
|
Take a look at this link[^].
It is an article posted here in CodeProject from Jeeva S[^].
And or use Google to search for: chat source java
This will give you plenty of details.
Good luck!
|
|
|
|
|
Hi,
I am pretty much new to EF and MCVC3, I have been reading multiple articles on EF and MVC3. I am really confused when the articles talk on code first EF to talk to the database. Can you please help me in providing examples where we can think more of live environment where database is in the control of others in the team which is on other servers and application is developed on MVC3 by us. What is this kind of EF called. Please do the needful
This is Satish
|
|
|
|
|
I have a link showing my issue, link below. In the background firefox looks to be adding extra space to the bottom of my banner nav buttons and also to the div block above it. http://postimage.org/image/krt95j1wj/
I have tried the following with no effect, or an undesired effect;
...font-size: 0 in the ul and font-size:normal on the li
...display inline
...add divs to the text inside the inside of the li tags
here is the html. any ideas...?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
*{
margin:0;
padding:0;
border:0;
}
#banner_container{
width:770px;
height:360px;
overflow:auto;
}
#banner{
position:absolute;
list-style-type:none;
width:770px;
height:360px;
overflow:hidden;
clip:rect(0px,770px,360px,0px);
}
#banner li{
width:770px;
height:360px;
position:absolute;
top:0;
left:0;
}
.right_side_container{
float:right;
clear:left;
width:250px;
height:360px;
}
.ad_box{
height:160px;
width:230px;
margin:10px;
background:white;
}
.main_banner_text{
position:relative;
background:url('bg_white_fade.png');
color:black;
height:60px;
width:400px;
top:240px;
padding:10px;
}
#banner_nav{
list-style-type:none;
margin:0;
padding:0;
border:0;
position:absolute;
top:325px;
left:10px;
width:300px;
height:25px;
}
#banner_nav li{
float:left;
clear:right;
width:25px;
height:25px;
border:0;
margin-left:3px;
padding:5px;
font-size:10pt;
text-align:center;
background:url('bg_black_fade.png');
color:white;
}
.banner_nav_current{
background:url('bg_white_fade.png') !important;
color:black !important;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
var bg_images = new Array('slide0bg.jpg','slide1bg.jpg','slide2bg.jpg','slide3bg.jpg');
var max_banners = bg_images.length;
var current_banner = 0;
var next_banner = 0;
var last_banner = max_banners-1;
var btimer = null;
$(document).ready(function(){
$('#banner>li').each(function(){
$(this).css('background-image','url('+bg_images[$(this).index()]+')');
$(this).css('z-index','-'+$(this).index());
});
make_buttons();
start_banner();
});
function start_banner()
{
if(max_banners>1)
{
next_banner = current_banner+1;
btimer = setInterval('rotate_banner()',5000);
}
}
function set_z_index()
{
var index = 0;
var cur_li = next_banner;
for(var i=0;i<max_banners;i++)
{
$('#banner>li').eq(cur_li).css('z-index',index);
cur_li++;
if(cur_li==max_banners) cur_li = 0;
index--;
}
}
function rotate_banner()
{
$('#banner>li').eq(next_banner).css('left','770px');
$('#banner>li').eq(next_banner).css('z-index','0');
if(max_banners>2)
$('#banner>li').eq(last_banner).css('z-index','-2');
$('#banner>li').eq(current_banner).css('z-index','-1');
$('#banner>li').eq(next_banner).animate({'left':'-=770px'},'slow');
$('#ban_nav_btn_'+current_banner).removeClass('banner_nav_current')
$('#ban_nav_btn_'+next_banner).addClass('banner_nav_current')
last_banner = current_banner;
current_banner = next_banner;
next_banner++;
if(next_banner==max_banners)
{
next_banner=0;
}
}
function make_buttons()
{
if(max_banners>1)
{
var n=1;
var add_nav = "<ul id='banner_nav'>";
for(var i=0; i<max_banners;i++)
{
add_nav+= "<li id='ban_nav_btn_"+i+"'";
if(i==0) add_nav+= " class='banner_nav_current'";
add_nav+= ">"+n+"</li>";
n++;
}
add_nav+= "</ul>";
$('#banner_container').append(add_nav);
}
}
</script>
</head>
<body>
<div id='banner_container'>
<ul id='banner'>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Fall!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Summer!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Winter!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Spring!
</div>
</li>
</ul>
<div>
</body>
</html>
Chris J
www.redash.org
|
|
|
|
|
Use firebug to check if there is really white space.
No more Mister Nice Guy... >: |
|
|
|
|
|
Here are two more screen shots that show my firebug window.
http://s5.postimage.org/z8zl234dj/fb_ss1.jpg[^]
http://s5.postimage.org/fsevfk99j/fb_ss2.jpg[^]
I also highlighted the ul in the first one and the li in the second. You can see the code dislayed in the window below which is odd as I did not have line breaks or tabs in my code, soI assume that fire bug is formating it. The generated source looks like this
<ul id="banner_nav"><li id="ban_nav_btn_0" onclick="selectFocus(0);" class="">1</li><li class="" id="ban_nav_btn_1" onclick="selectFocus(1);">2</li><li class="banner_nav_current" id="ban_nav_btn_2" onclick="selectFocus(2);">3</li><li class="" id="ban_nav_btn_3" onclick="selectFocus(3);">4</li></ul>
I do not see any whitespace, but it looks like a css issue with a height of 25px and padding 5px on the li. Firefox, Chrome and Safari do add this. the odd one is IE, but I think IE is correct (I could be wrong).
I had read online that making an element float forces a dislay block on the element which also adds spacing to the bottom, which is what I see here. But I also think that firefox and company are taking my 25px height and 25 px width, and adding the 5px padding to these along the y axis. I suspect that IE is respecting the 25px h+w and forcing the padding to stay with those limits....this is all just guess work on my part, so I am hoping the community has some advice.
I can run the code with the extra spacing, it does not stop it from working, but I would like it to truly look the same on all platforms.
ideas...?
Chris J
www.redash.org
|
|
|
|
|
|
I am running ie8 on an win xp box
Chris J
www.redash.org
|
|
|
|
|
|
That was my guess to.
Oh I am to late 
No more Mister Nice Guy... >: |
|
|
|
|
|
any website or mobile app which is created through this platform will ensure reaching to masses all over the world. HTML5 developers Do a great work and make your work easy far better.
|
|
|
|
|
I get an email whenever there's an error on my webapps. We recently initiated a service to do Red-Siren testing; e.g., testing for any security issues.
Got an error message today.
Of most interest, and danged funny at that, is the unedited, verbatim "Error Message" from Microsoft's lovely .NET Framework ... (emphasis added)
URL: https : / / www.RedactedWebSite.com /SomeWebApp/ThatLoginPage.aspx?ReturnUrl=%2fSomeWebApp%2fDefault.aspx%3faction%3dppr&action=ppr%3CScript%20%3Ealert(%22HelloSIG%22)%3C/Script%3E
Error Date: [redacted]
Error Message: A potentially dangerous Request.QueryString value was
detected from the client (action="ppr<Script >alert("Hell..."
Albeit a little late (going on 7+ years of .NET programming...), thanks for the warning Microsoft!
|
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
