1-Web前端开发概述

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