前端静态页面学习计划

最新推荐文章于 2022-11-15 23:15:19 发布
最新推荐文章于 2022-11-15 23:15:19 发布
阅读量111 收藏
点赞数
分类专栏： web学习 文章标签： 学习 web 前端 html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55061620/article/details/125969894
版权

学习目标：

自己搭建静态页面

例如：

  • 前端HTML搭配css制作静态页面

基础知识

入门基础html（超文本标记语言）

例如：

  1. 下载前端编辑器vsCode或者其他编辑器都可以
  2. 参考HTML 介绍icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML
  3. 掌握多媒体和嵌入icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding
  4. 掌握HTML 表格icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Tables
  5. 重点：元素标签 表单表格
  6. 页面样式CSS 入门icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps
  7. 构建基础 CSS 样式icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks
  8. 字体样式修改如颜色，大小，加粗等icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Styling_text
  9. CSS页面样式布局icon-default.png?t=M666https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout重点：选择器 定位

学习时间：

自己掌握，严格要求自己才能提升，例如

  • 周一至周五晚上 7 点—晚上9点
  • 周六上午 9 点-上午 11 点
  • 周日下午 3 点-下午 6 点

学习产出：

去找自己喜欢的页面网站仿制出静态样子

例如：

粉色铅笔头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
一分钟学习静态网页制作
weixin_57827335的博客
05-03 3657
第一章静态网页制作： 什么叫做HTML：超文本标记语言 HTML优势：世界知名浏览器都支持Google，苹果，微软，等等……还有市场需求 跨平台：1.win系统 2.苹果系统 3.linux系统 w3c标准包涵：1.结构化标准（XHEML,XML） 2.表现化标准（CSS） 3.行为化标准（DOM,ECMAScript） 网页的基本标签： 1.标题标签：h1~h...
前端学习记录之静态页面实现
10-16
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。——百度百科 给前端工程师的推荐。
静态网页快速学习
weixin_30832983的博客
07-20 286
网页快速学习好去处 http://www.w3school.com.cn 1. 基本的网页结构 <!DOCTYPE>声明 <html> <head> <!--网页信息--></head> <body> <!--网页内容--> </body> </html>...
静态页面学习中
10-15 83
现在在尝试在GAE上构建自己的静态页面。 出现个小问题：不知道如何在gae上挂载两个页面……
纯html静态网站分布很详细适合初学者
11-14
html静态网站，每一步分布都很详细，适合初学者，适合学习网页制作！
前端静态资源可下载学习
02-24
本资源压缩包提供的是前端开发中的基础静态资源，包括JavaScript（js）、CSS（层叠样式表）和images（图像）三个部分，这些都是构建现代网页必不可少的组件。 1. **JavaScript（js）**： JavaScript是一种广泛使用...
fanliwang.zip_前端HTML_前端静态页面
09-24
前端静态页面通常指的是不包含服务器端动态生成内容的网页，它们在用户请求时直接由Web服务器发送给浏览器进行解析和渲染。这种类型的页面制作相对简单，适合初学者入门。在这个"仿返利网"实例中，开发者可能使用了...
大学生Web前端期末静态网页设计作业html源代码
12-25
本资料包包含了一位大学生在Web前端课程期末所完成的静态网页设计作业，主要使用了原生的HTML、CSS和JavaScript技术。这个项目是学习Web前端开发基础的绝佳实例，让我们一起深入探讨其中蕴含的知识点。 1. **HTML**...
SSM学习计划管理前端页面资源
04-06
SSM学习计划管理前端页面资源主要关注的是前端开发领域，特别是使用Vue.js框架进行Web应用程序构建。Vue.js是一个轻量级、高性能的JavaScript框架，它以其简洁的学习曲线、易用性和可扩展性受到广大开发者喜爱。在这...
乐器培训教育学习微信小程序前端静态模板源码
最新发布
06-03
这款“乐器培训教育学习微信小程序前端静态模板源码”是专为乐器教育领域设计的，可以帮助教育机构快速搭建在线课程展示、报名等功能的前端界面。下面我们将深入探讨这款源码的相关知识点。 1. **微信小程序开发**...
前端静态页面基本开发思路（二）
海风依旧
11-15 1712
前端静态页面基本的开发思路，适合于刚学习前端想练习静态网页但没有思路的同学
前端学习-案例：制作一个超简单的静态页面
菜鸟-传奇
09-19 6300
前端学习-案例：制作一个超简单的静态页面 HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesh...
HTML学习——百度静态界面
Karen_Yu_的博客
04-14 4212
先反省一下，两个月没更新了，两个月没敲过代码了，出于无奈还是准备把一些东西写下来。 当然我写的其丑无比，大家要是不小心点进来，体谅一下初学者的悲哀，多谢(✺ω✺) 用的是HTML5 先放代码吧： 慧慧的百度 a:link {color: black} a:visited {color: purple} a:hover {color: blue} .sele
Web前端开发学习1：静态网页
热门推荐
life is wonderful
10-21 1万+
一静态网页概述        在网站设计中，纯粹HTML（标准通用标记语言下的一个应用）格式的网页通常被称为“静态网页”，静态网页是 标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX 控件及JAVA小程序等。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态 网页而言，是指没有后台
html+css静态页面学习 首页demo
fengxue_snow的博客
08-13 1153
1、最终效果图 在这里插入图片描述 2、html结构代码 <div class="header"> <div class="top clearfix"> <a href="javascript:;" class="logo fl"> <img src="img/logo.jpg"> </a> &lt...
静态网页入门讲解，制作属于你自己的网页（一）
weixin_44018540的博客
01-22 6329
写在开始 这个系列教程主要针对完全没有接触过网页制作的萌新小伙伴开设的，如果你有一定的网页知识积累，可以果断关闭！ 网页前端设计中牵涉的内容太多了，基础教程却比较缺乏，所以博主希望能够通过这样一个系列，帮想要学习网页编程的小伙伴整理一些比较基础又十分重要的知识点。那么，废话不多说，抓紧进入正题吧！ 网页编程工具 编写一个网页的编辑器其实有很多，比如说：eclipse，Dreamweaver，VS ...
前端静态页面（初级）
天上下雨地上滑，自己跌倒你自己爬
01-22 6921
我们在网络上看到的大部分页面都可以用html+css制作出来，但缺点就是它是静态的，在没有与后端联系起来的情况下就是很简单的前端页面，这篇文章与那个登录注册主页面的实现是一个系列的，许多前端页面的格式都差不多，框架也是就那几个，一般写出几个典型的页面后其余的页面都可以在此基础上进行修改。 还是这个网址，我用起来确实还可以。 HTML 标签https://www.w3school.com.cn/tags/tag_html.asp 主页面 index.heml： <!DOCTYPE html
前端学习——静态网页制作
RX1125的博客
01-23 3348
前端学习——静态网页制作1学习内容2. 成果展示 1学习内容 综合运用HTML、CSS知识制作静态网页。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>京吃食府</title> <link rel="stylesheet" href="css/index.css "> </head> <b
前端学习笔记之4 静态页面练习(百度)
pangshishan1的博客
09-06 1857
引言 : 博主目前是一名iOS开发者, 所会的语言有Objective-C 和 Swift, 目前正在学习前端; 这篇文章只是作为我的笔记发在这里, 供自己业余时间看看; 全是很基础的东西, 看到的小伙伴 酌情略过 吧^_^效果图1. index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
列举一个学习web前端技术计划,具体
04-04
6. 实践项目，如制作静态网页、响应式网页、简单的动态网页等，通过实践来提升技能水平。 7. 参与开源项目和技术社区，与其他前端开发者交流和学习，提升自己的技术能力和工作经验。 8. 持续学习和更新自己的技术...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值