一、制作图标
- 将所需切成图片
- 将图片转换为ico图标
- 将favicon.ico图标放在根目录下
- 在HTML头部插入引用
二、icomoon的使用步骤
- 在网站下载图标
- 将fonts置于根目录
- 将@font-face写入CSS
- 在网站将图标复制置于HTML中
三、书写网页的思路及其要点
- 确定框架
- 画盒子
- 输入内容
- 先画大盒子，再放入小盒子，可先设定一个背景颜色，以实现盒子可视化
四、网站优化的三大标签
- 网页title标题
title具有不可替代性，是我们内页的第一个重要标签，是搜索引擎了解网页的入口 首页标签：网站名（产品名）网站介绍
- Discription网站说明
在title下方
<meta name="description" content=" ..."/>
- 3.Keywords关键词
在description下方
<meta name="keywords" content=" ..."/>
五、logo优化
- logo内首先放一个h1，作用：提权
- h1内放一个链接可返回首页， 给链接一个大小和logo的背景图片
- 链接内要放文字，但文字不要显示出来， 用text-intdent移到盒子外面（text-intent=-9999px）然后overflow：hidden
- 最后给链接一个Title这样鼠标放logo上可以看到提示文字
六、网页模块划分
网页分为公共部分和页面特定部分
- 一般网页头部和尾部在该网页贯穿始终，可写在common.css文件中
- 一般网页头部和尾部在该网页贯穿始终，可写在common.css文件中
- 易于维护 当需要对公共部分的样式进行修改时，只需在一个CSS文件中进行修改 所有引用该文件的页面都会自动应用 更新后的样式，降低了维护成本和出错的可能性 保持一致性，确保了头部和尾部在整个网站中的样式一致，为用户提供统一的视觉体验，增强网站的专业性和整体感
- 提高加载速度 浏览器会对CSS文件进行缓存 当用户访问多个页面时，不需要重复下载相同的CSS样式文件，从而提高了页面的加载速度
- 代码组织性有助于保持代码结构的清晰和整洁，使开发人员更容易管理和查找相关的样式代码
-
页面特定部分写在同一个css文件中
- 减少文件请求，只需加载一个CSS文件，就能获取该页面所需的全部特定样式 减少了对服务器的请求次数，有助于提高页面加载速度
- 便于版本控制 在版本控制系统中，对一个文件的跟踪和管理相对更简单，方便进行版本回滚和比较不同版本之间的差异
- 清晰的结构有助于保持项目代码结构的清晰，开发人员能够更直观的了解特定页面的样式组成
七、制作网页注意事项
- 用户体验
- 确保页面加载速度快，避免用户长时间等待
- 设计简洁、直观的导航，方便用户快速找到所需信息
- 考虑不同设备（如电脑、平板、手机）的兼容性，保证页面在各种屏幕尺寸上都能良好显示
-
视觉设计
- 选择合适的颜色搭配，避免刺眼或难以阅读的组合
- 保持页面布局的平衡和整洁，避免过度拥挤
- 使用合适的字体大小和样式，确保文字可读性
-
交互性
- 为用户提供明确的反馈，例如按钮点击后的状态变化
- 设计易于操作的表单和输入框
-
搜索引擎优化（SEO）
- 合理使用标题标签、关键词和描述，提高网站在搜索引擎中的排名
