How to make a website like apple.com/mac? - web-services

I know some javascript, html and css. However, i have no idea how could they make some website like http://apple.com/mac .
When I look at the source code of that sites, it looks like being generated by some program/ IDE. I guess people doesn't write all the code by their own using notepad in this case?
Can you suggest how people usually do (what steps/ tools/ IDE...) in order to start making a website like apple.com/mac ?

If you are an amateur website developer, I suggest using Dreamweaver as its WYSIWYG editor and also HTML5 / CSS3 support is great. If you want to stay just code editing, I'd advise Aptana Studio 3, again great code support. As for creating a site like Apple, it's a bit specific. Check out sites like http://net.tutsplus.com/ for tutorials on how to make sites.
How does the code look generated? Some JS is compressed - check out http://developer.yahoo.com/yui/compressor/ for an example.
To make sure you start off on the right end of the website developer spectrum check out:
http://html5boilerplate.com/
http://css3pie.com/
http://www.modernizr.com/
Also:
http://jquery.com
http://lesscss.org/
I'm missing out loads more here, there is so much to know. Don't focus on making a site like Apples, it sucks.

Well, first go yo the webpage!
Then right click and click view page source. Then type Control-A then type Control-C then put the code into your code then it will look like it (If you want to edit it change the code) Then you will have a webpage looking like the apple/mac page!

Related

Are you able to get hints from what template a message is coming from with dev tools?

I have this website that I'm editing for a friend and they want to get rid of this message at the checkout screen but their boss doesnt know who implemented it. Its an error message at the top in read that says "If you are having trouble checking out, please contact us at sales#cbobaby.com" and is in the check out page. This is an open cart website and I only work with wordpress sites so I'm having trouble figuring out where the source of the message is coming from. I've dug through some of the template files in the theme and I can't seem to find or delete anything that gets rid of it. My question is if there is anything in Chrome dev tools that would help me identify the source or template it lives in? I only use dev tools for adjusting css but I know there's so much more you can do it with. Thanks.
No, DevTools can't relate your front-end code to what generates it for the DOM. For the exact same reason we are unable to persist edits in the DOM to your source.
You need to use grep, or some code editor with "find all" functionality and look for some part of the string. If that fails, search your database and see if it is coming out of there. You can then either edit the database and hope nothing breaks, or try to back-track through the application logic to find where is calling that part of the DB. It should give you some ground as to where to look.
In the Sources tab, you can see the resources, that are loaded when you are on a particular page. You can also use the Inspect tool in the Elements tab to find the element that hosts that bit of text to narrow things down in your search.
To add to this, if content is generated on the server side, the resources you see will likely be a merge from multiple generated sources, e.g. with templates in your case. You can search your solution for aspects of the DOM elements you see in Chrome Developer Tools, but look for the static parts instead of the dynamic parts. For example, the text itself won't be part of the template file, a placeholder will exist - a CSS class could be useful.

Is there any way to use Qt and C++ to interact with a webpage?

I have a project using Qt 4.7. I need to display the contents of a webpage produced by performing a search on a website. The site has a box to type text into and an "ok" push button. When the ok button is pushed, it searches the site and goes to another page with the results. It's worth noting that these are NOT webpages made through Qt - they're just normal pages on a website. My Qt code so far is a simple UI with a QLineEdit and QPushButton. When the button is pushed, it needs to run the search on the site as if the user had typed the QLineEdit text into the search bar and clicked the ok button.
I know we're generally supposed to show sample code of what we've tried, but I honestly don't even know where to start with this, or if it's even possible. I've worked extensively with C++ but only a few months with Qt, and I've never had to write something like this. I've written code to write/parse HTML, but never to interact with a webpage that already exists. Can anyone please help? I'm really lost here. Thanks.
Edit: While looking for answers elsewhere online and seeing some of the similar-sounding questions people ask, I feel I should clarify: I absolutely am NOT in any way planning the use this for any sort of malware. It seems like a lot of similar questions get shot down over that, and I can assure everyone this project has no malicious intent whatsoever.
Try this:
void on_nameOfPushButton_pressed()
{
nameOfWebView->load(QUrl(QString("http://<website-url>.com/<search-url>?q="+
QUrl::toPercentEncoding(nameOfLineEdit->text()));
}

Web Design - Templates vs Include

I am currently developing a website. I would like to separate content and presentation. I am currently using a Dreamweaver Template to achieve this. However, I find that Dreamweaver's edit regions are very limiting in the design view. I have found that the same goal can be achieved by including the header and footer of my website.
What are the pros and cons of using includes rather than using templates?
First, if I were to rephrase your question, it's more like asking "Should I by a wire frame of a kite or by the glue to stick together what I'm making?" And then, you ask about the pros and cons of buying the wireframe against buying the glue. There are far too many variables as you can see...
And back on your your question... At some point your template will use include files. And for a start, it's worth knowing what you're thinking... Let's look at some basics.
Web design - usually refers to making websites that aren't really interactive. They don't have server-side elements. So most of the site has 'static' contents. If this were the case, you're better off with DreamWeaver, particularly if you're not into html/css editing.
Web development/programming - starts off with something as elementary as mailing a form, to highly interactive sites like FaceBook. Here you'll need to use some server-side language, usually like PHP, ASP or JSP. The choices are many but you've got to choose your own platform or combination of them.
Now to the second option (above). If for example, you were building a site using PHP, one of the nice things you'll do is to include your header, footer and side panels that need to be repeated across all pages. This way, you'll eliminate the need to re-write those sections. But if you were using a program like DreamWeaver, it does this duplication for you. Yes, it physically copy-pastes those sections into every file that needs it. Of course the end result may not be any different. But as a developer, you will be tied down to the DreamWeaver platform or for that matter, any other specific platform.
On the other hand, if you get used to working with an editor like NotePad++ or GEdit, you may switch between editors at any time. But you have the task of hand-coding everything from scratch. But then again, since you would use include files to bring in your headers and stuff, you save development time as well.
I don't know how much of html/css or php you know, but here's one of my demos to show you how to hand-code a site. This ain't complete but you should get an idea.
Link to the video introduction
Link to the video on youtube

Need a simple wiki system to replace DokuWiki to integreate with my homepage

Currently I'm using DokuWiki to manage my apps/scripts documentation, some articles I write and stuff like that... I like DokuWiki very much, it's simple and powerful but it's still too much for the use I've given it in the last 1/2 years.
I need something else, something different...
I'm looking for a way to integrate the little things I like in DokuWiki into my own website without needing a script, like DokuWiki, with it's own admin page. The website itself, my homepage, I like to code myself most of the things so it becomes exactly what I want. However, somethings I don't have much time for, that is why I'm using DokuWiki.
I want to ditch DokuWiki and scripts like these because I don't even use half of their capabilities. A wiki is a platform where people join their efforts and collaborate together to write stuff, it also has a revision system. These are two very important aspects about wikis that I don't care about for my own. I'm the only one writing stuff there and I don't care about revisions, never needed them.
What I like about DokuWiki is that I can point my browser to any URL within the wiki domain and create a page from there if it doesn't exist. I also like DokuWiki's syntax very much but sometimes it's very limited and I can't do what I want. The way you link between namespaces and such is also very nice. Too finish, a media/file manager is also very handy. These are probably the most important aspects for me in DokuWiki.
Basically, I'm looking for something, maybe a script, that would allow me to do the stuff I described above in a way I could integrate into my own website without needing a special administration area.
Does anyone know about such thing or I'm better off coding my own since my requirements are not that tricky to begin with, I just didn't want to have the extra work...
Or maybe any other suggestions?
Maybe you'll want to have a look at something like TiddlyWiki, which is a single-file wiki, that you can even put on a USB stick.
I chose xwiki over dokuwiki.
Another simple wiki is the one included with fogbugz. It is hosted for free for up to 2 users and might suit your project.
I may be off but very simple wiki with no administration and no users is LionWiki. I don't know how easy it's gonna be to integrate it into your website.
It's just one file and does not use database (like DokuWiki).
It does not have a lot of features though. It also uses a different syntax from that of DokuWiki.

Good Site Builder

I am currently working on a website and i kinda need something like a cms/site builder to be integrated int the site, but not very complicated.
for example let's say i have a few templates and the users can modify them as they please(add a picture, some text, etc)
Please help.
Thank you!
look at N2 if you are working in .Net http://n2cms.com/
try joomla, drupal, or wordpress. There are also some basic wiki sites that are easy to setup and use like TWiki.
If you want to keep things very basic then SnippetMaster is an option. Your users can edit odd bits of text and even add pictures. It works best for sites with only a few pages to update. For a large site you may want to look at something more advanced.
You can build a site these days with WordPress. Actually I recommend this even if you have more complicated stuff. There are a lot of plugins and themes and over all support. If you want something simple you can have it in minutes.
You could use Joomla (PHP) or Windows SharePoint Services (.NET), but it depends what kind of thing you are really after...
Also, you could use something like VS Web Developer 2008 Express edition which'll create a basic template for you.
Here's an awesome link that I just happened to have someone send me yesterday:
Top 10 free content management systems for web site designers