Mostly the image shows it all. But I would like to know if anyone has the script to this code, or something similar to it where I could easily change it to look like this.
Thanks.
( view image at; https://ibb.co/cnHqgb (can’t upload one to here))
All you have to do is use the Developer console on your web browser, if you are referring to javascript; Javascript is a client side scripting technology which means it is run on the clients computer. All resources for the web page rendering are available on the "client computer". Visit here for information on what client side means: https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwjqhfWyubLYAhUQ4mMKHfOaAbEQFggpMAE&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FClient-side&usg=AOvVaw2_tROJ3t6y_go_JvYx5Cbc
PHP on the other hand is also a scripting technology but is run on the server, but PHP only serves what scripting your browser recognizes which is html, javascript, java, flash etc...
Open the developers console and look under the resources tab and you should have a listing of all the resources for the page under question. You can then download them and look at the source code that is used for browser rendering. You must keep in mind that sites are intellectual property and usually contain copyright footers which means while you can research and learn different design layouts for websites by inspecting source code, if you steal a site owners exact intellectual property for displaying a website you could be held legally responsible.
Related
For learning purposes I want to view the html source of sites like amazon.com, ebay etc , After learning I want use it in my work, I don't want to copy and paste the html source.
Points to consider:
1. Hiding html source is unprofessional, here
2. Viewing HTML Source is safe for developers, here
3. All working web professionals do it for learning, here
So can i View HTML Source to learn css styles etc ? or should I get permission from website's owner ?
Any help would be great.
Client side code is always accessible publicly, viewing it or using it for learning purpose is absolutely fine. There is nothing illegal to that. However, if you are using the design of the any website or the part of website such as java-script or css, there should be a copyright notes; just read that once before using it. I don't think all java-scripts and css may have the copyright issues and you can also read the website policy before using it.
That depends.
If you live in the USA and circumvent a copyright protection system (however badly implemented) while viewing and using source code you broke the law. There are many other ways to break the law by misusing other peoples websites (like scraping, leaching, mirroring, hacking, etc). Search for "laws you break every day" and you will see how hard it can be to not break the law, but the rule of thumb is be a nice small fish and likely any laws you break people wont care enough to charge you with.
You can read a source, but you shouldn't use it if not allowed. If the source has a license, you should read it to know.
The HTML/CSS/Javascript code is loaded in your browser and you can watch it as many times as you want without any concern.
yup, it is 100% legal to view and use
First, a short disclaimer. I have next to no knowledge about web applications. I come from an iOS background where I exclusively wrote native code, so if you write your answers like I know nothing outside the shallow parts, that would be great.
I'm interested in learning a stack to develop web applications, but I'm not sure what the right way to build the GUI is. I know that a web front end consists of html and CSS to create the display and javascript as the bridge between the back end and the GUI, but I don't know the best way to put something together.
I know in iOS, you can use the Interface Builder (part of xcode that lets you graphically create the xml that describes the display) to create GUI's without any knowledge of how iOS translates the xml to some rendering, or even what is written in your xml files. Is there any analog to the web front end?
I'm mainly just looking for a list of the accepted ways to develop the GUI for a web application. If I have to learn HTML and CSS, so be it, but I'd like to know what my options are and the tradeoffs between each of them.
I can answer shortly stating that (technically) you can design web pages without coding in HTML or CSS, or even Javascript - although, you would be somewhat limited in your creative abilities and applications.
You can read about WYSIWYG html editors on this link, or try out ckeditor (someone said it's good)...
...I think a bit of background will help you reach a correct decision...
so here goes:
The Long Answer
I would start by trying to put the world of web programming and design into concepts that correlate with iOS coding.
If we look at the whole of a web app from an MVC perspective, then the browser is the view, the server is the controller and the database is the model... although this is very simplified.
Just like in iOS, each of these can be (but doesn't have to be) broken down into sub-MVC systems.
Just like any model in MVC, the view (the browser) can talk to the model (the database), but really it shouldn't. that's just bad practice.
If we break down the main-view (the browser) to a sub-MVC system, I would consider the HTML as the model, the CSS as the view and the browser (through links and javascript) as the controller.
It's not all that clear cut, but thinking like this helps me practice better and cleaner coding.
The HTML is the view's model for the web-app - it contains the data to be displayed or used.
HTML is a variation on the XML format and it contains data organized in a similar way to an XML file.
The basic HTML file will contain:
<html>
<head>
</head>
<body>
</body>
</html>
this should look familiar to you if you read any XML.
The CSS (cascading style sheets) is the view - it states HOW the html DATA should be displayed.
if your web app does't have any CSS, it will use the browser's default CSS/styling to be applied on the data in the HTML.
This "language" makes me think more about dictionaries in iOS (I think that's what they're called in Objective C). They have properties and values (like key-value pairs) that determine how the HTML data is displayed (if it's displayed).
They could look something like this:
body
{
color: white;
background-color: black
}
The browser is the web-app's view's controller - it makes it all work together and serves it up to the screen.
Javascript and links help us tell the controller what we want it to do, but it is the browser that acts (and willfully at times).
You can have a whole web app that acts without javascript, using only the default actions offered by links - in which case the browser will usually ask the server (the main controller) what to do.
Javascript helps us move some of the legwork from the server to the client, by allowing us to have a "smarter" controller for our view - just like in iOS.
The issue of the errant main-view / browser
Not all views are created equal, and not all browsers are the same.
Because the browser is used as the controller for the web-app's view, and because some browsers act differently then others, we web coders have the problem of working around someone else's idea of how our view's controller should behave.
You might see us complaining about it quite a lot (especially complaining about Internet Explorer).
These days, this issue is not as big of a problem as it used to be... it's just that some people don't update their computers...
WYSIWYG web editors
There are website builders and editors that try to work like X-Code does, by allowing us to build the website much like we would write word documents.
But, unlike X-Code which codes only the graphical interface of the view, these website builders write the model as well and usually add javascript into the mix.
When we use these tools (which I avoid), the whole MVC model breaks apart.
We can use them as a starting point for dirty work, but then we take their code apart and adjust it to our needs - usually by taking the code we need for the view (CSS) and applying it where we need it (and discarding much of the nonsense they add to the code and the HTML).
To summarize
As you can tell, HTML and CSS (and Javascript) are only a small part of a web app - as they all relate to the main view of the web app.
To write the controller and models for web apps, we use other tools (such as Ruby, PHP, js.node, MySQL and the like).
Coding the HTML and CSS isn't as hard as you might think, although it might be harder then I present it to be.
You can avoid writing code for web apps and use applications that offer WYSIWYG (What You See Is What You Get), but that would limit your abilities and will take away from your control over what you want to create.
I'm trying to figure out how to program a website that looks very similar to http://www.renthop.com/.
I'm new to web coding, so I'm not really sure where to start. For example, is it Java or HTML? Or both? I really like how its setup, the responsiveness and smoothness of it. I just want to make sure I start off in the right direction in terms of choosing the right language etc.
If anyone has any idea of what this is based on it would be greatly appreciated!
Thanks - KC
The server-side code is PHP, the front-end is built off of the jQuery and jQuery-UI javascript libraries and a series of third-party plugins. The final product is a dynamic HTML application.
Do you want to launch your website? If so, creating a website from HTML would only make a website on your local hard drive, not public. You're going to need a domain name and hosting to make it public.
HTML is a markup language for formatting websites, but you can still create a website out of it. Not public, as I said above.
CSS is rulesets for telling the browser how to display the HTML formatted content. It is also not a programming language in the same way HTML is, although it can be a lot more powerful.
Javascript is a programming language. You use it to make the website interactive. Get Firebug or a similar add-on for Firefox, or just right click and 'Inspect Element' in Chrome to see the javascript for more detail on what javascript does.
AJAX is an extension of javascript to get data from the web server and update the page with it, without having to refresh the page.
PHP is code commonly used server side to interact with the filesystem and databases and output HTML. You can also use python, perl, .NET and a handful of other languages/frameworks to do this.
MySQL is a database.
I see all these tools for web page creation. (Java, PHP , ASP.NET , CSS, WordPress...) When I save a web page, it's always HTML. Does that mean that all these tools are platforms for creating HTML web pages? Or are they alternatives to HTML altogether?
Also, if they are all HTML, why do web hosts advertise they have Linux / Windows? What does it matter?
HTML is a markup language which your browser (Firefox, Chrome, Internet Explorer, etc.) can read to render what people usually call a webpage. However, your browser can also render image files (try opening a photo with it), XML files and many other file formats.
When you try to access a URL (let's say http://www.stackoverflow.com), your computer sends a request to the server which hosts the site. Any technology can be running on the server (Java, PHP, etc.) to process your request. The server is a physical machine which can be running any OS (Windows, Linux, etc.) and software. Eventually, the server returns a response to your browser (oftentimes the response will contain an HTML page for the browser to display).
Wordpress which you mentioned is a content management system which helps people making PHP websites.
CSS is a markup language which is used to decorate HTML pages. Most HTML pages refer to a CSS stylesheet which your browser retrieves and then interprets.
For a web page, HTML is always the "end product" sent to the browser (in addition to any images, stylesheets, script files, etc which the HTML links to).
Java, PHP, ASP.Net are server-side languages you can use to generate HTML dynamically on the server (in comparison to just serving static HTML files)
CSS is styling for your HTML. You either write it in the HTML page itself, or in a separate CSS file which you then link to from the HTML.
WordPress is a complete CMS (Content Management System) built on PHP and MySQL.
They use HTML just for the basic layout. You can do Websites which don't use any HTML. The OS of the server is just a usage/performance question for the hoster. Also I think there proprietary Windows-standards that Linux servers can't handle, but I'm not sure on that one.
Basically, the client-side output is HTML in the most cases although it cannot be only that, but that is the standard. The PHP, ASP, etc. are running server-side and you cannot see them. Only exception is JavaScript, which runs clientside so you can see it if you're viewing the source, but finally, the page output will be HTML.
Note: CSS is a formatting system. WordPress is a blogsystem (or now a CMS) written in PHP. So you're mixing some basic points.
you mentioned two different thing:
First HTML:
this is basic language for showing data on web. All pages are sent as HTML page and your browser renders HTML and shows you images and links and ...
The other thing is web programing languages like php,asp,java... . they are languages that process data like verifying user name and password and send its result as HTML to user.
the other thing you've mentioned about hosting:
every programing languagehas its own requirements for example if you want to write a program in ASP.NET, so you have to use windows server.
so it depents on your need to choose one.
I'm interested is there a possibility that could allow to display website's content or to say exactly an HTML through a specific browser installed on the web server?
I mean something like a module for a web server may be, that can display the website's content through the built-in browser, ignoring the clients browser?
If this possibility really exists, so I don't need to adopt my HTML to different browsers.
No, there isn't any web server module that takes control over the client's computer.
Depending on your situation I suppose you could replace the HTML page with Flash, Silverlight or a Java applet if that would make things easier.
Well, you could make some pdfs or images if you really want a specific rendering, but it's really not a website anymore at that point. You could also beg your users to use a particular browser, but they'll probably ignore you. The world spends (wastes) gazillions of dollars on good, standards-compliant HTML and CSS for a reason.
How about a browser in a Java applet?