I am interested in working with some web templates such as the one mentioned here:-
templete
but inside its details tab it is mentioned that the following software are required:-
Adobe Photoshop CS+
Sublime Text2 or later, Notepad++, Dreamweaver CS5.5+(Code mode only) or any php-editor
I am a web developer but not sure why i need to have all these software to be able to work with the template. So can i get answers to these questions:-
Why i need adobe Photoshop CS+ ? now if i already have my website's pictures inside my machine, so do I need adobe Photoshop to work with the template ? or adobe Photoshop is required to work with the images rather than the web template itself. for example i will need phtoshop if i want to minimize or change the contrast of an image , etc ?
incase adobe Photoshop is required to be able to tune the web template or do extra features? do i need to purchase a licensed software or there is a free version of Photoshop that can satisfy this need?
now as i know a web template will mainly contain css, html, script files. which can be edited and viewed by simple editor such as note pad or by visual studio express . so if i have visual studio installed inside my machine do i still need ; Notepad++ , Dreamweaver or php-editor?
now as i know web templates (without CMS) should work with any technology such as .net , php or other languages and can be deployed under iis, apache , etc. Now for the template linked above will it only work on php ? because it is mentioned that i need php-editor to be able to work with the template?
Thanks in advance for any help.
John
For your questions?
Why i need adobe Photoshop CS+ ? now if i already have my website's pictures inside my machine, so do I need adobe Photoshop to work with the template ? or adobe Photoshop is required to work with the images rather than the web template itself. for example i will need phtoshop if i want to minimize or change the contrast of an image , etc ?
No, you should not need to use photoshop cs+. If the template provider you mentioned above have photoshop source files provided, it will be easy for you to change colors, fonts, remove some layers, and yes if the contrast of the image if you do have photoshop. However, it is generally a job for a web designer. For re-sizing, not really. css can do. However a photoshop can do that better without losing resolution.
incase adobe Photoshop is required to be able to tune the web template or do extra features? do i need to purchase a licensed software or there is a free version of Photoshop that can satisfy this need?
there is photoshop trial version. There is also cs cloud trial version. I believe both are for 30 days. For simple photoshop editing, photoshop elements is much cheaper. cs cloud is subscription based, 19.99 dollars a month.
now as i know a web template will mainly contain css, html, script files. which can be edited and viewed by simple editor such as note pad or by visual studio express . so if i have visual studio installed inside my machine do i still need ; Notepad++ , Dreamweaver or php-editor?
No. Visual studio is enough. Though other editors, such as note pad, notepad++, etc. will do too. Note pad will be a nightmare though.
now as i know web templates (without CMS) should work with any technology such as .net , php or other languages and can be deployed under iis, apache , etc. Now for the template linked above will it only work on php ? because it is mentioned that i need php-editor to be able to work with the template?
Unless it has php server side code (their web forms are probably written in php)
Related
I'm working on a personal project and I'm trying to figure out how to randomly 'color' various parts of an image. The result I'm looking for is like the following image generator when you click "Generate":
Random Color Image Generator
I'm not even sure where to begin. Is it possible to assign different Element IDs to a single image?
Thank you!
Laura
This is not a pure HTML project from what I understand of your requirements. HTML is not a programming language, it is a markup language for displaying things. Where anything apart from display is involved, a scripting or programming language is needed.
In your project, HTML would be used for the front-end, for example to gather information for example about which color goes where, and to show a 'generate' button that the viewer can click.
You will then need (to build) an actual program in the back-end (on a server etc) that will generate the image based on the parameters collected from the viewer.
The HTML front-end can then fetch the generated image and display it to the viewer.
The back-end can be built in a number of ways in a number of programming languages. PHP is a typical language for something like this. It can also be done in javascript (node.js), python, etc.
A good starting point is looking at open-source projects on github. A quick search showed me a few projects which might be in line with yours.
https://github.com/kotekipiesek/3D-Pony-Creator
https://github.com/lat9nq/make-pony
https://github.com/Tailszefox/Pony-Fusion
Even with the programming language, you would typically not interact deeply with the JPG or PNG file formats. Your scripting language would use a library to do this. ImageMagick is one such popular library.
Here is a question that I think you might ask if you pick node.js as your language:
How to replace a color with another using GraphicsMagick Nodejs
Currently, all documentation is based on MS office. This makes it quite challenging if you want to integrate some functionality. Then you have either the option to go with VBA or VSTO. First is not that comfortable, second could be like taking a sledgehammer to crack a nut.
Simple things like simple controls, hiding text or basic maths can be easily realized by HTML.
So I would need an HTML text processor what focus on content (text) and allow me to add interactivity when I need it. That means switching to source code or showing additional panels only on request so that the author can focus on the textual content (A more programming familiar person would do the formatting/interactivity).
In the long term, I want to have the ability to integrate things like SQLite and API calls.
In addition, the output has to be in a single file otherwise it isn't portable in a practical way and users (who only fill in data) won't accept it.
I conduct some research and figured there isn't an all-in-one solution instead there are several options to meet some of my requirements.
I wonder which is best to realize my long-term goals.
HTML5 offline app
It looks like that I either develop an offline HTML5 app what is well explained well, e.g. here:
Offline web applications: a working example
Tutorial: How to make an offline HTML5 web app, FT style
Creating HTML5 Offline Web Applications
How to Build an Offline Single-page Website
plus some background information on Single page apps in depth
markdown
The content could be generated in a markdown editor as recommended in What's a good, auto-saving, WYSIWYG HTML word processor? or just simple convert office documents to html5.
HTML editor / site designer
Alternatively, I could use an HTML editor or and visual site designer
but the selection isn't exactly a small one for me to choose from.
I found some help in:
Battle of the Text Editors: Atom, Sublime & Brackets
26 Tools and Frameworks for HTML-based Desktop and Web App Interfaces
Free HTML Editors: The 16 Best for Web Developers on Windows
14 Best Free HTML Editors
or even simpler for the standard office user: GrapesJS - Next generation tool for building templates without coding
single file website (app)
In my understanding there is still the problem that the output won't be a single file, will it?
I could make use of the archive formats but there aren't supported by all applications as well explained on What's the best “file format” for saving complete web pages (images, etc.) in a single archive?.
That could work if I do only simple things and integrated media object as Base64 encoded objects but it comes with the disadvantage of large overhead.
Desktop web apps
If I want to realize more complex things I would need to develop desktop apps using HTML/CSS/JavaScript but once again the selection is little as you can see in How to develop Desktop Apps using HTML/CSS/JavaScript? [closed].
I haven't found anything yet telling me if I can deploy a desktop web app as a single file.
A4 layout
The layout would be realized on the information given in How to make an HTML Page in A4 paper size page(s)?
office to HTML / html word processor
XSweet - The open .docx to HTML conversion tool
Wax / Wax II (web-based word processor)
HTML to office
For the transition phase, it would be nice to be able to transfer HTML to e.g. docx. Some options are mentioned in the references below:
How to convert HTML file to word?
Convert html to docx using pandoc
html-docx-js
Convert Html to Docx in c#
So how shall I proceed?
Has anyone done this?
Would end up being two flash files published to HTML5 then the DCS (double-click studio code) added and consolidated into one HTML file so it can be uploaded?
Doubleclick Studio has awesome HTML5 Rich Media templates. Start there. Going from DC's AS3 templates whhich use components, and using Flash CC to convert won't work. THE AS3 API won't translate and the components won;t work.
Don't do it, it'll give you many headaches if you are in fact able to do it. Google DoubleClick want you to use Google Web Designer and they're notorious for not approving rich media banner units to get you 'into their GWD funnel' as it were.
I wanna develop a little paint-program (SVG business-card designer) which should be hosted in the cloud, im trying to get my head around what technology i should settle on.
Possible answers as i see it would be SilverLight, Flash, Java, HTML5.
I would be happy to avoid SilverLight and Flash for several reasons, HTML5 im worried about due to compatibillity with ex. IE browser ? Java i dont know enough about to understand if that would be the right way.
One example im quite impressed about is :
http://code.google.com/p/svg-edit/
And looking to somewhat hit the same as that, but again IE explorer ( which is what majority uses ) is an issue here too regarding SVG format.
I might be able to live with only ex. IE9, but wondering what you guys would think would be the right approach/language/framework/technology to make such an application ?
Thanks alot.
For a business card designer, you should be concentrating on font and page layout, in which case you need to use an online editor. There are lots of free WYSIWYG editirors that run from web pages and there are soe very sophisticated ones like FCKeditor. FCK also includes everything that you need for uploading images and maintaining a clipart gallery. I beleieve that it's available for both Windows and Apache web servers and it doesn't require admin permission to install, once the upload folders have write permissions.
I need to rename a large number of CSS elements in both the CSS file in which they are defined as well as in multiple HTML files in which they are used.
What's the best way to do this on Windows?
As a ASP.NET developer, I know you can do this in Visual Studio using Find and Replace in Files. It's a huge application for this specific task, but has a multitude of other productivity features for HTML, CSS and other source code editing. Visual Studio Web Developer Express is freely available here: http://www.microsoft.com/express/vwd
Usually more advanced code editors will support project wide find/replace, but there are plenty of freeware utilities that are only a google away. Take look at this one. I haven't used it personally, but looks like it will do the trick.
http://www.nirmaltv.com/2008/11/05/find-and-replace-from-multiple-files/
Visual Studio (and the free Express version) allows you to rename values across multiple files (from the keyboard, use Ctrl+Shift+H. There are other smaller tools out there but watch out for ASCII/Unicode encoding issues.