Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
An important but little-understood concept in dynamic web development is that of role-based logins, which allow different types of users to access different parts of the site. In this course Adobe Certified Expert Candyce Mairs shows how to use Dreamweaver's features to create role-based logins, restrict page access, build an administrator area, and test everything to make sure it works. Plus, see how to set up a development environment and work with a database from within Dreamweaver. Along the way, build your skills in areas like working with PHP, adding form validation, using server behaviors, and much more.
Now, that we have Dreamweaver setup, what we want to do is install our course files, and make Dreamweaver aware of where our folder is that contains all of our files. The other piece we need to do, if we're working in the dynamic side of Dreamweaver, is we need to define a testing server, let Dreamweaver know where our web server and PHP are located, and that will pull in the ability to preview PHP pages. We can also show the database side of dynamic development right within Dreamweaver, once Dreamweaver is aware of it.
So, those pieces we're going to be doing now, we will wait on the database piece until we get to the databases lesson. So how do we setup Dreamweaver? Well, there's a couple of locations to go to, to do this. I'll go up to this Site menu here and we are defining a new site. So, for this first site in Dreamweaver, we could go here but I want to make you familiar with the Manage Sites interface instead. Now, we do have a New button here, but once we have websites setup in Dreamweaver, we'll see the individual websites within this area, and Dreamweaver can handle as many websites as you need.
You do need to define your websites on an individual basis, so I'll click the New button and this is a new interface for defining a site, so if your not using Dreamweaver 5 or 5.5. Your interface will look a little bit different for this piece, however the two options here are the first two options in the older interface. So, its not too hard to figure out the site name is going to be Scooba2U, that's the name of our company.
And we need to tell Dreamweaver where those files are located. We added these course files and install them into the ZAMP folder on the C Drive for Windows or the MAMP folder within the Applications folder on the Mac side. So I'm going to click this Browse button and go out to My Computer, C Drive, ZAMP or on the Mac side you will go out to your Applications folder, MAMP. And once you have those folders open the HT Docs folder is what we want in both systems.
So the name of this folder is exactly the same, go ahead and Open that. And we're going to choose the Scooba2U folder, if for some reason you have not installed that yet, you will want to go out and get the lesson two files, and the lesson two Start files, in particular. So you can set up these files within ZAMP or MAMP, because you can't define a site in Dreamweaver until those files are where you want them to be. So we're going to double-click Scooba2U, and I'll click Select, or Choose on the Mac side.
So we have our local site defined. Now, because this is a dynamic website, we also need to tell Dreamweaver where our web server is located. So, I'm going to click Servers, in the left-hand side, I'll hit the plus sign down at the bottom, that says Add New Server. And in this area, we're going to call this Testing Server. Now, we're not going to connect via FTP, because our local development environment is right on our machine. So, we're going to choose local network, the Server folder is going to be that same one we used and Dreamweaver should find that for you. So, that is C Drive > ZAMP > HT Docs > Scooba2U, or Applications folder > MAMP > HT Docs > Scooba2U.
So I will select that, within this area we have to typed this one in, and we're going to say, localhost/scooba2U. Now, there was one modification I made on the Mac side with regards to ports. So if you have not looked at the Install MAMP movie, you will want to go out and do that because we reset the ports in Apache from the defaults ports from MAMP to the standard ports.
On the Window side, it's a non-issue. So we have Web URL localhost/scuba2u. Now, the last piece we need to do is click the Advanced tab and we need to tell Dreamweaver what language we're going to be working in. So the server model here is PHP, these are all the different server side language combinations that you can use with Dreamweaver. So ours is the PHP MySQL, click Save and click Save.
We'll now click the Done button, you can see there's one website in here. We would go through the same process to Add more. Now, if I needed to change anything within this website, I would click the Edit button and go out and Edit as needed. When you're done working on a website and you select it and click Remove, this is not removing files from your system, it's only removing the ability of Dreamweaver to know about those files. So I will click Done, and you can see we have quite a few files listed now in our Files panel.
We can go out and open up about us and there is our Scuba2U website. Scuba2U is a dive company, it's a dive tour company specifically, so they put together dive tours for clients. So that's the basis of our company. So as long as you can see the Scooba2U within this interface your set. So we now have our files all set up and Dreamweaver knows about them so we can preview our PHP files from within Dreamweaver.
There are currently no FAQs about Dynamic Dreamweaver Websites: Creating Login Areas.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.