Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 9 months ago.
Improve this question
First of all, I do all my coding strictly in code view in Dreamweaver for a good few years now. I could do all my coding in Notepad, but Notepad doesn't have any features. :) I've never thought of changing because I just got used to Dreamweaver over time. But now it's starting to irritate me here and there. I also want to switch to a more lightweight editor.
What I don't like in Dreamweaver is that tabs can't automatically be changed to spaces (very annoying, any solutions are welcome too). It also creates a lot of useless whitespace everywhere.
I love Dreamweaver's automatic auto complete for html and css, this speeds up my coding very much because I don't have to type out every character. I've tried some other editors, but I really miss this feature. Dreamweaver also auto completes css classes from included css files in the header.
Is there any other editor that has similar features? Free or license is fine. I like Sublime Text (http://www.sublimetext.com/).
Thanks!
I went for PhpStorm eventually. Love it!
Notepad++ is the best for Window: http://notepad-plus.sourceforge.net/uk/site.htm
I've came to a solution that, though it's not lighter than Dreamweaver (as you requested), is very robust, works like a charm and was quite a productivity boost!
Check out:
Eclipse + Aptana as a plug-in (how to auto-upload on save)
If you enjoy html markup completion then snippets in Textmate for Mac is amazing. I use it all the time for all my HTML and CSS work. However if you are a windows person I hear E-TextEditor is the best replacement for Textmate. Both require licenses.
You might be interested in HTML-Kit.
Your don't want to use Dreamweaver and you want Dreamweaver theme in other editor which is not load like Dreamweaver then sublime is best for you,
Download sublime from this link and follow this step to apply Dreamweaver in sublime.
Click here to download Dreamweaver Theme Zip File
How to apply colour scheme like Dreamweaver CS5
1. Download zip file from Dreamweaver Theme File Link
2. Extract folder
3. Open sublime and goto "Preferences">"Browser Packages..">"Paste extract folder here"
4. Restart Sublime
5. Select color scheme from sublime, to select color scheme Goto "Preferences">"Color Scheme">"SublimeDreamweaver-master">"SublimeDreamweaver-master">"Dreamviwer"
6. Restart Again your sublime
7. Now open your file to see effect
8. Thanks
Change Font like dreamviwer after apply color scheme of dreamviwer.
1. Goto "Preferences">"Setting - User"
2. Add this line is your setting json, "font_face":"courier new"
3. Save enjoy
Thanks
Microsoft Expression Web. It is not free...
I have tried PHP Designer 7 and it rocks with its features. Most of all, you get autocomplete for methods / variables in PHP classes.
If you use a PC, you could try out VisualStudio express / Visual Web Developer, which is free.
http://www.microsoft.com/express/product/
If your real trouble is tabbing and spacing the you could actualy try to modify those settings at Edit > Preference > Code formatt. this should help.
Once you modify the setting apply it to the page.
or
You could also look at Netbeans is a powerful tool too. Buts its a bit heavy weight.
If you want it only for HTML purpose , then while installing do not install unnecessary modules.
Did you try Stylizer from skybound.ca? I've been using it and you can visually modify the CSS or code it using the side bar. Works pretty good but is not as feature rich as Dreamweaver.
Microsoft Visual Studio Code or Brackets (much less simpler).
Plus appropriate plugins.
Why?
Because you can run terminals in which you can compile your server side code or TypeScript, run NMP or run server auto refresh on code save.
Access git easily.
Have intellisense for bootstrap classes or other frameworks.
Debugger, and more
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
So I recently finished the HTML and CSS course at Codecademy, and I want to practice coding with html and css. My problem though, is that I don't know where to start. I've been searching around to try and find the information I need, but I can't find anything. I kind of feel like it's so obvious noone's ever needed to ask, but I don't know, so here I am, asking.
While searching for the answer to this question, I could only find sites that teach how to use html and css, like Codecademy, and sites that let you test html code like w3schools.com, but no sites that let you practice html and CSS.
Here's my question:
Are HTML and CSS created as .html and .css files on my computer?
You should ask new question for each of the questions you posted.
Where do I code html?
You can use any text editor. Try Sublime Text - download the app for your operating system and install.
Create a new file, saving it with the file exetension .html. Be sure you saved the file in an easy to find location - like you would with any word processing document or spreadsheet.
Open a browser (Safari, Chrome, Firefox).
Click and drag your new HTML file into the tab window.
Make some changes in your HTML file.
Refresh your browser tab.
You're now on your way to learning more about coding HTML in your local environment.
You can create HTML, CSS and JS files on your hard drive and simply open up the HTML file by double-clicking it (or opening it directly through the browser's file menu).
Typically these files are stored on an HTTP server that provides content when asked... but for your purposes to practice HTML and CSS, you can simply save the files on your hard-drive and open them from there.
Yes, they are (but CSS can be stored on a server as well, see 2.). You can then open the HTML file you're editing in any browser and see the output.
You can include CSS in your HTML file by using:
<link rel="stylesheet" type="text/css" href="path-to-your.css">
The path to CSS file can also lead to an online server, if the CSS file is stored there:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
The simplest way I can think to answer is:
Are CSS and HTML coded in a file on one's computer?
Yes
If so, how is the CSS connected to the HTML, and how are these connected to a website?
In the HTML file you specify which CSS files will be used in your page (I'm assuming you know what CSS files are for). The web browsers like Internet Explorer, Firefox or Chrome, read the HTML code and produce the sites you see anywhere.
If you are only practicing basic HTML:
Open notepad (Windows+R, type "notepad", enter)
Write some code like the found here: http://www.w3schools.com/html/html_basic.asp
Save your file with .html extension
Open it in your web browser by just double clicking the file
EDIT. Check this other example to see how to reference the CSS files http://www.w3schools.com/html/html_css.asp.
You only need to put your HTML file and CSS file in a folder in your computer, you don't need go to any site to practice this because HTML and CSS code is interpreted directly by your web browser.
Are CSS and HTML coded in a file on one's computer?
yes and no.
Basically CSS can be anywhere; your computer, your server, someone else's server, etc.
Your Chrome blocks some local sources for security reasons, but Firefox handles them pretty well. If you have a static website (that does not involve with any database), you can just create a directory and make html, css, and javascript files and open with Firefox to test.
Otherwise, get hosting services like godaddy, or get a server like Amazon Web Services and put them in there.
If so, how is the CSS connected to the HTML, and how are these connected to a website?
Typically, this is how people do.
<html>
<head>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- your body... -->
</body>
</html>
If not, where are HTML and CSS coded for use on the web?
This was answered above.
CSS and HTML are not things that need to be installed on your computer, you just need to create a file with the .html extension, put some code in it and open it with a browser. The browser interprets it automatically, the same goes for CSS. To create HTML pages for practice, all you need to install is an IDE to edit your code.
Ok - everyone has to start somewhere and I'm going to assume you are a novice so if any of this information is too basic, please excuse it.
There are tiers to consider here....First let's break down what the languages do - I'm going to talk about additional languages because I see people already talking about servers and scripting to so I'm going to try and tie this all together for you. I started self taught and learned a lot of hard lessons so hopefully this add's a little bit of an advantage to the learning curve.
SERVER Think of a server as a computer. It run's slightly different software but the principles are the same. It's only job is to store code, interpret it and present it when called. A very popular server software that you'll find is apache so let's focus on this for now. Windows is not a server and can't be used as a server. However, it's possible to edit a server with windows and it's possible to run server software on top of windows just like any other application. You'll hear references to WAMP, LAMP, XAMPP and a bunch of other acronyms but for now you just need to know why they exist and what they do. A server is not required to write and produce html and css documents
HTML The primary purpose of HTML is to tell a web browser what it's looking at. You'll see a lot of HTML4 vs HTML5 and a ton of other arguments that won't make a lot of sense up front. The important thing to remember about HTML is that it is the framework for everything website related. A lot of people will argue that other languages are more important for one reason or another but without html, none of the other languages matter at all. Whatever you know about this is fine for now. Start small and work your way up.
CSS Is amazing. CSS3 is the current standard but there are still some things that are not cross browser compatible. That's a story for another day but the basics are the same everywhere. You define your classes, id's and elements then tell them how they're going to look. The more you get in to CSS the more you'll realize how amazing it really is. It's useful on a lot of levels and plays a big part in some scripting languages. The biggest thing to remember about CSS is that you should write as little as possible. The more rules you write, the more chance there is for overlapping and something you wrote 3 files ago on line 463 is going to dominate a new rule you just wrote. Try and write as much as possible in classes too so you can really make your code globally usable.
PHP/ASP These are just two of the more popular languages that are considered back end languages. When you're thinking of a website, break it down like this. Front end = Browser, Back end = server. Anything that PHP does is on the browser side. As an end user of a website, you'll rarely see it but it's a major component. This is relevant because as you grow, you'll wonder about trying your hand at a back end scripting language. That's great but that's when you're going to start getting in to servers and such so I'm sure you'll hear a lot about the benefits of it but for now, just stay focused on the basics until you're comfortable.
Javascript/jQuery Again, this is just two popular examples of the many scripting languages that are available on the client side(the browser). These languages can generally be viewed(and edited) by the end user. They are extremely useful for changing pages content without reloading the page and they can talk to the server languages as well. Again, get more comfortable first with your basics before branching out here but with the references you're bound to receive to these languages as you learn, it's helpful to know what they do and why.
Editor To edit html you can absolutely use any text editor. Word, notepad, notepad++, sublime-text, wordpad...literally anything that saves in a standard text format. As long as the extension is html, css, etc. The editors geared towards programming offer a lot of features and benefits as compared to the basic editors available in your windows/mac setup. Try your hand at a few different ones and see what suits your taste. You can write one file of html, download the programs and right click to open with each program to see the differences. Personally I recommend Notepad++ but to each his own.
Why is my answer so long? I know this is a majorly overkill answer to your question however I also know how hard it was for me to get started in this field without some very basic knowledge. This should be enough to get you off and running and hopefully help out when you encounter some unfamiliar territory. In the future, if you find yourself looking to get in to the server/scripting world, let me know and I'll pass along a write up I did on setting up xampp for windows.
Good luck!!
You need a text editor to practice your code I recommend downloading Sublime
Its free, in sublime under view you can change syntax which is the language you are programming in you can set it to html or css or any other language you desire.
The structure for "connecting" html and css is usually a simple folder like structure.
Create a folder called Website
In that folder you would have your html file(s) you can call it index.html
Also in that folder you would have sub folder(s) for your CSS and JS but since you are just working with CSS now create a folder named css. This is where you will save your css file that could be called something like style.css
Here is a more through guide on folder and directory structure.
Keep going with Codecademy and build your own projects in the browser.
I'd recommend taking a look at a good example. HTML5 Boilerplate is a good starting point and has some good practices for a project (in my opinoin). This may be a good reference for you to get a feeling of how the javascript and css files can be arranged and linked to. The website is static so you can open the index.html file with a browser to preview it. You can also make changes to the css and javascript files to see how this changes the index.html page.
https://html5boilerplate.com/
You're asking a very broad set of questions but hopefully there's quite a few good answers in here to point you in the right direction. Good luck!
It is technically possible to have both HTML and CSS in one file using the style tags:
<html>
<head>
<title>Title</title>
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Test Text</h1>
</body>
</html>
However it is considered proper practice to use Cascading Style Sheets, which is probably what Code Academy used.
Checkout setting up a WAMP, LAMP, MAMP server depending on your platform (W) Windows, (M) Mac, (L) Linux.
http://www.wampserver.com/en/
https://www.linux.com/learn/tutorials/288158-easy-lamp-server-installation
https://www.mamp.info/en/
Then in your respective directory (html_public, Sites, wherever) you will have a local server environment where you can develop locally.
I use the Sites/ setup on a mac
css and javascript are usually linked in the head section of an html document.
You will need a editor - I recommend looking at Sublime Text or Atom.io
If you just want to play around for a while before attempting your own projects, you can build on sandboxes like http://codepen.io
Are CSS and HTML coded in a file on one's computer?
A: depends either you can create both css and html in one file or in different files. If you using lots of css code then everyone will suggest you to write them in different files and you can code them in someone's computer or on server.
If so, how is the CSS connected to the HTML, and how are these connected to a website?
A: you said that you have done html and course and you don't know who to add a css file to a html file. (Use Google sometimes) use this link you Wil get you answer. After coding you can test them using your web development tool if you are developing in a tool. Else use your web browser to test.
I suggest you to visit websites as much as you can an use chrome tool to see how that website is done (you can only find front end parts.)
I know it might sound dumb, but I'm new to this framework. A client has an application that was developed with yii, now he needs some few changes made, like some spellings, changing the content of the copyright on the footer. I tried editing using Dreamweaver, but I don't seem to locate any of the texts. Please help! Thanks in advance.
use a text editor like notepad++ ore sublimetext or notepad. is only php code..and html
for the footer look at source code of the application. If the version is Yii 1* you can find this part of code in layout. If you use the default theme you find the layout in yourApp/protected/view/layouts/
if the application use a specific theme the layout are in yourApp/theme/yourThemename/layouts/
look for the file you need (normally main.php)
If the framework version is 2.* the layout are in yourApp/view/layouts
I'm looking for a way to practice CSS and HTML without worrying about whether the backend works or not, or whether or not I have to make the content. I've played around with javascript and node.js a bit, and although I feel like I have a (very) rudimentary understanding of it, I feel as if I should be learning HTML and CSS correctly before messing more with the backend.
Is there a good place to just write CSS and HTML? How did you learn them?
Is there a code editor I should be using (specifically for HTML layouts and CSS layouts) besides Sublime Text?
Well, first of all, you do not worry about how backend works if what you want is to practice CSS and HTML.
Easy steps to play around with HTML and CSS:
create a new file, say index.html. Then, just double click on that file or open with.. your favorite browsers (Chrome, Safari, Opera, Mozilla, or IE).
If you want CSS, you can attach it to the index.html by using <link rel="stylesheet" href="file.css">.
Note : You would only need Node.js when you are dealing with AJAX method like using XMLHttpRequest or $.ajax() method due to CORS (Cross Domain Policy. Other than that, just play around with HTML and CSS with the browser.
My Personal Journey to the Front End Web Development
About me
I am currently working as a full time Front End Web Developer and I self-studied coding for 2 years now (I started this in June 2012) from almost zero knowledge about coding. When I started this, HTML5 and CSS3 were briefly introduced to the public so I learned HTML4 beforehand.
Web is fairly a big topic if we talk about the full stack integration (from the browser to the server to the database). If you are into the front end (HTML/CSS/Javascript), start off with some online tutorials (link below), then try to create your own web product (it could be a website or a web app). Try to improve a bit by a bit, and if you ever get stuck, you can always google search your problem and try to find the solution online (usually StackOverflow).
About Text Editor
I think the best way to learn is to get your hands dirty with minimal code help as possible. This will force you to remember most of the syntax and in turn increase your productivity. I was using Notepad++ but then switched to Sublime Text (Currently Sublime Text 3), and is my favorite text editor up until now. I know my co-worker is using emacs or vim that has a lot of keyboard shortcuts. Personally, Sublime Text is good enough to write HTML and CSS. Link: http://www.sublimetext.com/3
I started learning HTML and CSS from these links:
Paid
http://www.codeschool.com
Free
http://www.codeacademy.com
http://code.org
Hope it helps,
Yanuar Wibisono
Have you looked at w3schools html and CSS tutorials ?
They have a very handy "Try it yourself" button which allows you to try out your own code and see the results very quickly. The tutorials themselves are also well written with plenty of example code.
For HTML and CSS, I would recommend the text editor Microsoft WebMatrix, which is a standard program for Windows. For learning HTML and CSS, check out http://codeacademy.com. It's one of the best places to learn HTML, CSS and a bunch of other coding languages.
Disclaimer: This question is not about fixing visual studio
So, I've used VSS for so long to edit HTML source that I actuall completely forgot there was a design view button. So for fun I clicked it. When I clicked it here is what I got.
Now, I fully expected it to look like crap since my styles are defined in separate css files. This got me wondering. Has there ever been a WYSIWYG editor that will render a page while editing using all stylesheets even external ones?
I think that WebPutty would help. You embed a WebPutty script on your site and it allows you to edit your CSS real-time and publish to your site as well right from WebPutty. It's not as powerful as Coda but does the trick if all you're concerned about is adjusting your CSS.
Dreamweaver. *cough
The design view is usually pretty close, but sometimes chokes for no apparent reason.
I would check out Coda and Espresso - both of these editors render external stylesheets in the design view when editing html. They also have beautiful interfaces and embedded ftp clients : )
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
What editor or IDE can I use to write html code?
I mean that I write my C++ code in Visual Studio, for example...
so where can I write HTML code?
Have a look at Notepad++ - it's not an IDE but a great editor with syntax highlighting for many languages (such as HTML).
I'm deploying Aptana Studio. Makes a very nice and professional cross-platform developer tool with code hinting not only for (X)HTML but JavaScript/jQuery as well. Very pleased with it.
I can't state the same about Dreamweaver though.
I would suggest using an editor such as Adobe Dreamweaver to begin. However, to answer your question you can write HTML in notepad or any text editor. Simply save the file with a .htm or .html extension, and your file will be executed with any browser.
You can write HTML with any text editor.
But you might want to have a look at Looking for a simple HTML text editor for Windows.
If you want to learn HTML, you should avoid WYSIWYG-editors such as Dreamweaver.
You could use a normal text editor. Powerful editors such as VEDIT have syntax highlighting for HTML and CSS, help entering HTML tags with specific buttons, menu items and snippets, and even have complex functionality for manipulating tables etc.
The advantage of using text editor is that you can use the same tool for all your editing, including programming, so the tool is familiar for you. (However, that may not be your case since you use Visual Studio.)
If you do not use a text editor for other purposes, the best option is to get a dedicated HTML editor, such as HTML Kit. It is a freeware editor specifically created for editing HTML, and it contains lots of useful toos, such as HTML Tidy. But you are still editing the HTML code instead of trying to do "desktop publishing" with WYSIWYG.
More HTML editors can be found from the Wikipedia page Comparison of HTML editors (but that includes WYSIWYG-editors, too).
Read http://www.w3schools.com/html/default.asp for information on HTML
You can write it in whatever texteditor you want, try Aptana Studio for instance. Just save the file with a .HTML or .HTM extension and open the file in you browser.
As Sev says, Dreamweaver is certainly a good tool for beginners.
If you just want to play around in HTML, you can also use an online WYSIWYG editor such as
http://htmledit.squarefree.com/
http://www.online-html-editor.org/
If your goal is to make a website, I would install a CMS such as Wordpress or Joomla. Then you can edit the HTML directly when it is necessary for advanced features, but you don't have to.
You can write HTML in Visual Studio, for example. However, you would usually make a web application in Visual Studio, not just a single HTML page.
I use Notepad to write single HTML pages. It has nothing special that helps you to write HTML, but on the other hand it's as simple as it gets, so nothing gets in your way.
If you write HTML code in Notepad, you have to write everything manually. If you use a software product designed for web development such as Adobe Dreamweaver and MS Expression Web, it will create code for you as you drag and drop controls. You can also look at the code file and edit it when you want.
I do all my web development in gVim. It is hands down the best syntax highlighter/autoindenter I've found, and has tons of little shortcuts that make editing text files very quick.
If you're not doing a ton of development, though, maybe you should just stick to Notepad, as it's something almost everyone is quite familiar with.
Check out w3schools.com for some great tips on getting started with HTML and all the other joyous languages you might want to learn as well.