Find a Lower Pottsgrove Web Developer near Near Montgomery County PA

Find a Lower Pottsgrove Web Developer near Near Montgomery County PA

Responsive website design

Website Design

Hosting

E-Commerce

Digital marketing

We Like To Work Local!

Simplified Internet likes to network with small businesses geographically close to it. Even though they’re a digital marketing company they still appreciate the face-to-face contact and potential for long term business relationships.

We at Simplified Internet are proud to say we serve the Montgomery County area with web design and digital marketing services.

Lower Pottsgrove Township

Pennsylvania 19460

Take Kepler Rd to E High St/SR 4031/State Rte 4031

2 min (0.8 mi) 

Head southwest on Kepler Rd toward Sunnyside Ave

0.4 mi

Turn left onto Sunnybrook Rd

0.3 mi

 

Take PA-724 E, Bridge St, 2nd Ave/SR 4015/State Rte 4015 and PA-113 S/Black Rock Rd to Bateman Dr in Phoenixville

21 min (11.2 mi)

Turn right onto E High St/SR 4031/State Rte 4031

0.2 mi

Turn left onto Armand Hammer Blvd

0.7 mi

Slight right to merge onto US-422 W

0.7 mi

Take the PA-724 exit toward Phoenixville

0.2 mi

Turn left onto PA-724 E/E Schuylkill Rd

 Continue to follow PA-724 E

4.6 mi

Turn left onto Bridge St

1.0 mi

Turn left onto E Bridge St

0.2 mi

Continue onto Main St

0.2 mi

Turn right onto 2nd Ave/SR 4015/State Rte 4015

2.2 mi

Slight right onto PA-113 S/Black Rock Rd

1.1 mi

Drive to Sandstone Terrace

1 min (0.2 mi)

Turn right onto Bateman Dr

499 ft

Turn left onto Sandstone Terrace

 Destination will be on the right

lower pottsgrove pa web developer

Click to Email

Click to Phone

Digital Solutions
Boost your Success

Get an instant digital marketing analysis and/or quote below. Just click “Succeed Today!”

Get a Custom Quote

Our Quote Generator Form helps you get an instant quote with just a few simple questions. 

RSS Web Designer
  • Feed does not exists May 19, 2019
    Feed does not exists. It was deleted a long time ago. Or never existed at all.
    FetchRSS

5 Website Design Hints

Web Development Tutorial for Beginners (#1) – How to build webpages with HTML, CSS, Javascript

Youtube video transcript (text may not be 100% accurate):

0:00
So today we’re going to get into how to do web development. Now I want to draw quick distinction before we get into stuff. What’s the difference between web design and web development. And basically, web design is more graphic design, it means you work with Photoshop, you make the look and the feel of the web page. And then you give it to a developer, they’re going to take your look and feel, and they’re going to make the actual web page for you, the designers don’t tend to get paid as much, they don’t tend to have as much opportunity to work remotely. I used to be a designer and I moved on to development because it was just a better career to get into. So that’s kind of the difference. Also, it’s cheaper to be a web developer, you don’t have to buy $1,000 worth of Adobe Photoshop software, all you need is notepad that’s right notepad except for you’ll probably want to get something better than Notepad, we are going to be using Sublime Text, which is one of the best notepad kind of editors out there. And it’s free. So go ahead, go download Sublime Text, pause the video come back when you got it fired up. And we’re going to build a web page. So we’re going to do is we’re going to start by creating a new file and Sublime Text and saving it as index dot HTML. And as you see here, we’re basically you can call it whatever you want. But the fact that we’re calling it dot html means that when we open it up in Chrome, it’s going to know that it’s a web page. So it’s going to show it as an HTML web page. And today, we’re going to be learning HTML later, we’re going to be learning CSS, which is another skill, you need to learn to be a web developer. And then later on, you’re going to learn JavaScript. JavaScript is what HTML is what puts the content together for your page. But it’s going to be ugly, because it’s just content. CSS is what puts together your style. It stands for cascading Cascading Style Sheets. So basically, it gives look, feel and style to your web page. But we’re not going to cover that today. So we’re going to make today’s ugly, be prepared. We’re going to get into style later. And then JavaScript is function. It makes the web page do cool things load in data, real time, just like Pinterest does. And like Instagram, it makes things move around. And animate JavaScript is where things get fun. It’s also where you get paid better. If you learn HTML, CSS, you know, you get paid fine, you get paid normal. But if you get really good at JavaScript, people are really looking for people are good at JavaScript, you can get paid quite a bit. And it’s a lot easier to get remote work, or very flexible work. So

2:31
with no further ado, we let’s get into making an HTML page. So you’ve saved your index dot HTML. Now, go to Chrome and open file, open your index dot HTML file where you saved it. Mine shows local host, because I’m using live reload, basically, whatever I type,

2:49
it’s automatically going to

2:51
refresh over here for me automatically for you, you’re gonna have to hit save,

2:56
you’re gonna have to come over to Chrome, you can have to

2:58
refresh. But I have for the sake of this video, I’m doing it differently. So let’s build an HTML page. The core of HTML is tags, basically, that’s all there is. HTML is tags. A tag is basically something surrounded by greater than, and less than kind of quotes. And so this is an HTML tag. And this is a closing HTML tag, pardon me, if you can hear my baby crying somewhere way in the background. I’m not sure what’s going on out there. But I’m sure mom will take care of it

3:31
said like a good dad. Right. So here we have

3:34
HTML opening tag.

3:36
html closing tag tags are a little awkward to type it first, because they use those keys down towards the bottom right, that you don’t use very often. But I promise you’ll get fast very quickly. So basically, anything in between these HTML tags is considered within the HTML tags,

3:54
there’s basically three tags that you’re going to use to create a web page, there’s an HTML, which means, hey, this is my HTML page. Anything inside of this is considered your web page,

4:04
you’re going to make a head tag,

4:07
which we’ll get into in a little

4:08
bit. And you’re going to make a body tag, whatever’s in the body tag is what your user will see and interact with.

4:14
So I’m going to put in here,

4:16
hello world,

4:19
and now have a web page, congratulations, you’re a web developer.

4:23
And you’re probably thinking, wow, this is kind of complicated. It’s all this code looking stuff. Don’t worry, it looks like a foreign language at first. But seriously, within five times, you’re going to feel very comfortable. There’s only like 10 tags, maybe 20 at the most you’re going to use and they’re all tags, you just have to remember a different word. So far, all we’ve actually done is created three tags, we made an HTML tag, we put a head tag with inside of it. And we put a body tag with inside of it as well. And these are considered siblings, they’re next to each other. I’m also going to add a title tag.

5:01
And inside of the title, I’m going to put my web page

5:06
and I can’t type today,

5:08
my webpage. And now you look at the top, when you refresh, it says, my web page at the top of your web page or your tab. So once again, the

5:16
head is not what the user interacts with, this is all reserved for other stuff,

5:22
which is why the title goes up there. And so the body is what the user interacts with. And we did hello world. And the rest of our example will be adding other tags in here.

5:31
So

5:32
let me show you kind of some other tags. This is bold. So we’re going to wrap bold, what’s called wrapping it in be tags.

5:42
And now you can see that bold is bold,

5:44
because I wrapped it in be, which stands for bold em, is what we’re going to use for talc.

5:53
And em basically stands for emphasis, it used to be people would use I

5:58
it also works. But that is not the correct way to do it anymore. Do not show a prospective employer that because it’s not good. So b is for bold. e. m, is for Italian. And then

6:12
let’s see, actually strong, I can’t believe I did this strong is what we’re going to use for bold we used to use be, and we used to use AI. And we used to use you for underline. But now we use strong for bold and we use em for attacks. And we started doing this when we started getting into mobile devices and devices that might not actually have the capability of rendering bold, or italics. And so we needed some other way to let the user know. Or maybe it’s a screen reader that you should display it in whatever way you can. So,

6:48
but for the most part, strong is always bold. Em is always a talent, that’s about all you need to know. So we’ve covered bold and italic. Now let’s get into a critical tag, the a tag

7:00
makes a hyperlink to another web page when you click on it. So we’re going to make a google. com. And guess what, it doesn’t go anywhere. That’s because it doesn’t know where to go. One thing that some tags need is what’s called attributes we’ve defined in a tag. But this a tag doesn’t know enough about itself to know where to go, we know what’s inside

7:21
of it. google. com text, but we need to know where to go. So we’re going to add an H ref attribute,

7:28
you add an attribute by doing equals. And then a pair of quotes.

7:32
And whatever’s inside of the quotes, is setting the H ref. So

7:38
Google. com. There you go. And look magically. Now I’m underlined. And I have that purple color. Because I’ve been to google. com before.

7:45
And look, I can now go back and forth from Google. com to my web page, all like that. You’re now a web developer. It’s tremendous. So let’s do another tag. And I am g for image. And this one needs to know what the source of the image is. I’ll leave that blank for now. And that’s all an image tag is for the source. I’m going to go look something up on Google.

8:11
And let’s just look up an image of Simon cow.

8:16
Sure. Everybody loves Simon, right? Why not?

8:19
Let’s view image I’m going to copy the URL.

8:24
Why won’t you let me close? I don’t know. Okay, my computer’s acting strange, hit save. And look, there we go. google. com link and a nice link to Simon Cal’s web website.

8:40
See if I can close this. There we go. So basically, that’s your core tags. Another thing you’ll probably notice is, is these are not coming on to new lines, like we’ve typed them out at first. That doesn’t make sense. And it seems very bad. But later on, you’ll realize it’s very, very good. How he Gmail works is is it does not recognize anything except for how you program it

9:06
to go. So unless you say it with tags,

9:08
it doesn’t know what to do. And that’s because these things can get huge. Or sometimes they’ll get word wrapping like this.

9:15
And it just doesn’t know what to do. So it’s not going to make any guesses for you. If you don’t say line break, which is a br tag, it doesn’t line break. So there we go. I added a br tag. And now it’s bold. Whoops, I want to add another line break. Because

9:30
right now, Simon Cowles on the same line as all other friends,

9:33
so I’m going to be our

9:38
There you go. So now we got this is bold line break. This is a talent, google. com

9:44
line break and an image that’s kind of how you start structuring your web page. And you’re probably thinking this is ugly. This doesn’t feel like building a web page. But this is about as complicated as HTML gets. For real, I’m not making it up. HTML is not much more complicated than this. You just have to remember a few tags, a few attributes like H, ref and source and that’s about it. I can show you a few more tags here. Ul is something you’ll use a lot. That stands for an ordered list. Inside this you’ll add allies. So here I’ve added an Li which stands for line item

10:25
item one,

10:29
item two.

10:32
And now you’ll see we’ve got our you know, I’m getting get rid of Mr. Simon. Nobody likes to see him for very long

10:38
anyway. Okay, there we go. So now we’ve got an an ordered list, which by default is just going to display with bullet points

10:45
item one item to you can style these a lot of different ways. So you’re going to use the UL a lot anytime you have a list of items you’re going to use a ul with allies inside of it. A drop down allegation is a list items you’ll use ul Li

11:02
an actual navigation is a list of items you’ll use ul Li a list of mp3 is and a fake mp3 player online. Ul’s with allies.

11:12
Another thing very similar is oh L’s and that’s an and that is ordered list. And that actually by default is going to spit out numbers for each item. You don’t really use this one very often. But it’s helpful to know that it exists.

11:29
We’re almost out of tags. Honestly, folks, there’s div tags, which you use a lot, but we’re not going to show you that’s basically for styling. So we’re going to leave it untouched right now

11:39
span tags,

11:40
you’ll also use a decent bit. But once again, that is for styling.

11:45
So that is about as complicated as HTML gets. All you have to do is get comfortable typing in tags.

11:55
And you’re pretty much an HTML developer

11:58
paragraph tags. Those are important and header tags. And then we’ll be done pay P is for paragraph. That’s another way to kind of separate text. Let’s say we added this four times

12:13
starting to get messy.

12:17
And I forgot to close these P and each P and slash up. There we go. So inside of this paragraph, we have this I don’t know what that did right there. inside of this paragraph, we have a block of text for each one. And you’ll see the paragraph automatically kind of created its own space on either side paragraphs are usually the way you’re going to want to add fresh line breaks. Usually you don’t want to use the br tag

12:44
like we’re using there.

12:47
But it has its purposes as well. br creates a line break as you can see here. And p creates as fresh paragraph with space on either side. The only other tags are going to use our header tags. They start with h depending on how big you want the header to be use h1 for the biggest

13:06
h2 is

13:06
smaller than that,

13:11
and h3

13:12
and so on down to about h six or so it’s pretty rare to have headers being in six different sizes. You’re probably pretty bad at design if you’re doing that.

13:27
And when it refreshes. There you go big, not so big, not really big. And then we’re down to our normal text. So that is HTML design.

13:36
So our next thing we’re going to cover style. So you can actually not feel like a fake developer, you get to feel like a real developer in the next one. As we start to style are things CSS gets a little more complicated. So I’d encourage you take a little time, make some links, make some different web pages and just have fun with HTML for a little while before you move forward internet. Next one, we’re going to do a little bit more advanced HTML and we’re going to do a little bit more style.

Close Menu