User:Vtaylor/CIS89A Learning Web Design/examples

<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.
Tags: <a href='https://w...
summer: My Six-Word Summerkids summer in the city backgroundBeach and Books, Fresh Juice and Pool
Tags: &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: Tags: <a href='https://www.diigo.com/user/vtaylor/x1codepen' rel='tag'>...
my 3 month hiatus: My 3 month hiatusFun,sun,surf,long nights,
Tags: <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"
<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"
...

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

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...
Pooja's Baking Project: "Art of Eggless Baking!Featuring some of the favoruite eggless recipes!Eggless cakeChocolate Cake RecipeEggless cakeCupcake RecipeEggless cakeChocolate Chip Cookie RecipeBaking Tips"
...
Golden Retrievers: "Golden RetrieversThis is a webpage about Golden Retrievers, my favorite dog breed!This is a png image of a Golden Retriever in the Snow.Jonathan Meyer, Adult Golden Retriever Close-up Photo,...

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

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"
Tags:...
“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...
Landscape Photos: "Landscape PhotosHover over each image to see examples of different CSS transformations and transitions.SkewНайкращі миті життяMisha Reme CC BY-SA 4.0, via Wikimedia CommonsRo...

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

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!"
<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...
Page Layout with CSS: "Page Layout with CSSBy Shanker RamThis box utilizes the floating feature to put the box to the right.This box utilizes the positioning fixed feature to keep the box on screen at all times.Thi...

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

Seven Wonders of the World: "Seven Wonders of the Ancient World(Overflow auto is used to allow users to scoll on smaller screens)(This pane nests under header on smaller screens)Great Pyramid of GizaColossus of RhodesLig...
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...
Three Songs: "three songs I'm listening to right now.boygeniusNot Strong EnoughBy boygenius from their album the recordkeshiWESTSIDEBy keshi from his album GABRIELMadisenxoxoBaby in BlueBy Madisenxoxo&...
Responsive Web Design Example: "Responsive Web Design ExampleDesktop ImageDesktop LayoutTablet ImageTablet LayoutMobile ImageMobile Layout"
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)

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...
Tabletopia: "Securitron Table Securitron Table $50Did you know? Tables were used to play Tic-Tac-Toe in Ancient Egypt as far back as 1300 BCE! ancienttictactoeExample of a game of Tic-Tac-ToeX O XO...
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...
Using Tables and Forms: "Blood Pressure RangesBLOOD PRESSURE CATEGORY SYSTOLIC mm Hg (upper number) and/or DIASTOLIC mm Hg (lower number)NORMAL LESS THAN 120 and "
<p class="diigo-tags&...

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 "
Tags:...
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>

User:Vtaylor/CIS89A Learning Web Design/examples

Navigation menu

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Community

Print/export

Tools