Coding on Adobe Dreamweaver
This is a web coding I did on Adobe Dream weaver and the procedures and steps used where very fun, I saved the web activity files first then extracted them all and opened the index file from web activity then opened it in my Adobe Dream weaver then I clicked on view at the top left corner - split - split vertically then my screen would be on two sides showing my coding at the right then the code results at the right side. Firstly I had my heading changed at the <h1> text<h1> I changed the heading to Down The Rabbit Hole. Then my font- family: courier, serif, also changed my border radius from 0px to 20px and my width which is under button to 25%.
The font size was set to large then font family : courier, serif. While going through the options in my coding I changed my text colours and background colour, my background colour- transparent and border radius- 20px, border- 4px solid magenta, colour- cyan. I put my background image under body from URL( "xx.jpg) to URL ("sky.jpg) which resulted to showing the sky background on my text page and this sky image is a file under my extracted web activity. My text alignment is at the center to give my fonts proper structure and alignment as the text alignment is one of the vital principles of design.
My text box which was grey I had it changed under main and button hover from rgba(0, 0, 0, 0.5) on background-colour to rgba(50, 0, 50, 0.8) giving it the purple colour. I added the text by going below to <p> part 1 and deleting the text here written there and open the context file from the web activity and coping the text there and pasting them on the <p> part 1 side and also the copyright info which I copied from the context and pasted it. One the Aside option I put float- left, margin- left to margin- right: 25, margin- bottom 10, and opacity to 0.7.
Also adjusted my H1 heading on the line height: 50px then the picture above shows my adjustments on the<a href=xx><button>part1</button...…. to <a href=index.html...…all this was to form the beginning of the websites with the links.
And this was my results:





Comments
Post a Comment