1,怎么制作自己的网页?
初级前端主要学习三个部分:HTML,CSS,JavaScript一、html + css部分:这部分特别简单,到网上搜资料,书籍视频非常多。css中盒子模型,流动,block,inline,层叠,样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览器,google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多,建议在实践中多多积累。二、JavaScript部分。1.基础学习:难点,也是重点,要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,有很多比较抽象的概念,必须要深入理解,比如闭包、原型、面向对象、封装等,要理解透彻。看书是必不可少的,找一本优秀的js书从头到尾,反复研究学习,第一遍可以快速翻阅,大体知道了解概念即可,第二三遍就需要深入学习了。另外,js面向对象编程必须要学习,非常重要,个人推荐一本书, Stoyan Stefanov著,凌杰译的《javascript面向对象指南》。边学边练,实践出真知。针对那些有条件的人来说,很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的,为了让想学习的人可以更好的学习,给大家推荐一个裙,前面是6 1 1,中间是肆 二 8,最后面就是壹 四 二,这里有很多想学习的人和你一起交流,也有大牛每天晚上免费教学,想要学习的人都可以加入我们,但是我们只欢迎想学习的人,不是来学习,随便看看的就不要进了。2.jQuery学习:这些基础知识掌握好之后,还需要学jQuery,这是一个非常优秀的Javascript库,大型开发必备。它简化了Javascript的复杂操作,消除了Javascript跨平台兼容问题,提供了大量实用方法,有良好的文档和帮助手册,是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单,照着产品文档做几个页面就行了,不用面面俱到,以后遇到问题查文档就行了。大概流程就是这样,如下图所示:3.进阶学习:有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:易维护,可测试,高性能,低流量(移动端)。中高级前端1.工具学习习:大型项目中,前端代码构建已经不是简单的压缩一下了,依赖管理、模块合并、各种编译步步不可缺少,需要学会使用grunt、gulp等前端构建工具,要学习的还有:包管理器bower、npm,代码优化CSS Lint、JSHint、JSLint,CSS预处理器less、sass,代码管理及版本控制svn、Git,web框架/服务器Node、Express,代码规范、HTML模块化、css模块化。2.布局框架学习如Bootstrap。3.新技术html5学习。4.js框架学习,requireJS、 AngularJS等,往前端架构师靠近。5.nodejs学习。到招聘网站,参考任聘要求,准没错,举例如下:1.精通html和css,能制作符合W3C标准的静态页面;2.精通JavaScript编程,对面向对象编程思想有深刻理解;3.精通主流Javascript库/框架jQuery;4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验;5.对浏览器兼容性有深入的研究,精通各种浏览器问题 ;6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验;7.了解http://asp.net等服务器后台技术和拥有一定的C#编程能力者优先;8.对交互体验、可用性、用户体验有一定程度的理解;9.有良好的责任心和团队合作能力、能承受较大的压力;自己动手搜索下吧,确定目标和方向,以上是个人路线,仅供参考。
2,如何制作一个网页页面
如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ,Frontpage做,然后细节用Homesite,Hotdog修改,图片用Photoshop动画用fireworks ,Adobe ImageReady ,Flash然后申请空间,域名,大多数都是收费的,最后用软件上传就成了。 在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 1.网页顶端的标题“我的主页”是一段文字。 2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。 3.网页背景是一深紫红颜色。 构思好这个网页的结构,我们就可以开始制作了。1解决方法与步骤: 1.首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。2 2.然后在创建新项目下面点击HTML,下面常用到的有javascrpt,和CSS样式。 3.进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。2 4.使用插入栏:单击插入栏对象按钮>选按钮,弹出“选择图像源文件”对话框,其余操作同上。 5.使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。 6.在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您„„”然后,利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。5 7.在页面编辑器中按F12预览网页效果。 网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。6 在很多时候,我们都需要html的静态页面代码,那么我们介绍一下静态页面的代码。 :静态网页源代码首尾结构标记,代码内呈现网页所有内容 =背景色;:网页主体部分 :标签内显示出网页台头的标题名,用于标签之内 :设定搜索关键字
3,如何在网上建立一个属于自己的网页呢?
1、首先,策划网站。你想要建立一个怎样的网站,门户型?企业型?还是纯个人型?网站名称、域名是什么(至少准备三个以防已被别人注册),用什么语言建立,关键词(在百度输入什么词可以搜到自己的网站)哪些,等等。这里不做赘述,自行解决。2、这些策划问题搞定后,就开始建站了。1.选择建立一个怎样的网站了,首先选取自己满意的模板。有基础的朋友可以网上找源码用dreamwaver(修改网页文件的软件)、photoshop(修改图片神器)来自行修改和编排。而对于一些菜鸟朋友们可以选择购买模板或者找可DIY的模板来建。利用进行APACHE(一款搭建语言环境并可以本地测试的软件)进行本地测试 ,详细可参照其他视频,这里也不多说了。下面是我的可diy的网站界面。3、建议先做好网站再上线,因为百度等搜索引擎不喜欢上线后网站做大幅度机构性调整。网站测试好后,可以进行域名和空间的申请了。去新网等大型知名网站或者淘宝购买域名和空间都是比较方便的,但注意淘宝空间的稳定性和可靠性,为避免广告嫌疑,不做讨论。一般是在域名网站上注册会员,然后注册域名,若被注册,再换备用域名即可直至未被注册,付费,使用域名单位以年来记。空间的话,企业等简单页面建议选择虚拟空间,而论坛类、团购类或多个站点的可以选择vps或更高级的云主机。4、这些申请好后,将虚拟空间显示的ip、用户名、密码、端口等在flashfxp上填写上进行网站文件上传,传到wwwroot根目录下即可,有些空间可能根目录不是此名字。一般空间都有赠送的二级域名,上传成功后,在浏览器上粘贴上二级域名并回车,若跟本地测试显示结果相同则说明网站无问题。5、最后进行域名解析和空间绑定。通常情况下域名解析有时间差,需要24小时,但现在快,一个小时左右即可。6、解析绑定后,可以进行本机测试,开始-运行-cmd,ping 网址 .出现如下就已经可以正常访问了。地址栏输入网址即可打开网站。扩展资料1、网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。2、网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。3、文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。参考资料:百度百科:网页