Question
For this lab, you're going to build a website using an online WYSIWYG editor! Well, not a whole website, just a single page or so
For this lab, you're going to build a website using an online WYSIWYG editor! Well, not a whole website, just a single page or so of information.
First, check out this free online HTML editor and note a few important functions of an HTML editor:
- You can cut and paste from, say, a Word file into the editor, which is useful if you want to create the text offline before trying it out in a browser.
- There are undo and redo buttons in the top left-hand corner of the editor, so you can easily fix mistakes.
- You can use the editor's Insert menu to upload or link to an image.
Notice that, as you make changes in the editor on the left side of the screen, you are also "editing" in HTML on the right!
If you want to play with more advanced HTML commands, there's a handy cheat sheet linked on that page, including a tutorial video, if you have YouTube access. Finally, you can use links on the website to play around with CSS or learn more about Javascript!
Play around with the site for a bit to get a sense of its abilities and limitations (e.g., you won't be able to create buttons or links in it unless you dig into some CSS commands). Pay attention to how the changes you make in the editor on the left are reflected in the HTML editor on the right. Try at least a couple of HTML commands to see how it changes the editor on the left! Try to upload an image or import a link to an online image into the editor on the left.
While this lab asks you to work only in HTML, there are two other editors you should know about: DHTML and XML. DHTML stands for "Dynamic" HTML (standard HTML is "static"), and it allows designers to embed tickers, animated text, and rollover buttons more easily by combining static HTML with scripting languages like Javascript. You can see sample code and play around with a simplified editor for DHTML here. XML, meanwhile, stands for Extensible Markup Language, which supports the display of documents online in a web browser. Learn more about it here. While these languages are powerful, useful tools and are likely to be part of any full website you might one day use in a business, we'll keep things simple with basic HTML for this lab.
Once you are more comfortable with the editor, you can begin your task: creating an HTML webpage for a brochure website designed to foster discussion about the concept of copyright and the perils of plagi arism. You can approach this from any perspective you'd like, depending on your specific interests, so the site could talk about how video game piracy is more widespread in the digital age due to the proliferation of file sharing technology or how teachers now use special tools to catch students who copy large parts of their essays from online repositories.
You should conduct some research about your topic of choice, and the bottom of your "page" should have links to at least two sources you used to create the content. Your page should have a title, contact information for you, the two citations, and at least one image that breaks up the text, and the text should cover approximately four paragraphs of information.
The text should be structured as follows:
- One paragraph discussing what copyright is
- One paragraph describing the specific plagiarism or piracy issue you would like to discuss
- One paragraph describing how file sharing and collaborative tools relate to the issue you've chosen to discuss (and remember that some aspects can increase vulnerability to plagiarism or piracy, but others might help fight it)
- One paragraph to conclude the text that encourages an ethical position related to the issue, emphasizes the importance of respecting the work of others, and properly cites the use of, and reference to, other works
Step by Step Solution
There are 3 Steps involved in it
Step: 1
How to Create an HTML Webpage on Copyright and Plagiarism Heres a stepbystep guide to creating your HTML webpage for the brochure website Step 1 Familiarize Yourself with the HTML Editor 1 Explore the ...Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started