User:Vtaylor/CIS89A Learning Web Design/examples

From WikiEducator
Jump to: navigation, search

<rss date="" max="7">http://www.diigo.com/rss/user/vtaylor/...</rss>

1. Getting Started . 19 . basics (1,3,11) * getting started survey

summer
First Coding ProjectMany kinds of fruits exist in this world.
<p class="diigo-tags"><strong>Tags:</strong> <a href='https://w...
summer
My Six-Word Summerkids summer in the city backgroundBeach and Books, Fresh Juice and Pool
<p class="diigo-tags"><strong>Tags:</strong> &l...
Module 1 Assignment
My Favorite Winter-y Things=christmas themed living room Hot chocolate with toasted marshmallows. Cold, cloudy weather. Layers of clothing.
<p class="diigo-tags"&g...
Stressful Summer

<p class="diigo-tags"><strong>Tags:</strong> <a href='https://www.diigo.com/user/vtaylor/x1codepen' rel='tag'>...
my 3 month hiatus
My 3 month hiatusFun,sun,surf,long nights,
<p class="diigo-tags"><strong>Tags:</strong> <a href='https://www.diigo.com/user/vt...


2. HTML Basics * lists . 16 . css htmlvalidation read find (4,6,12). * I know > 1

AJM Photo
"Welcome to AJM PhotoOrdered Lists Birds are great Birds are greatUnordered Lists Duck Duck Goose Birds are not greatNested List Birds Hawks...
HTML and CSS Basics
"Hi there!I'm learning web development!I'm your cool new webpage. Made with Glitch!This is a paragraph! It's also an inline element!This is another paragraph! This is a block eleme...
Week 2
Week 2 RecapHello! Laura here. I'm using this week's assignment as a space to recap the things I did this week.Things I... Learned: CAD using surface modeling Caring for a...
EMMANUEL'S CODING PROJECT
Hi there!I'm your cool new webpage. Made with Glitch!I'm your cool new webpage. Made with Glitch! item 1 item 2 item 3 item A item B item C"
<p class=&...
Basic Html
Assignments i still have to doI'm your cool new webpage. Made with Glitch!Math Quadratics practice Adding and subtracting Calculating why a apple drops from a tree 2-2= 10+9=...
Cookie Recipe
"Cookie RecipeIngredients: 2 1/4 cups all-purpose flour 1 teaspoon baking soda Fine salt 1 1/2 sticks (12 tablespoons) unsalted butter, at room temperature 3/4 cup packed light...
Thai Black Sticky Rice Pudding
"Thai Black Sticky Rice PuddingThis is a recipe for a traditional Thai dessert from RecipeTinEats!Thai Black Sticky Rice PuddingWhy You Should Make Thai Black Sticky Rice Pudding It is a gr...


3. Links . 21 . voyager accessibility protect (2,5, 21 p.269-272)

Working with Links
"Working with LinksThis website provides an example of using links within a web page!First of all, read this article to understand how hyperlinks actually work.If you would like to view the so...
Coffe Shop
"Coffe ShopHome Menu Learn more about COFFEEThe History of COFFEEJump to Address and phone numberWelcome to our Coffee Shop"
<p class="diigo-tags"><stron...
Theodore Willis
"Theodore WillisEditor illustrationWeb DeveloperThis website has been created to demonstrate Theodore Willis' web development portfolio and bio.BioAs a web developer, I'm a digital arc...
Links
"Week 3 ProjectThis is my project for week 3. (hover for green url, visited is red)jump to a paragraph go to first paragrpah go to second paragrpah go to third paragrpah go to four...
Link Exploration!
"Hello why dont you check out these links!You can search anything if you go to GoogleYou can also click here --> MEOW!Send an email why not Send EmailSearch in a new tab searchThis will giv...
Links in HTML!
Working with Links!Links to External WebpagesThese use absolute links! Youtube - This opens in the same window. Gmail - This opens in a new window. Docs - This opens the page in the full b...
Working with Links!
Working with Links!Scroll through Instagram in this same window.Browse Linkedin in a new window.Relative URL: Contact MeGo to bottom of page"
<p class="diigo-tags">...


4. Images and Media . 21 . share media (7)

Under the Sea!
Sea TurtleA Turtle Swimming Under The Sea CC by Adrien JACTA. CC1.0Free to use under the Unsplash LicenseBeatiful Clown FishEditor illustrationBeautiful clownfish undersea, Image by freepikJelly Fi...
Module 4 Media
Module 4 MediaVideo by eamonq on PixabayForest SunlightSun light beaming through the leaves of trees.Image from ArtTower on PixabayRed BerriesA branch of red berries.Image from Pezibear on PixabayN...
Dwarf Hamsters
"Types of Dwarf Hamsters Campbell's dwarf hamster Roborovski dwarf hamster Winter White dwarf hamsterJPGPNGGIFVideoAudioResized ImageCaptionA cute dwarf hamsterA cute dwarf hamste...
Media Showcase
Here are some Creative Commons-licensed images:A beautiful sunset over the mountainsSunset over the mountainsColorful flowers in a gardenColorful garden flowersDancing animated gifDancing animation...
Week 4
"here's a paragraph on the side (the picture has a title, it also has alt text) Week 4 Project this is my project for week 4! it's going to have a bunch of clouds this is the...
media
"Welcome to My SiteListen to some music while you're here.Xvenox, CC BY-SA 4.0, via Wikimedia CommonspillowsOhdriele, CC BY-SA 4.0, via Wikimedia CommonsAll of these pictures seem differen...
National parks
"National parksjpeg imagdeers on the meadowJPEG (pronounced JAY-peg) is a graphic image file compressed with lossy compression using the standard developed by the ISO/IEC Joint Photographic Ex...


5. CSS Styling . 14 . html5 use css coding styling designthinking (13,14,18)

Dreams
°˖✧ Dreams ✧˖°Click here for the unstyled version of this webpage!A dream is a succession of images, ideas, emotions, and sensations that usually occur involuntarily in the mind during cert...
Ice Cream Style
The Origins of Ice CreamNo StyleThe origins of frozen desserts are obscure, although several accounts exist about their history. Some sources describe ice cream-like foods as originating in Persia...
Week 5
"Week 5 Project gradient backgroundhere's a header (imported font: courier prime; wavy underline; font weight 600; centered)this is a paragraph. it has a line height of 2em, letter spac...
Sloths!
"leafSloths!One of my favorite animals is the sloth! I think they're very cute. These are pictures of Hoffman's two-toed sloth, which live in the rainforests of Central and South Ameri...
Annie Wei
"Golden State WarriorsStephen CurryKlay ThompsonDraymond Greenbasketbasketbasket"
<p class="diigo-tags"><strong>Tags:</strong>...
“Adopt! Don't shop.”
"“Adopt! Don't shop.”WHY? It can give the lives wandering on the streets a home, so that they no longer need to worry about anything in their lives Give the dogs and cats in the...
CSS Styling
"CSS StylingThis website is a guide to simple Transitions, Transformations, and Animations in HTML and CSS.Right Click and Inspect to view HTML and CSS code.TransitionsHover over this button t...


6. CSS Layout . 15. MIDTERM copyright layout (15,16)

CSS Layout Project
Floating and PositioningThis is a floated left div.PositioningThis is a positioned right div.Padding, Margin, BorderThis div has padding, margin, and a border.FlexboxFlex item 1Flex item 2Flex item...
Famous Places in The World to Visit
"Explore Most Beautiful Tropical/Warm Places in The WorldLet your imagination wander to some of the most breathtaking destinations across the globe. The 21 destinations listed below are sure t...
CSS for layout
"CSS for layoutWeekSixAssignmentTop left boxBlue box!Top right boxRed box!Bottom left boxGreen box!Bottom right boxYellow box!"
<p class="diigo-tags"><stron...
San Francisco
San Francisco!For more details about these spots, click on the images below!Golden Gate BridgeGolden Gate BridgePier 39Pier 39Lombard StreetLombard StreetGhiradeli SquareGhiradeli SquareCoit TowerC...
Violin
"Stradivarius ViolinWhat is a 'violin'?The violin is a musical string instrument that has four strings and a fingerless fret board-- usually played with a horsehair bow. Its history be...
Cats Website
"this is a website about cats!keep scrolling to learn more about cats :)))Cat 1Tabby CatThis is a tabby cat. As you can see, they are very cute.Cat 2Long hairThis is a cat with long hair. They...
6. CSS Layout
The Legend of Zelda:Breath of the WildBy Jeffrey SmithCheck info about Breath of the Wild 2Release: March 3, 2017Genre: Action-adventureMode: Single-playerOverviewBreath of the wild coverForget ev...


7. Responsive Web Design . 14 . write make . mobile responsive (17)

7. Responsive Web Design
Responsive Web Design PageThis is an example of a gridThis is the second item in the gridThis is the third item in the gridAs you scale the page size down the images grid and text grids will will g...
Responsive Design
Module 7 Responsive Web DesignThis site will change depending on the size of the window and on dark mode.(Breakpoints at 540px and 100px)
<p class="diigo-tags"><stron...
Crypto Currency Website
"Crypto Currency Home About Services Contact BitcoinLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at nunc vitae turpis lacinia mattis in nec elit.EthereumLorem ipsum dolor si...
HAWAII
"MAUI HAWAII`Maui is the largest of Maui County's four islands, which also include Molokaʻi, Lānaʻi, and unpopulated Kahoʻolawe. In 2020, Maui had a population of 168,307, the third-hi...
Home Page
"Responsive Practice Flexbox-Responsive Article-Responsive Photo-Responsive Other-Responsive The menu bar with full menu shows up for the bigger screen. The menu bar with only "menu&qu...
Responsive Web Design Example
"Responsive Web Design ExampleDesktop ImageDesktop LayoutTablet ImageTablet LayoutMobile ImageMobile Layout"
<p class="diigo-tags"><strong>Tags:</stro...
Week 7
"Week 7 Project left the image changes size tooflower right this grid adjusts based on the size of the windowflexboxchangesdirection1"
<p class="diigo-tags...


8. Tables, Forms . 14 . participate tables forms portfolio (8,9,10)

HTML Tables and Forms
Using HTML Tables and Forms!By Krithi TandyalaTableRed Fruit Green Fruit Yellow FruitWatermelon BananaBananaby Filo gèn', available under a Creative Commons Attribution-Share Alike Licence...
Tables and Forms
Tables and FormsSample TableThis is an example table for formatting purposes. Extended rows or columns are highlighted in blue. Column Column Span (2) ColumnRow Data Data DataRowspan (2) Data...
Week 8
"Week 8 ProjectTable 1header 1 header 2 header 3item 1 item 2 item 3these have paddingcaption - table 2 header 1 vertical headingsheader 2 right align lightsheader 3tic tac toe X X...
Local Stores
"Local storeShop Name Working hours ImageMonday-Friday WeekendSporting Goods Store 8am-6pm 10am-4pm Grocery 6am-9pm 8am-6pm Pet srore 10am-5pm 10am-4pm X "
<p...
weather website
"Weather ReportDate City Temperature ConditionMarch 5, 2023 New York 50°F Sunny SunnyLos Angeles 70°F Partly Cloudy Partly CloudyTomorrow's ForecastMarch 6, 2023 Chicago 30°...
Tables and Forms
"Hello! Here, we'll do some fun stuff!Let's start with the most fun thing ever: math!Total Population Each YearCity Year PopulationNew York City 2020 20,108,2962021 19,857,4922022...
https://nba-past-champions.glitch.me/
"NBA CHAMPIONSHIPS SINCE 2010Year Champion Runner-Up Champion Logo2010 Los Angeles Lakers Boston Celtics 2011 Dallas Mavericks Miami Heat 2012 Miami Heat Oklahoma City Thunder 2013...


9. Beyond HTML . 17 . javascript seo solve iot (19,20,25)

Sample Page
"A Trip around the WorldWhere would you want to travel?Example ImagePopular Destinations in Africa South Africa Kenya Egypt Ethiopia"
<p class="diigo-tags&...
Xi's Website
"Thanksgiving Recipe images ingredients table videoTurkey ingredients table "
<p class="diigo-tags"><strong>Tags:</strong>...
The History of Tea
The History of Tea Origins of Tea Types of Tea Health Benefits of TeaOrigins of TeaTea was first discovered in ancient China, where it was used for medicinal purposes. According to legend,...
Revisiting Basics Using Graphic Design as Topic
Graphic DesignTypes of Graphic Design Printed Books and Magazines Advertising and Marketing Brand Identity Digital User Interface Design Product Packaging Design Dynamic Designs...
Module.9 Revisit Basic
Ghibli CollectionAboutMoviesGalleryContactNavigation (click to open)1 / 3(Slideshow with JS)My Neighbor TotoroAbout Studio Ghibli(This section is created with Flexbox)Studio Ghibli, Inc.is a Japane...
Coding Project 9
Coding Project 9This page is here to showcase all the previous elements learned for this class like: List, Link, Image, and Tablesde-anza SJSU uscCore Courses for Each Degree
<p clas...
Owls
"Facts About Owls Owls are called raptors, or birds of prey, which means they use sharp talons and curved bills to hunt, kill, and eat other animals. Most owls have huge heads, stocky bo...


10. Site Planning . 18 . sites webdev accessibility rubric htmlvalidation hosting xreality (21,22,23,24,)

Learning Resource - Site Plan
"Learning ResourceProject Site PlanPurpose and Intended AudienceThe purpose of this project is to provide a comprehensive resource for individuals who are eager to learn web development and de...
Photography Portfolio
"Purpose and AudienceMy final project is going to my photography portfolio. This year I've made it a goal to do more photoshoots and gain experience, so I think it would be a great opportu...
Project Plan
"Project PlansProject Statement and PurposeMy project site would be to recreate/continue working on the MonMon Sushi Restaurant project and the target audience for my site would be the people...
Module 10, Project
"Project PlanningDescription for the SiteThe website will be a site in which people will learn about japanese culture through Kendo, which is a Japanese martial art. This would be helpful for...
Module 10 - Project Proposal
"Project ProposalBlack Polyhedral Game Dice Black Polyhedral Game Dice via Wikimedia CommonsMy ProjectThemeI am a huge Dungeons and Dragons fan and for my project I want to create a site based...
Portfolio
"kv. module projects about me contact courseportfolio.Project PlanFor this final project, I want to create a project portfolio template for future employers whom I would need to present my...
Project proposal
Module 10My Project ProposalAs someone who has fighting games as a very passionate hobby, I wanted to create a site that was related to them. My idea was a mock character select screen for one of m...


11. Web Site Projects . 7 . beyondhtml webpro

Portfolio
"Welcome!Check out the projects I've created over the course. For more information about each project, click the "module projects" in the navigation bar above. You could also vis...
Profolio Template
I'm CD3. I believe in connecting people and creating new experiences together through design and technology.This is a portfolio website template designed for beginner web developers and designe...
Kaede gallary
Kaede gallary Home News Contact AboutMiss No Mask DaysRead moreSimple CampingRead moreSeattle CoffeeRead morePainting MenRead moreNostalgic JapanRead moreDive into BlueRead mor"
Cars'R'Us
Welcome to Cars'R'UsThe number one vehicle auction site for car enthusiasts. Find, buy, or sell your car with us today!Featured AuctionChevrolet Corvette image1967 Chevrolet Corvette Stingr...


12. Summary, Peer Review . 8 . creativity peer <rss date="" max="7">http://www.diigo.com/rss/user/vtaylor/x12</rss>