网页制作（HTML5+CSS3） 课件ch01-1开发前的准备-环境搭建_第1页
网页制作（HTML5+CSS3） 课件ch01-1开发前的准备-环境搭建_第2页
网页制作（HTML5+CSS3） 课件ch01-1开发前的准备-环境搭建_第3页
网页制作（HTML5+CSS3） 课件ch01-1开发前的准备-环境搭建_第4页
网页制作（HTML5+CSS3） 课件ch01-1开发前的准备-环境搭建_第5页
已阅读5页，还剩37页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

开发前的准备-环境搭建宁波城市职业技术学院教师简介本节内容为什么要学这门课？如何学这门课开发工具选择开发环境的搭建和测试网页可以用来干什么？Web前端工程师zhengzhe全栈工程师全栈”翻译自英文full-stack，表示为了完成一个项目，所需要的一系列技术的集合。“栈”是指一系列子模块的集合。全栈工程师（Full-StackEngineer），也叫全端工程师，指的是掌握多种技能，对前端知识和后端架构都有深入的了解，并拥有足够的学习能力，能利用多种技能解决问题，独立完成产品的人。全栈工程师熟悉多种开发语言，同时具备前端和后台开发能力，从需求分析，原型设计到产品开发，测试，部署，发布全流程都十分熟悉。zhengzhe哪些人适合学Web前端大学生设计师电商从业者网虫转前端策划、编辑转行业策划、编辑转行业zhengzhe如何来学？/工业互联网资源库熟练使用常用工具HBuilderVSCodeDreamweaverPhotoshop工具下载和环境搭建网页与网站网页（WebPage）：用户通过浏览器里看到那些包含表单、文字、图片、链接，有时还有动画、音频、视频等内容。承载这些内容的页面为网页。网站(WebSite)：就是各种各样内容网页及其相关资源的集合，有的网站包含的信息内容繁多，如腾讯、网易这样的门户网站；有的网站可能只有几个产品页面，如小型公司的产品网站，但它们都是由多个基本网页构成的。zhengzhe网页构成要素zhengzhe网页构成要素文本和图片：是网页的基本元索，早期的网页主要就是由文字或图片来表达它的内容。超级链接：又分为“文字链接”和“图片链接”，只要浏览者用鼠标单击带链接的文字或图片，就可以自动链接上对应的其他文件，这样才让浩如烟海的网页能连接成一个整体，这也正是网页的魅力所在。动画：又分为两种，一种是GIF格式的动画，一种是CSS3动画，通常运动的内容总比静止的要吸引人的注意力，所以精彩的动画让网页变得更加魅力四射。表单：是一种可以在浏览者与服务器之间进行数据信息“交互”的控件，使用表单可以实现信息搜索、数据提交等交互动能。音/视频：随着网络技术的发展，网站上面已经不再是单调的MIDI背景音乐，而丰常多彩的网络电视、直播等已经开始成为网络新潮流。zhengzhe什么是HTML,CSS,JavascriptHTMLzhengzhe什么是HTML,CSS,JavascriptHTML+CSSzhengzhe什么是HTML,CSS,JavascriptHTML+CSS+JavaScriptzhengzhe项目1：开发前的准备（环境配置）项目1：开发前的准备讨论：网站工作原理？(15分钟)上网过程中，网页是如何呈现的？服务器的资源是如何获取的？什么是C/S,什么是B/S?他们有哪些区别和优缺点？什么是动态网页、静态网页？动态页面的制作技术ASPASP.NETJSPPHP28Web应用程序工作原理

这种架构采用Internet上标准的通信协议（通常是TCP/IP协议）作为客户机同服务器通信的协议。这样可以使位于Internet任意位置的人都能够正常访问服务器。对于服务器来说，通过相应的Web服务和数据库服务可以对数据进行处理。对外采用标准的通信协议，以便共享数据。29zhengzheWindows下配置Web服务器基于IIS的Web应用程序30zhengzheCS结构C/SC/S结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。C/S结构的优点是能充分发挥客户端ＰＣ的处理能力，很多工作可以在客户端处理后再提交给服务器。对应的优点就是客户端响应速度快。缺点:客户端需要安装专用的客户端软件。首先涉及到安装的工作量，其次任何一台电脑出问题，如病毒、硬件损坏，都需要进行安装或维护。特别是有很多分部或专卖店的情况，不是工作量的问题，而是路程的问题。还有，系统软件升级时，每一台客户机需要重新安装，其维护和升级成本非常高。31任务2：IIS服务器的安装和使用任务2：IIS服务器的安装和使用(5分钟)32zhengzhe任务3:IIS的安装测试任务3:IIS的安装测试(5分钟)任务4:使用Dreamweaver的进行站点管理33IP地址形式：

域名形式： http://localhost站点：一个网站可以拥有多个站点，每个站点通常存放特定功能的站点资源，这些资源包括程序，页面，图像，音频，视频等。zhengzhe任务3:IIS的安装测试任务3:IIS的安装测试(5分钟)34IP地址形式：

域名形式： http://localhostzhengzhe实验场使用HTMLHTML基础HTML(HypeTextMarkupLanguage)超文本标记语言标记:用<标记名>数据部分

</标记名>通常有开始标签、结束标签成对出现标签可以嵌套采用缩进形式标签还是属性名都是固定的用法，要记住36<html><head></head><body>

欢迎一起学习Web前端技术

</body></html>zhengzheHTML基础单标签形式:<标签名/>37<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>属性：属性名=“属性值”用空格隔开多个属性属性值都放在一个双引号之内zhengzhe认识Dreamweaver2021A.设计视图B.常用工具栏C.菜单栏D.文档工具栏E.文档标签栏F.可视媒体查询栏G.工作区切换器，H.面板I.状态栏J.标签选择器K.代码视图。zhengzhe认识HBuilderXzhengzhe任务5：发布站点信息

设置web共享上传站点通过web访问资源40zhengzheHowToLearn微信扫码加入zhengzheHowToLearn/course/2c918083746872e301746be8a6310c4bzhengzhe常见开发工具VisualCodeSublimeWebstormDreamweaverHbuilderX如何考核使用DW开发项目时，第一步要做的是创建文件新建站点设置浏览器以上都不对ABCD提交单选题2分要在页面中,应将内容放置在header标签title标签body标签met

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论