web基础阶段的小兔鲜儿项目学习

本文介绍了前端新手在学习阶段进行的一个小兔鲜儿项目的实践经验。内容包括所用素材的链接,项目文件的简介,重点讲解了index页面的基础结构搭建,强调了SEO优化策略,如设置description、title和keywords,以及logo部分的SEO技巧。此外,还分享了从外到内的布局思路和源码链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


在这里插入图片描述

1. 所用素材

素材链接,点我跳转:https://download.youkuaiyun.com/download/angrynouse/87228151

2. 项目文件介绍

favicon.ico 图标直接放在项目根目录下
images文件夹:项目中固定的图片,即logo 样式 修饰图片
uploads文件夹:项目中非固定的图片,即轮播图中的图片等,需要跟着活动进行更换
css文件夹:所有的css样式,
		common.css中放的是所有页面的公共样式
		index.css当前首页的样式
		base.css基础公共样式——去掉浏览器默认样式,初始化默认样式

3. index页面的基本骨架

description 和 title 和 keywords可以有效提高网站的SEO
在这里插入图片描述
logo部分的搜索引擎SEO优化:a标签中放主要文字,文字font-size设置为0,这样就可以只展示logo图片同时提升seo了


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值