Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
- Welcome to the Etsy Community
- Etsy Teams
- Sellergroup Chat Talk Promotion Facebook Twitter Pinterest Team Website Private Forums Google
- Forum
- Personal Created from scratch Websites
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Pin this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Personal Created from scratch Websites
by
Former_Member
Not applicable
04-12-2014
05:07 AM
Personal Created from scratch Websites
code and whatever? :-)
code and whatever? :-)
Translate to English
There was a problem fetching the translation.
10 Replies
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-12-2014
02:56 PM
I hope to see some fun things in this thread including posting of c0de to support the team sellergroup.com website pages
Translate to English
There was a problem fetching the translation.
Reply
Loading...
DesertChains
Conversation Maker
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
Learning to write HTML code by example
One of the best ways to learn how to do HTML programing (i.e., writing code) is to copy other people's code, modify it, and see what happens. (This may seem sneaky, but it is what many, many people do. They see something on a website they like, and they want to know how it's done. What better way to learn than by example!)
With most browsers, you can choose View>Source in the menus, or you can use right-click and use View Source. Copy the code and drop it into NotePad or TextEdit or some other no-frills, no-format word editor. Don't use Word or similar processors because they add A LOT of background coding automatically.
Save the file. When saving, change the extension to "html". Thus..."myfunsite.txt" should become "myfunsite.html".
When you open the file you just created, it should open with your default browser.
To edit the code, right click the file and select "open with" and choose NotePad, TextEdit, or some other text editor. (I usually have pages open in the browser AND the text editor at the same time--one for editing, one for viewing results.)
Make changes, save the file again, and refresh the browser window. See what happens! (If you don't save the file first, nothing will happen.)
Troubleshooting:
1. Doesn't open in your browser window?
Assuming the file extension is "html" or even "htm", open the file with your text editor and make sure the file code starts with this...
<html><head><title></title></head><body>
There may be other content inside these tags, but that's ok. Just make sure those tags are present.
Also make sure the code ends with this...
</body></html>
These commands are necessary to tell the browser that the contents are html code and should be opened as a web page. If those commands are not there, add them and re-save the file.
2. Images don't show?
Many sites use relative URLs for images, so they don't start with "http;//". The address is based on where the HTML code is stored. You have your code in a different place, so the address won't work. You can (a) ignore this problem or (b) go back to the original online page, find the full address for the images by right clicking on the image and selecting "properties", and copy the full address into the code on your computer.
One of the best ways to learn how to do HTML programing (i.e., writing code) is to copy other people's code, modify it, and see what happens. (This may seem sneaky, but it is what many, many people do. They see something on a website they like, and they want to know how it's done. What better way to learn than by example!)
With most browsers, you can choose View>Source in the menus, or you can use right-click and use View Source. Copy the code and drop it into NotePad or TextEdit or some other no-frills, no-format word editor. Don't use Word or similar processors because they add A LOT of background coding automatically.
Save the file. When saving, change the extension to "html". Thus..."myfunsite.txt" should become "myfunsite.html".
When you open the file you just created, it should open with your default browser.
To edit the code, right click the file and select "open with" and choose NotePad, TextEdit, or some other text editor. (I usually have pages open in the browser AND the text editor at the same time--one for editing, one for viewing results.)
Make changes, save the file again, and refresh the browser window. See what happens! (If you don't save the file first, nothing will happen.)
Troubleshooting:
1. Doesn't open in your browser window?
Assuming the file extension is "html" or even "htm", open the file with your text editor and make sure the file code starts with this...
<html><head><title></title></head><body>
There may be other content inside these tags, but that's ok. Just make sure those tags are present.
Also make sure the code ends with this...
</body></html>
These commands are necessary to tell the browser that the contents are html code and should be opened as a web page. If those commands are not there, add them and re-save the file.
2. Images don't show?
Many sites use relative URLs for images, so they don't start with "http;//". The address is based on where the HTML code is stored. You have your code in a different place, so the address won't work. You can (a) ignore this problem or (b) go back to the original online page, find the full address for the images by right clicking on the image and selecting "properties", and copy the full address into the code on your computer.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
DesertChains
Conversation Maker
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
This is, of course, just a way to learn HTML coding and is not intended for "stealing" someone else's web pages.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-13-2014
06:33 PM
Thanks David - first for joining our team and second for accepting the Leader position
Thanks also for the great post. this is a public thread so we can always find the info here with search. great option.
David is pretty good in this area so if any need help ... ask
Thanks also for the great post. this is a public thread so we can always find the info here with search. great option.
David is pretty good in this area so if any need help ... ask
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-14-2014
02:53 PM
Great basic way to start learning HTML David!
I discovered this in 1999 ... tweaking my ebay listings ...
Now I can hand code in notepad.
BUT ... once you know how, there is nothing wrong with using an editor and then refining your work to make it exactly what you want.
I am pretty good with these three editors:
FrontPage 2003
Expression Web 4
Dreamweaver CS
All are WYSIWYG editors ... what you see is what you get.
You design in a view that looks like the live site. You can switch to an HTML view to edit the code. But you don't have to ... these editors create the HTML for you as you design in the "design view" window.
Now ...
Most web pages have three separate areas. A head; a body; a footer. Visitors will see an area at the top with a banner or other identifier; an area following with content and a third area at the bottom with more information about the site. In many sites, the top and bottom portions of the page don't change from page to page ... only the content does.
This makes it easy to create sites that look consistent. The three editors I mentioned make this easy by using a DWT or Dynamic Web Template (Adobe has branded theirs by calling it a Dreamweaver Web Template).
You design a page - with the three areas I mentioned. The body part is left empty. Then you designate elements on the page that will be the same on every page of the site by choosing "editable regions".
The entire body is an editable region.
The footer is usually not editable.
Parts of the top part might be. I design my pages to have some editable regions at the top, like the first sentence, above the banner. Maybe a couple of places for pictures. If you have a navigation bar, that should not be editable.
When you are done, you save it with a .dwt file extension.
Now when you create a new page, you simply attach it to the DWT and ... like magic, the top and bottom of the page are done!
All that is left to do at this point is create your content in the body part of the page. An example of this is of course my current site:
www.jewelry24seven.com
The header (not the same as the HEAD) ends at the bottom of the navigation links. This is where the BODY starts. The footer starts with the graphic that reads "Have a Question, Comment or Suggestion" ...
I created three DWT files for use with this site. The home page has a lot more elements on it than the inner pages, so for those I created a simpler template. Here's an example of a product page:
http://www.jewelry24seven.com/onyx_coiled_hoop_earrings.htm
There's a lot less here as you can see; I'm focusing on the product.
Creating a site this way seems hard at first. Listing your first item on an ecommerce venue isn't much easier. Anyone can do this. It takes a little practice!
The advantages? You make the rules. You decide what payment methods you want to offer. No one puts links in your shop drawing customers away. You aren't directly competing with your neighbors. No one says one day "We're losing money. Time to shut down". Ending YOUR business.
My current site was built with FrontPage 2003. It is HTML 4.01 Transitional.
I'm building a NEW one with Expression Web 4. That's HTML 5.
I am SURE that between David and I ... you will learn a LOT if you follow this thread ...
I discovered this in 1999 ... tweaking my ebay listings ...
Now I can hand code in notepad.
BUT ... once you know how, there is nothing wrong with using an editor and then refining your work to make it exactly what you want.
I am pretty good with these three editors:
FrontPage 2003
Expression Web 4
Dreamweaver CS
All are WYSIWYG editors ... what you see is what you get.
You design in a view that looks like the live site. You can switch to an HTML view to edit the code. But you don't have to ... these editors create the HTML for you as you design in the "design view" window.
Now ...
Most web pages have three separate areas. A head; a body; a footer. Visitors will see an area at the top with a banner or other identifier; an area following with content and a third area at the bottom with more information about the site. In many sites, the top and bottom portions of the page don't change from page to page ... only the content does.
This makes it easy to create sites that look consistent. The three editors I mentioned make this easy by using a DWT or Dynamic Web Template (Adobe has branded theirs by calling it a Dreamweaver Web Template).
You design a page - with the three areas I mentioned. The body part is left empty. Then you designate elements on the page that will be the same on every page of the site by choosing "editable regions".
The entire body is an editable region.
The footer is usually not editable.
Parts of the top part might be. I design my pages to have some editable regions at the top, like the first sentence, above the banner. Maybe a couple of places for pictures. If you have a navigation bar, that should not be editable.
When you are done, you save it with a .dwt file extension.
Now when you create a new page, you simply attach it to the DWT and ... like magic, the top and bottom of the page are done!
All that is left to do at this point is create your content in the body part of the page. An example of this is of course my current site:
www.jewelry24seven.com
The header (not the same as the HEAD) ends at the bottom of the navigation links. This is where the BODY starts. The footer starts with the graphic that reads "Have a Question, Comment or Suggestion" ...
I created three DWT files for use with this site. The home page has a lot more elements on it than the inner pages, so for those I created a simpler template. Here's an example of a product page:
http://www.jewelry24seven.com/onyx_coiled_hoop_earrings.htm
There's a lot less here as you can see; I'm focusing on the product.
Creating a site this way seems hard at first. Listing your first item on an ecommerce venue isn't much easier. Anyone can do this. It takes a little practice!
The advantages? You make the rules. You decide what payment methods you want to offer. No one puts links in your shop drawing customers away. You aren't directly competing with your neighbors. No one says one day "We're losing money. Time to shut down". Ending YOUR business.
My current site was built with FrontPage 2003. It is HTML 4.01 Transitional.
I'm building a NEW one with Expression Web 4. That's HTML 5.
I am SURE that between David and I ... you will learn a LOT if you follow this thread ...
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-14-2014
03:46 PM
great stuff guys :-) very pleased you both joined as leaders on the team here.. any needs help or to add input please do.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-14-2014
04:14 PM
Some footers can be edited, in fact I've been trying to put a lot of less important script there (on my blog), so it doesn't slow down the loading of the page.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-14-2014
04:22 PM
Babs ...
These footers can't be edited on an item page.
They would need to be defined as an "editable region" in the DWT, but that would defeat the purpose of the template.
They CAN be edited by opening the dynamic web template and editing the footer on the DWTpage. This is the great thing about a DWT. When you save it after editing the template it updates every page that is attached to the DWT, even if you have 10,000 pages attached to it. This means you never have to edit those footers one at a time again. Just change the DWT, save it ... and it changes every page that is attached to it.
These footers can't be edited on an item page.
They would need to be defined as an "editable region" in the DWT, but that would defeat the purpose of the template.
They CAN be edited by opening the dynamic web template and editing the footer on the DWTpage. This is the great thing about a DWT. When you save it after editing the template it updates every page that is attached to the DWT, even if you have 10,000 pages attached to it. This means you never have to edit those footers one at a time again. Just change the DWT, save it ... and it changes every page that is attached to it.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
DesertChains
Conversation Maker
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
This is the great thing about wordpress. The templates are already made for you-hundreds of them. With a bit of knowledge about HTML and CSS, you can get one that's pretty close to what you want, and then make it unique to you. This will work for most people who don't want to design from scratch.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Former_Member
Not applicable
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Personal Created from scratch Websites
by
Former_Member
Not applicable
04-21-2014
04:36 PM
For those interested in building their own website - truly from scratch, NOT beginning with a template ... I began the tutorial today. You'll find it here:
https://www.etsy.com/teams/15495/sellergroup-websites-standalones-and/discuss/14339120/page/2
Learn how to build from nothing! Once you know the basics you can use a template and modify it if you want to. Expression has templates built in that you can choose and edit to make them your own. Or you can find thousands of templates made to work seamlessly with Expression.
https://www.etsy.com/teams/15495/sellergroup-websites-standalones-and/discuss/14339120/page/2
Learn how to build from nothing! Once you know the basics you can use a template and modify it if you want to. Expression has templates built in that you can choose and edit to make them your own. Or you can find thousands of templates made to work seamlessly with Expression.
Translate to English
There was a problem fetching the translation.
Reply
Loading...
Reply
You must log in to join this conversation.
