Web前端开发概述PPT课件

目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Web前端开发
UI设计
• 用户研究 • 交互设计（UX） • 界面设计
前端开发
• HTML • CSS • JavaScript
• 服务端脚本（PHP、JSP等）
服务端开发 • 数据库技术（MySQL、 NoSQL）
2.设计 我是个要“脸”的人 3.开发 这就是——技术！
简单地说，网站是一种沟通工 具，人们可以通过网站来发布 自己想要公开的资讯，或者利 用网站来提供相关的网络服务。 人们可以通过网页浏览器来访 问网站，获取自己需要的资讯 或者享受网络服务。
4.发布 盛装亮相
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Web前端开发
1.需求 用户沟通、需求分析
2.设计 3.开发
平面设计（Photoshop） 编 程 开 发 （ HTML+CSS+JS ）
网 站 ， 就 是 一 个 web 软 件 ， 遵 循软件开发的基本流程。 现在的网站开发，可以成为 web开发。开发者不仅要设计 美观大方的UI，更需要实现纷 繁多样的功能。
目录
CONTENTS
04 总结提高
总结
Web前端开发
网络知识 • IP用于定位Internet上唯一一个终端 • 域名是IP的字符标识，通过DNS解析为IP • URL用于定位Internet上唯一一个资源 工具软件 • 工具永远是工具，脑子才是关键！ 相关技术 • 烂UI能直接毁掉一个好项目 • 前端正在越来越值钱，而且不再简单 • 服务端看不见摸不着，却是一切的核心
Web前端开发
工欲善其事必先利其器
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
辅助工具
Web前端开发
思维导图
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
编码工具
• 高级记事本
Web前端开发
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
URL 统一资源定位地址
Web前端开发
互联网上的每个文件都有一个唯一的URL
调用
协议://主机地址:端口号/目录/文件名.文件后缀
http://cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.css
Web前端开发
IP
使连接到网上的所有计算机网络实现相互通信的一套规则
给每个连接在互联网上的主机分配的一个32位地址 如今以点分十进制表示，如 192.168.0.1
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
域名
Web前端开发
域名（Domain Name）是IP地址的一种字符型标识 由一串用点分隔的名字组成，如 www.wfweilan.com
Web前端开发
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Web前端开发
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Web前端开发
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
THANK YOU！
THANK YOU
SUCCESS
2019/7/4
Notepad++
• IDE（集成开发环境）
Sublime Text
Dreamweaver
HBuilder
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
浏览器
Chrome
Web前端开发
Firefox
Fra Baidu bibliotek
Safari
Opera
Internet Explorer
4.发布 域名、web服务器、FTP
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Internet
Web前端开发
ARPANET NSFNET INTERNET （1968） （1985） （1986）
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
HTTP
Web前端开发
设计HTTP最初的目的是为了提供一种发布和接收HTML页面 的方法 默认使用80端口通信 通常通过浏览器访问
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
Web前端开发
山东信息职业技术学院
Web前端开发概述
主讲教师：王国强
目录
CONTENTS
Web前端开发
1
网站是怎么来的？
2
一些网络常识
3
准备开始吧
4
展望我的未来
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
网站
Web前端开发
1.需求 我想在网络上有个小天地！
域名的注册遵循先申请先注册为原则 允许使用 英文、数字、-
示例
https://wanwang.aliyun.com/
THANK YOU
SUCCESS
2019/7/4
目录
CONTENTS
03 知识要点
• 网站怎么来的 • 一些网络常识 • 准备开始吧 • 展望我的未来
域名解析（DNS）
Web前端开发