Tables with images in HTML [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am attempting to use HTML to create an email? I don't really know much about this to begin with so I'm working from no previous knowledge as its my first time. Do I need to host the images on a website if I am going to reference them in the email? Or can I just directly reference the location on my computer?

There are two important thing you have to know about HTML e-mails:
You can use a table just fine to organize the content, and
You have to use inline CSS to style the non-image parts.
Here is a very nice but short guide you can use as a checklist for your first prototype. Here is another, multi-part tutorial. Here's a third one. And you can find a lot more on Google.
For images, you probably have to store them on a private server or an image hosting service - if you have no access to a server, imgur can possibly work, too.

images needs to be hosted somewhere and accessible via the network (with absolutes url and not relatives urls)

Yes, Image should be included. the following link might help. http://moz.com/community/q/where-to-host-images-for-e-mail-newsletter

You most definitely cannot reference them from your computer.
You can either reference them with full URLs, as in:
<img src="http://www.domain.com/directory/image.gif" />
Or you can attach them to the email as files and reference them with the name of the attached file:
<img src="attached_image.gif" />
Some mail clients will reject either method for security reasons (it can be considered a security breach to either automatically download an attachment or to retrieve an external URL, especially from webmail clients in the latter case). This is why you see links like "Having problems viewing this email? Click here to view it online" or email clients with the option to download images that are not displayed by default.

Related

How to make pdf, ppt and videos not downloadable and just view them in browser when clicked [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I am working on a web application, where am uploading pdfs, ppts and videos(.mp4) to my location on the server and just displaying the links to them.
And when the user clicks on these links it should be opened in a new tab and make them not downloadable too.
So below are the things which am stuck with:
The pdf's link do open in a new tab , but I still can download them.
On clicking the PPT file link it directly downloads to my local drive, instead i want to make it open in a new tab and also it shouldn't be downloadable.
Same goes for the videos as well, I want to make them not downloadable and just open in an other tab.
Please help me with this, if there is any solution to it.
You can't reliably stop someone downloading a file if you are making it available to view on the browser - one way or the other, the file has to make it to the browser and there are many techniques to capture and store the file.
If the content security important to you then the usual approach is to encrypt the files so they are no use even if they are downloaded and use a DRM system to share the key between the server and the browsers. There are free 'clearkey' DRM schemes which include the key in the file, and hence are not as secure, but which may be good enough for your requirements.
If you are concerned about the information being very sensitive, rather than avoiding people creating high quality copies, then ultimately there is nothing to stop someone simply recording the screen with an external camera.
use target_blank to open files in new tab
Open pdf
Open ppt
Open Video

Is there any possible way to give a <p> or a <h1> Tag. Something like a "src"? [closed]

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
I want to create Websites for small companies like restaurants. But i can imagine that i will often get called when they need help "Changing the text". Because they simply doesnt know better. Then i often will have do it for them. But there might be another way?
Image changing is simple. Just rename any Picture you want.
Like:
indexPicture.jpg
Everyone easily can replace those jpg. They simply rename any picture to indexPicture.jpg (preferable same size).
But when it comes changing to text. I can imagine a customer, that destroys html code. and removed some tags like (30 min work). Because he doesn't know better.
Can't I bind some text file to a <p> tag? So they simply have to open it and write something new.
Are there any better method?
Like a free App, they can open every website and simply drag and drop changes or select a <p> tag and simply rename it?
This isn't something that's really supported in basic HTML5, so the simple answer to a simple question is: no.
But life is never that simple in the modern web. If you're using a client-side templating framework like React or Angular (both are JavaScript frameworks which are freely available) you can code the pages to load fragments of text from disparate files which your client may have an easier time editing. I don't believe posting example code here is valuable to the question since that's basically a tutorial on how Angular or React work. There are great tutorials and examples on their sites.
As suggested in the comments the most accurate thing I can think of is to use a CMS. These are very helpful when changing the content of your site. Some examples are Wordpress, Drupal or Joomla. You can have a look here: https://www.ucl.ac.uk/building-great-websites/managing-your-website/using-a-cms
I hope that helps you!
You could try a shtml file instead? No CMS needed. I recently found out about this when creating my own HTML5 site as I wanted an easy way to edit a common footer rather than going through all the pages.
Just create a folder with the necessary files (Every paragraph maybe) and include it in the main file using a code like this:
<!--#include virtual="../filename.shtml" -->
I noticed that you didn't want to use a CMS such as WordPress, which as the comments suggest would be a really effective solution.
I once had an issue where I couldn't use a CMS cause I didn't have Cpanel access and what we essentially did was the follow.
Define a XML file, with clearly defined tags for each section of the
website that the client may want to change periodically.
Access the XML file through PHP(something like SimpleXML), and
display the tags/relevant content in the page.
Create a backend that allows the client to view/update content
through forms.
Alternatively, you may use a similar solution with databases and give forms for editing.

Can anyone (including Google) get a list of the files on the server that holds my website? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 8 years ago.
Improve this question
If I have an html file on a web server without any links in it and without any links pointing to it anywhere, will Google be able to see it? Will Google be able to promote it?
Generally, Google and other search engines find new pages to add to their indices by following links from one web page to another.
Some search engines, including Bing and Google, also allow webmasters to submit URLs directly, meaning that your site may get indexed even if there are no links pointing to it from the “outside world”. (Links like these are called “inbound links” in the trade.)
Short answer: No, probably.
Longer answer: For the most part, search engines like Google work by following links around, not by guessing what URLs are on your server. As long as the HTML file isn't a well-known name like "index" or "home" or another value used as a default index page by web servers, then it's unlikely to be included in a search index. (disclaimer: I don't work for Google and search algorithms are proprietary, so they may actually have some URL-guessing going on)
However, if you're relying on that behavior to protect something you don't want to be seen until you're ready to promote it, your gonna have a bad time. History is full of examples of companies that decided to "hide" a URL that it wasn't ready to promote, only to be foiled by someone editing the URL string in their browser to troll for hidden content.
In general, if you really have not links to it, the answer is NO. HTTP has no command for getting directory listing. (Well, I don't discussing the possibility of google spying via chrome browser). I you DON'T WANT google to see it, you can put it into a directory declared as forbidden in robots.txt to be 100% sure, and make sure that you server is set up not to give a directory index. If you WANT google to scan it, the only way to get it is to post a link to it somewhere.

Programming Languages required to develop a website like Imgur? [closed]

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 9 years ago.
Improve this question
I'm new to web development. So far, I have a good idea of HTML and CSS.
1) I would like to know what are programming languages are required to develop a website like Imgur and what's the role of each language that will be used.
2) Assuming that a user has just uploaded an Image to Imgur, What would be the required steps to generate a unique HMTL file for that particular Image.
You would need:
HTML
CSS
A server-side framework (e.g., PHP, Ruby on Rails, etc.)
Most likely Javascript (but you might be able to get by without it)
A database backend, such as PostgreSQL or MongoDB
You wouldn't need individual HTML sites. When someone goes to http://www.yoursite.com/image/1, the backend (usually .htaccess in Apache) will process it and turn it into /image.php?id=1, which PHP (or another framework) then uses to create an image-specific HTML page.
Good luck!
-totallyuneekname
1) You're probably best looking into either PHP or ASP for a server side language. Also learn SQL, as you'll need to store information about the images somewhere, and a database will probably be best.
2)
Get unique ID of image from URL
Get the address of corresponding image from database, along with title, description etc.
Fill data into relevant parts of your template, i.e image address inside image tag, title in h1 and title tags etc.
You wouldn't need to create new HTML files every time you want someone to view an image. You can just have 1 php file which loads something from a database which gets what you are looking for.
For this you'll probably need: HTML, CSS, MySQLi\pdo, javascript.
It might also be beneficial not just for you to learn a framework, but to work on one too, as it can help you in big projects.
One I regularly work with is codeigniter and it has a lot of good documentation to read through.

Use own custom form with MailChimp [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 4 years ago.
Improve this question
I'm currently working on a "coming soon" page that has a single text field and button where a user can input his/her email address to get notified when the app launches. I've heard that mailchimp is quite a nice little tool to use that handles all the user details that gets collected (meaning I don't have to worry about any scripting and a database my side) as well as automatically emailing the user that signed up thanking them etc.
I've tried designing a form to use on my site with mailchimp but I'm just not happy with the overall look and feel of the forms. Sure I can change edit some properties like color and all that jazz, but it just doesn't fit my needs.
Is there a way that I can use my current html form that I already have, with mailchimp? Instead of using the forms that one designs on mailchimp.
Thanks in advance
You bet.
I'd check out their support article about custom hosted forms. It explains a bit about how form fields will need to look to jive with their database. You could also view-source of the mailchimp-hosted form you designed and see how the input names/types are put together there specifically for your list.
Also, paid accounts can use advanced forms mode to customize the HTML that they host for a list.
Yes, as winfred mentionned there are several ways.
If you know html, just get the code from the subscription html page (through "View Source" for example) and paste into a blank html page that you can modify before uploading to your website.
As you just need the email, this should be straight forward.
If you haven't seen it yet, this page could help:
http://kb.mailchimp.com/article/can-i-host-my-own-sign-up-forms
Good Luck!