I am working with iPad and using some random HTML online editor. I explain to my pupils HTML coding and how to include photos on a webpage. How do I store images for my webpage and what is the path in my HTML code if I am working in online editor? Is it still possible to display images or it cannot be done in online editor but it has be done with the use of HTML coding programs installed on a computer?
You can display images. Make sure you have the image in a directory in the editor or as the same directory as your main HTML file in.
Related
Recently I designed a signature for a client.
The client then asked me to html it to him. I saw some video tutorials and I did it fine. I have the html file and the images in a separate folder.
When I preview it with Brackets editor, it shows me the desired result.
When I open the HTML from my Windows Explorer,
the result is also the same as in Google Chrome.
My main problem and question is:
How will I be able to send the HTML to my client without sending the HTML file and the images together.
I want him to be able to click only one file and preview it in Chrome and copy the code in his mail. Is there a way to compress the HTML file and the images from my folder and create a file only that will have both?
Thanks in advance.
I want to use one of the blogger free template in my site.When I download ,it is in the xml format . Is there is any way to use in a site?
Here are the steps you can use the template in your site -
Log in Blogger dashboard
Find your Blog in your Dashboard for you want to change template, and select “Template” in Drop Down menu options.
Look at the top right corner, you will see Backup / Restore button
Manage on pop-up windows and click “choose file” button and look for folder that is created after extracted file that you have downloaded.
Folder may has a .XML file and .TXT file or Internet shortcuts, you should select only XML file.
Click Upload button. Now upload process may appear in your screen.
Now the template will be appear in your blog successfully. Enjoy!
Finally I found a way of doing this. There is a tool name Webhttrack which can download a complete web site along with css, js and images.
To get any blogger template in html:-
Go to live preview site of that template.
Give that url to the webhttrack
It will download this complete template in the html with all css js and image
Get this tool
https://www.httrack.com/page/2/en/
Recently I've been tasked with redesigning a website for the current company I'm working at. I've been using weebly to make the site, and then exporting the HTML to be re-hosted on the company's servers.
However, I've noticed that some functionality in weebly's code has stopped working. I imagine this might be due to weebly hosting some elements on their own servers, but this is merely a beginners best guess.
1. The picture for the logo on the banner does not appear once the HTML is rehosted
For comparison, here's the site while hosted on weebly:
http://mjmacoustique.weebly.com/
and the site on the company's servers:
http://www.mjm.qc.ca/redesign2015/
When weebly hosts, the ''MJM'' image should be on the top left and function as a return to home page button when clicked. However, when it's hosted on the company's server, the image is not found.
2. On Firefox, the background image of the home page is replaced with an all black background
When opened in firefox, it fails to load the background image of the main page.
Any help or solutions to these problems would be greatly appreciated.
Thanks.
I can help with question #1: the logo is hosted on weebly's servers, but in the html it's written in a shortcut method like this example: /uploads/2/6/8/5/26851316/1434298489.png"
the easy workaround would be to keep the weebly version of the site working, in in the html change the src value of the missing images to something like this http://mjmacoustique.weebly.com/uploads/2/6/8/5/26851316/1434298489.png
So you haveto add the http://YOURSITE.weebly.com before all the src values of your images.
otherwise, just load all the images you need on a blank page of the site on your servers, copy image urls of those and replace the urls in the html with that.
Hope that helps?
The firefox issue might also be solved if all your src values are linked correctly but I cannot be sure about that.
When I tried exporting a site from weebly, some assets were missing from the zip it produced. This resulted in some images failing to appear because they simply weren't there. I don't know how often this happens (or if it happens only for some sites), but weebly's export feature definitely seems to have bugs.
I worked around this by using wget to recursively fetch the content that weebly was hosting. Then I hand-copied the missing assets (and only the missing assets) from the directory structure saved by wget and merged them into the directory structure from weebly's export zip. This is time-consuming, but necessary since the directory structure fetched by wget includes dynamically-generated content (meta data for weebly's editor, assets with decorated names, etc) that you probably don't want in the content you host elsewhere.
For writing of documentation in an HTML file containing text and self-created images I am looking for an HTML editor:
that is free,
wysiwyg,
cross-platform (nice, but at least for linux),
and from which I can directly open an external image editor (configurable, so that I can use my favourite one).
The html editors I have seen so far have no "one-click" solution for editing images which are linked in my html file.
Any help would be greatly appreciated!
I'm trying to create an editable page in Sharepoint. I already have the page in HTML (it's quite large) and it has many images in it. Previously I have just created a new page in sharepoint and pasted the HTML source in, the uploaded/inserted the images manually, one at a time.
Unfortunately, I am not able to do this in a reasonable amount of time since there are many images this HTML file is using.
So, I want an editable Sharepoint page that keeps the images intact from a directory that looks like this:
thepage.html
1.png
2.png
...
...
...
343.png
etc
Any ideas?
EDIT: For more clarity - this is a specifications document in HTML form, so it has a lot of text and header integrated with images. I'd like it to be converted to an actual Sharepoint Page that is editable from Sharepoint's interface.
Seems best here to use a low-tech solution, some HTML editing and use the best way for you to upload multiple files.
Assuming
C:\mypage
-> \page.html
-> \images\1.png
-> \images\2.png
...
-> \images\100.png
Via the UI
Go to a Document or Image library, and use the "Upload Multiple files/images" (this only appears on Internet Explorer)
Lets say you uploaded it to //sharepoint/myimages
Create a new content page (say an Article page, or WebPart Page with a Content Editor WebPart)
Lets say your page resides now at //sharepoint/pages/mypage.aspx
Change your html to point from <img src="images/1.png" /> to <img src="../myimages/1.png" />
Edit the HTML for your newly created page (Ribbon > Edit HTML Source), paste your HTML code
Via SharePoint Designer
Drag and Drop all the images in your desired location
repeat the HTML steps above
To replace text in bulk, SharePoint Designer, your favorite HTML editor or event Notepad can do that well using the CTRL+H menu / Edit > Find & Replace options.
NOTE: the //sharepoint address up there is the http url for your site, SO won't let me use a full fake address as a sample.
From IE or from Word, save the page as a complete webpage so it creates an HTML file plus a folder with the images.
In network places, create web folder (WebDAV) pointing to Sharepoint. This way, you can access it from the file system in Explorer.
Open your new network place, navigate to the library where you want your HTML file to be, and drag-n-drop the file and folder into there.
The file then will be visible in browser, with the pictures, but the folder will be hidden.
If I have understood correctly your question. You can use this post answer to load list of images by javascript and php ->
Load list of image from folder.
Upload files to Share Point server and use that folder.
Or you can dynamically write c# code to read Share Point folder and display images.