Web入门开发【一】- Web开发介绍-程序员宅基地
技术标签： 前端 服务器 Web编程入门 javascript
欢迎来到霍大侠的小院，我们来学习Web入门开发的系列课程。
首先我们来了解下这个课程能学到什么？
1、你将可以掌握Web网站的开发全过程。
2、了解基础的HTML，CSS，JavaScript语言。
3、开发自己的第一个网站。
4、认识很多对编程感兴趣的朋友，一起学习交流。
有什么展现成果吗？
完成属于你的网站，展示给你的家人朋友们，比如做一个家人相册网站，是不是有满满的成就感。
要学习多长时间才行？
课程视频共3小时，跟着操作全程大约7小时即可。
自己看视频不会操作怎么办？
学习过程有问题可以加入我们的社群需求帮助。
本次课程工包括8个章节，在第一章节Web开发介绍中，主要是阐述整体开发的几个过程，每个过程大概的目的，让你对整体有个初步概念，然后每个深入每个阶段详细讲解，直到你掌握整体开发过程。
Web是什么
1 首先讲下Web是什么？web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
Web都包含什么
2 Web页面内容通常包含文本内容，图片，视频，动画，交互按钮等等。
早期静态没有互动的页面为Web1.0；目前主流是Web2.0的模式，网站可以和用户交互，但是主要是中心化管理，网站平台管理用户数据；最近很火的web3.0主要是倾向数据私有化，去中心化的理念，目前还在渐进的发展过程中。
Web网站怎样让他人看到
3 Web网站怎样让他人看到？
这些内容是由html代码，css样式和js动态脚本实现的。对于动态数据，用户信息等内容是通过后端语言实现的。写好的Web网站发布到服务器上，然后通过关联域名地址就可以呈现给别人了。这个案例中浏览器的url就是网站的域名。
不过在开始编写我们第一个网站前，我们需要好好思考下自己要做什么，也就是先要设计下自己网站。比如网站要展示什么？有什么交互行为？都要支持什么设备展示等等。开发技术只是工具而已，核心是我们要用这个工具做什么事情。再好的技术也是需要落实到人类的需求层面上的。
本课程每部分重点讲什么
4 本课程每部分重点讲什么？
主要分三大部分，第1,2节课是了解Web和网站设计的要素。第3,4,5,6节课是落地实现的一个过程，是技术细节的学习；第7节课运行原理是对整体学习到一个系统串联，了解下Web运行机制。最后第8节课学习探索，我们来看看高级的Web开发都有什么技术，大型网站是什么样子的。
学会Web开发都能做什么
5 学会Web开发都能做什么？
学会Web开发，我们可以编写自己感兴趣的产品，可以找软件开发的高薪工作,也可以通过编程技术做自由职业，还能提高我们的逻辑思维能力，提高专注力。同时学会Web编程我们可以真正了解到编程技术，如果对编程感兴趣可以逐步深入学习高级的，包括后端的编程语言，掌握全栈开发能力。所以我们的整个课程让你不仅了解整体互联网Web开发，还开发自己一个Web网站，另外明白Web开发更高级的学习方向和挣钱方向。关键一点，我们的课程视频都是免费公开的，社群中还有很多大牛朋友可以帮助你学习。相信我，认真跟着我们学完整个课程，绝对让你受益匪浅。
好了，本章节先学到这里，下一章我们学习网站设计。关注我，跟着我每天学习一点点，让你不再枯燥，不再孤单。
智能推荐
2023.8DataWhale_cv夏令营第三期笔记_逻辑回归需要训练很多轮么-程序员宅基地
文章浏览阅读257次。使用官方提供的脑PET数据集，构建逻辑回归模型来进行脑PET图像的疾病预测，数据集被分为两类，分别为轻度认知障碍（MCI）患者的脑部影像数据和健康人（NC）的脑部影像数据，图像数据格式为nii，因此本赛题可抽象为一个二分类问题。nii是一种常用的医学图像数据格式，主要用于存储和交换神经影像数据。以下是一些主要特点：1.主要用于存储3D（三维）医学图像数据，如MRI（磁共振成像）和CT（计算机断层扫描）图像。2.支持多种数据类型，使得其可以支持不同类型的数据处理和分析。_逻辑回归需要训练很多轮么
通用指南-营销和设计中的增强现实（AR）-程序员宅基地
文章浏览阅读1.2k次，点赞31次，收藏26次。增强现实通常被视为一个利基领域。然而，在过去的两年里，它已经到了一个成熟的阶段，应该在一般的营销堆栈中进行考虑。正如我们所看到的，这个市场是巨大的，而且随着主要参与者向这项技术投入大量投资，它只会继续增长。从苹果到Meta，大公司都相信身临其境的未来，而想要获得成功的营销人员和创意人员也加入了进来。本文第三章，最佳设计实践除了深入讨论AR设计的原则外，还全面推荐了AI设计工具。旨在帮助读者的AI作品脱颖而出。
linux c 网络编程_usage: ./tcp_client hostname-程序员宅基地
文章浏览阅读473次。OSI七层网络模型由下至上为1至7层，分别为：物理层(Physical layer)，数据链路层(Data link layer)，网络层(Network layer)，传输层(Transport layer)，会话层(Session layer)，表示层(Presentation layer)，应用层(Application layer)。1.1 应用层，很简单，就是应用程序。这一层负责_usage: ./tcp_client hostname
Nexus3配置yum代理 pypi代理和npm代理(三合一)_maximum component age-程序员宅基地
文章浏览阅读2.8k次。环境准备安装 maven 安装 java 环境[root@cicd-nexus ~]# wget http://mirrors.tuna.tsinghua.edu.cn/apache/maven/maven-3/3.6.3/binaries/apache-maven-3.6.3-bin.tar.gz[root@cicd-nexus ~]# tar xf apache-maven-3.6.3-bin.tar.gz -C /usr/local/[root@cicd-nexus ~]# tar xf _maximum component age
使用js-xlsx handsontable 分批次导入Excel数据(兼容ie9)_js 导excel 分批写入-程序员宅基地
文章浏览阅读1.6k次。使用js-xlsx handsontable 可以把本地excel 解析到网页上，然后分批次传入后台。在chrome 下 可以参考 https://github.com/SheetJS/js-xlsx 【Browser file upload form element】但需要使用FileReader api 这个只有ie10 才开始支持。兼容ie9 ,ie9需要通过flash 来支持..._js 导excel 分批写入
wxWidgets 自绘按钮（图片+文字）_wxwidgets 中文按钮-程序员宅基地
文章浏览阅读2.5k次。在wxWidgets中，想要通过其本身的控件来实现图片+文件的按钮，貌似不太容易做到。但是可以通过重载wxControl来自绘图片+文件按钮。下面给出的是已经封装好的按钮类：wxBitmapButtonEx.h#ifndef _BITMAP_BUTTON_EX_H#define _BITMAP_BUTTON_EX_H#include "wx/wx.h"enum eBitm_wxwidgets 中文按钮
随便推点
invalidate()和postInvalidate()的区别_postinvalidate和invalidate的区别-程序员宅基地
文章浏览阅读847次。invalidate()与postInvalidate()都用于刷新View，主要区别是invalidate()在主线程中调用，若在子线程中使用需要配合handler；而postInvalidate()可在子线程中直接调用。postInvalidate它是向主线程发送个Message，然后handleMessage时，调用了invalidate()函数。（系统帮我们 写好了 Handle..._postinvalidate和invalidate的区别
计算机表格 求差,Excel表格中求差函数公式怎么用-程序员宅基地
文章浏览阅读9.1k次。excel数据进行分类汇总的步骤在做分类汇总前，我们需要对数据先进行排序，否则分类汇总无法进行。得到排序后的表格。点击上方工具栏中的“数据”→“分类汇总”。在弹出的对话框中选择“分类字段”→“汇总方式”→“决定汇总项”。点击确定出现数据汇总结果。Excel表格中求差函数公式使用的方法第一步：打开Excel表格，单击第一排，第三个“单元格”，也就是C1，在C1中输入“=A1-B1”;第二步：这个公式..._表格求差公式
Linux下OpenCV的安装与测试成功教程（解决E: 无法定位软件包 libjasper-dev、无法找到directory `opencv.pc‘、fatal error:“highgui.h“)_无法定位软件包 libgazebo-dev-程序员宅基地
文章浏览阅读1.5w次，点赞49次，收藏169次。前言好激动，断断续续装了两三天才装上，踩了好多坑。这里把成功安装的步骤详细写下来，如果有小伙伴需要，可以尝试一下，但我不能保证你也可以装好。首先说一下我的各个版本（不谈版本的安装教程都是耍流氓！）是用虚拟机软件：VirtualBOX6.1.30系统版本：ubuntu-20.04.3-desktop-amd64（最小安装模式，中文）OpenCV版本：4.5.5安装时间：2022.2.11下面是步骤1、进入OpenCV的官方下载地址Releases - OpenCV，下载So_无法定位软件包 libgazebo-dev
红帽子粉帽子绿帽子II（递归，递推）-程序员宅基地
文章浏览阅读320次，点赞6次，收藏10次。/是上一个的进化版，相邻的可以一样但是不能都是绿色，注意条件；~~~//仅当笔者个人备忘录使用。
解决Install Intel x86 Emulator Accelerator (HAXM installer) (revision: 7.6.5)“ failed问题-程序员宅基地
文章浏览阅读6.7k次。由于Install Intel x86 Emulator Accelerator (HAXM installer) (revision: 7.6.5)安装失败，导致我的安卓虚拟机无法启动。解决办法有一下几种：1.开机进入BIOS打开Virtual虚拟化功能，然后进入Androidstudio 的SDK manager里面安装HAXM2.关闭系统中的Hyper-v，进入控制面板的程序和功能，将Hyper-v去选即可。3.如果前面的方法都不行，那么建议你重新下载AndroidStudio最新版进行安装_intel x86 emulator
PowerBuilder的语言基础-程序员宅基地
文章浏览阅读1.1w次，点赞2次，收藏15次。 每一种语言都有一组基本的语法约定,POWERBUILDER也不例外。 （1）断行、续行与多条语句 通常情况下，powerbuilder的一条语句是写到一行上的，该条语句在书写完毕之后，按键转到下一行，开始写下一句的内容。也就是说，在PowerBuilder中，使用键作为一行的结束。在PowerBuilder语句比较长的情况下，为了方便阅读，可以使用续行符号把一条语句写到几_powerbuilder