My teacher wants us to put up this single webpage that we created in Dreamweaver on Google Drive so he can view and grade our coded work. He wants us to zip up our folder with our Dreamweaver files in it and put it on Google Drive. I zipped the folder up and put it on Google Drive. It will show the codes/pictures used BUT for some reason, my images for the webpage won't work. The images are broken and even the style doesn't look added on the webpage when I click on it. He said when we put the folder on Google Drive we need to download it to view the page, but I tried that and it's not working. I don't understand how I can see the files find on Dreamweaver and on my desktop before I zip them but they don't work on the drive itself. My teacher was talking about Exporting at one point. Am I supposed to export my work out of Dreamweaver before I zip the files? If so, how do I do that? I see under files in Dreamweaver it says Export, but the option is grayed out, so I can't click on it. If someone could help me I would be so grateful. My assignment is due this Friday and I have don't have any classmate's email to ask this question to.
15
Replies
I added because I already had a paragraph and both paragraphs were inthe same section but I wanted to have different text sizes for bothparagraphs so I made a Should I change it to? I don't know what
I should change it to. I'm brand new to coding and only need it for this
one assignment (hopefully).
As far as the CSS goes I ONLY have one for the styles, the Styles.css
You need to add a class to the paragraph tag if you want a different size/style:
<p class="myStyle">Your text goes here.</p>
Then add in your css stylesheet:
.myStyle {
color: red;
font-size: 20px;
line-height: 28px;
}
'myStyle' is an example of how you can name the class but you can name the class whatever you like which most represents what the outcome is like - 'largeText' or 'biggerFont'
.largeText {
color: red;
font-size: 20px;
line-height: 28px;
}
.biggerFont {
color: blue;
font-size: 18px;
line-height: 22px;
}
There are other more economical ways of styling the second <p> tag, without having to use a class, but since you are learning the above method is probably best suited to your current skill level.
IF nothing is in the css/test.css file that you require then just delete that line from the code. If you're not using the Adobe font 'Cabin' you can also delete that line of code from <script> to </script> and the comment text before it <!-- to -->
Okay, I see what you mean. Question: Is there a way to have the page showon google drive the right way with the images and styles applied or does myteacher have to download the folder from google and extract it to view thepage fully?
By @Lisa5D5E
Whose Google Drive is it. Is it yours or your schools?
If its yours you should be able to share a link to the zipped folder. If its the schools I'm sure your teacher has access and is intelligent enough to be able to download your zipped folder.
I don't use Google Drive, at all, but if part of uploading to it is the creation of a zip archive, the files will never be correctly viewable while on Google Drive itself.
The files must be extracted from the .zip archive before they will be rendered correctly.
By @Jon Fritz
Folders aren't automatically zipped on uploading to Google Drive, they might be when they are downloaded though, I can't remember, havent download anything from Google Drive in a long while. I suspect Google do zip them to make the download process faster. Google Drive has always been a less than successful storage solution for me, its tediously slow when uploading large files and very often drops the connection or can't process some file/s in the folder. That's my experience, might be blazingly fast and stable for others though.
I havent gotten around to trying other storage solutions out to make a like for like comparison so they all may suffer some kind of deficiency. weTransfer has always been my go to solution for transfering huge files, its been blazingly fast, like lightening for me and they offer a storage option now so it may well be my next option when I get around to it to see if their file upload speed for storage is an improvement over Google Drive.
AdChoices