写给大家看的网站制作教程02—自学网站制作的简单入门指博鱼体育南
发布时间:2024-01-19 09:44

  在上一篇《写给大家看的网站制作教程01-了解网站制作流程》文章中,我详细的讲解了关于制作一个在线网站,需要准备的素材与制作流程。

  今天我再来介绍一下,在我们正式开始制作一个网站时,我们需要的掌握与学习的一些知识技能。

  关于网页制作的软件工具有很多,我在这里只分享两款,DW软件和Sublime text软件。

  对于没有任何基础的人来讲,可以先通过DW软件来进行学习网站制作,然后通过DW这个软件的学习后,后面你想换其他编辑器的话,也是比较容易上手的,在这里,我个人比较推荐Sublime text。

  因为DW软件是一款所见即所得的网站设计编辑软件,对于没有编程基础的人来讲,这个比较容易上手,会让你感觉做网页就像打字那样简单,这样可以保持你的自学自信心与兴趣。

  如果你有PS基础的话,你使用DW软件,会感觉容易一些,因为这个也是Adobe公司的产品,只不过,DW最初是由美国MACROMEDIA公司开发,在2005年时,被Adobe公司收购了。

  而对于这个软件的学习,不需要你掌握多么熟练,只需要你会一些基本操作。因为大部分时候,我们只是用到软件里面的【代码】界面来写网站页面的代码而已,其他很多功能,我们使用的比较少。

  做一个网站,我们除了会使用代码编辑器工具外,最重要的一个部分就是网站程序了。

  在这个领域里,涉及的知识非常广,内容非常多。但是如果你要做一个网站的话,其实,你只要把实现网站页面的三项(HTML、CSS、JavaScript)基本功练好了,做一个网站就比较容易了。

  HTML是最基础的,这个必须先学起来,不过现在流行的是HTML5设计。但是对于制作网站,我们先学习HTML的知识,后面学习HTML5会轻松一些。

  CSS是用来美化HTML页面的,也是必学的知识,它同时也为页面提供布局样式。现在也有CSS的升级版本CSS3,但是不管技术怎么发展,基础的东西,你还是需要先学,所以,还是先把CSS的内容学明白了,再去学习CSS3的内容。

  其次,就是JavaScript的学习。Javascript是实现人机或网页交互的,这个可以学会了HTML,CSS后再学习。毕竟没有一点基础的话,上来就学JavaScript的话,你会信心崩溃的。

  还有就是CMS程序,这个是便于我们自己独立搭建网站的一些程序。例如,我们常用的有wordpress,dedecms,帝国CMS,以及Discuz CMS等等,但是这么多网站程序中,在后面我们整个学习过程,我们主要选帝国CMS这个程序来进行讲解与学习。

  如果你只是个人爱好的话,想自己动手做一个个人的网站的话,其实,学到这里,你就可以完全独自搭建一个站点了。

  但是,如果你对自己要求更高一些的话,那么,你还需要继续学习一些网站SEO优化的推广技能和一些前端框架知识,这个可以放在后面进行学习。

  当然,SEO优化,你不学习,也没有关系,它不影响你搭建网站,也不影响你学习一些前端JS框架,只是,在学习这个网站制作的时候,你想要成为一个有追求的站长的话,SEO也是必备技能。

  另外,我想再补充一点,就是在技术领域里,任何人都不可能做到对每项技术都非常精通的。掌握基础与核心技能外,再去学习其他方面内容,这个是一个学习的方法技巧问题。

  如果我们想把自己的网站做得颜值高一点的话,那这个PS也需要会点,也许你会说,这个不是有设计师来做吗?

  但如果你是自己做一个个人博客站点的话,那你就得独自一个人完成,从设计到网站程序。

  也许你会说,那我把设计部分外包给别人来做,这个也不是不可以,但是我想说是,既然你都开始学了,为啥不把这个内容也一起学习了,而且这个PS的学习,不需要你像专业设计师那样精通熟练掌握PS软件,只是要求你会点基础的操作即可。

  比方,我们在网络上看了很多的喜欢而好看的网页布局时,这个时候,你就可以将网页裁剪保持下来。

  例如,我打开这个网站时,看到里面的轮播图部分页面布局很好,我就直接截图下来,如下:

  同时,你还可以把它拼凑到任何网页效果图里去。但是需要注意的是,一定要保持图片尺寸大小的一致性。

  至于其他更多部分,你可以接着往后拼上。把一个设计页面拼完后,觉得可以了,就开始写静态页面。

  我们这么做的目的,就是方便我们在学习写网站页面的时候,提高学习效率,不用一边想网页布局,一边写页面代码,也不用反复的修改网页效果图,不然会浪费很多时间,学习效率会下降。

  所以前期学习得时候,还是需要学习一下PS,在写网站页面之前,我们也需要做一些网页设计图,在实际工作中,我们也是先出设计效果图,然后写网页界面,这也是我为啥要把PS的学习列入其中的一个原因。

  对于HTML、CSS、JavaScript的基础知识的学习,可以到 上学,可以边学边练,每章后还有小测试。

  我最开始学习这个也是在上面每天一边看一边练习,我个人觉得还是比较方便的,最后再去模仿写一些网站静态页面。

  JavaScript如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在 w3school上学习。

  还有就是在学习JavaScript的时候,你也需要同时学点jQuery 的知识,这个可以帮助你提升学习信心。

  例如,你引入库以后,可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,可以实现元素的淡入淡出效果,可以在元素上创建滑动效果等等。

  当然,如果到了后面,你CSS知识学得比较扎实的话,建议能用CSS实现的,就不要用JavaScript实现,这么做的目的主要是为了便于SEO优化。像二级菜单,图片轮播,鼠标滑动显示文字,排序等等效果,只要能够用CSS实现的,就尽量不要用JavaScript来写。

  最后,就是在学习中,遇到一些问题,这个时候,是非常正常的,但是你要学会先自己调试解决,如果解决不了,就上百度或者谷歌(谷歌需要梯子才可以上)搜一下,看看别人写的经验方法,也可以到w3school上查文档。

  能自己解决的就自己解决,这样你会有印象,在看别人经验方法的同时,你还能增加印象,下次遇到这类问题就能迎刃而解。

  当学了一些HTML、CSS、JavaScript、jQuery后,就需要开始学以致用,练习写一些静态页面。在刻意练习写静态页面之前,我们需要多看一些网站的网页布局与网页源码。

  因为我们写的每一个练习页面都不是自己凭空想出来的,都是有一些参考案例或者素材来源的。

  其实,在我们的实际工作中,我们的网页设计师在设计一个网页时,也是需要收集大量的参考案例,把他们认为好的网页收藏起来进行参考,然后再根据需求做一些网页效果图。

  而我们自己在写页面代码练习的时候,也是需要遵循这样一个过程,先做一个简单的网页效果图,这个在前面第三点已经说过具体怎么操作,你可以根据自己情况来。

  接着,我们通过所学的知识技能后,开始写网站页面,所以这个时候,我们就需要多看各种优秀网站的布局与源码。

  例如,我们想做一个自己的个人博客的话,我们就需要去看各种各样的个人博客网站,看他们的页面布局,网站源码,以及网页色彩的搭配等等。

  网站页面的代码实现都是根据网页设计效果图来做的,如果你实在不想学习PS的话,觉得我前面说的那样做,有点麻烦的话,又想节约学习时间,那我建议你就直接模仿别人的站点来进行页面布局代码的练习。

  我这里说的模仿别人的站点,不是说让你鼠标右键另存为,也不是照搬别人的代码,而是参考他人的页面设计效果,自己写HTML布局,写CSS样式,写JavaScript交互效果。

  博鱼体育

  如果实在写不出来,你可以查看一下别人的源码,直接按键盘【F12】审查元素,看看别人怎么写的,千万不要复制别人的代码,一定要自己一行一行的敲出来,这样你才会有印象。

  刻意练习模仿别人的站点,最基本的原则就是不要照搬别人的代码,要多自己想想,怎么做简单,怎么实现可以更好,需要有自己的思维方式。

  我们采用刻意练习模仿别人站点页面的目的,是为了帮助我们快速提高网站制作的学习效率。因为你不用去做设计图,从而节约了大量时间。

  但是,在实际工作中,大部分企业都会有专业设计师出设计效果图。而有的企业,就不一定了。有的时候,在某些企业,你接到了项目,还会要求出一个页面实现效果图。所以我建议你在学习网站制作的时候,一边学习网站代码的同时,也简单学习一下PS基础操作,这个对你肯定是非常有用的。

  原本这节内容是要给大家介绍一些关于网站制作中,经常出现的一些名词,但是在开始写这节内容的时候,我就做了一些调整,我想,我们应该先来聊一聊我们在网站制作中,需要学习掌握的一些知识技能,这样便于我们后面的使用。

  关于专业名词的介绍,我就在后面的内容中,遇到了,我们再介绍说明,就不特意这样安排一节内容来介绍了,毕竟专门弄一节内容来讲一些专业名词也是挺枯燥的。

  今天的内容就先分享到这里,希望我今天的内容对你有所帮助,如果还有什么问题,可以在留言区给我留言进行交流分享。

  下一篇:【网站模板】第02期—15款免费企业网站模板,助你提升学习效率与工作效率

  你可能会认为钓鱼网站很难检测和跟踪,但实际上,许多钓鱼网站都包含唯一标识它们的HTML片段。

  CDN缓存是什么?CDN缓存,即内容分发网络缓存,是一种用于提高网络内容传输效率和稳定性的技术。CDN缓存可以在网络中存储大量的数据和文件,例如网页、图片、视频等,从而避免用户直接从原始服务器获取数据,减少网络拥堵和延迟。CDN缓存通常位于靠近用户的地方,可以更快地响应用户的请求,提供更好的用户体验。当用户请求某个网页或文件时,如果该内容已经在CDN缓存中存在,那么CDN可以直接将内容返回给用户,

  在IT工程师和培训机构多如牛毛的时代,拜师学艺并不难。但自学编程对于毫无基础的同学来说却可能是个问题,相信有过类似经历的朋友都有一把辛酸泪和一肚不吐不快的体会。让我们从一个故事说起...故事某君在一个普通大学读着自己不喜欢的专业,以打游戏、刷段子和睡觉度日,突然有一天想学点什么。学编程好像挺酷,而且听说IT行业充满了机会,没准一不小心就和大佬一起“改变世界”了。那么第一个问题来了,他该选择什么语言

  一、伪静态是什么?伪静态就是动态网页通过重写URL的方法实现去掉动态网页的参数,但在实际的网页目录中并没有必要实现

  一 网站策划设计阶段1 策划构思及设计流程 1.1 了解客户需求 创建网站结构示意图。 1.2 网站策划: &

  我们在此次制作中,使用了structs2框架。在使用框架中出现了一些问题,像在我们验证用户名与密码是否正确时,出现了一个问题就是不能从前端获取数据,即出现了select*fromuserwhereusername=“null”,原来是我们在相应得action中未写好相应的get方法,所以不能获取前端的数据。

  ?文章目录二、?网站介绍三、?网站效果▶️1.视频演示? 2.图片演示四、? 网站代码?HTML结构代码五、?更多源码二、?网站介绍?网站文件方面:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;?网页编辑方面:可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、

  。本文将使用到的技术:ReactGeist UI 库,用于快速构建样式知晓云 Web SDKreact-router-dom,用于页面跳转moment.js,用于解析日期开始前的准备在开始构建之前,我们先构思一下常见个人博客页面的几个要素,也就是头部、内容和底部。头部一般放置网站的 Logo 和相关链接;内容则一般为文章分类、文章标题、以及文章内容;而底部一般放置一些版权所有,以及其他的一些链接

  本文来自:[url]网站目录规范 ---------------------------------目录建立的原则:以最少的层次提供最清晰简便的访问结构。根目录一般只存放index.asp以及其他必须的系统文件,轻易不要建目录,每个主要栏目开设一个相应的独立目录;目录中开设一个p_w_picpat

  创建mysite目录 django-admin.py startproject mysite这个命令作用是:这将创建在当前目录创建一个mysite目录 前提是从命令行上cd到你想储存你代码的目录,然后生成各种子目录. 首先需要注意的是文件目录 这里面的文件大致作用: books这个 文件夹存放的是新

  建网站的流程?美观这问题没有固定的,要有美术基础,要有创意。做网站的步骤一、做好网站页面文件二、申请域名(即网址:这个要花钱),有专门的网络公司卖域名三、购买空间(即存放你网站文件的磁盘空间),有专门的网络公司卖域名,这个也要花钱四、网络公司告诉你ftp地址:帐号及密码,你通过在 ie地址栏里输入:ftp//地址。

  大家好,我是菜鸟哥!如果想用Python做网站,在Python世界里面有2大非常有名的框架,一个是Django一个是Flask 。但是做网站肯定需要前端的三家马车HTML/CSS/JS 。如果我只想想做一个简单的网站,学习的成本有点高。今天给大家推荐一个神器 Anvil 框架,可以不用一行非Python代码,分分钟帮助你打造一个纯用 Python 做的全栈 Web 应用程序!厉害吧,我们一起来看一

  ?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目 一、??网站题目? 音乐网页设计 、?仿网易云音乐、各大音乐官网网页、?明星音乐演唱会主题、?爵士乐音乐、民族音乐、等网站的设计与制作。二、✍️网站描述?️HTML音乐网页设计,采用DIV+CSS布局,共有多个页面,排版整洁,内容丰富,主题鲜明,首

  据英国《每日邮报》网站近日报道,美国密歇根大学的科学家设计出一种由忆阻器制成的新型神经网络系统——储备池计算系统,它可以教机器像人类一样思考,并显著提升效率。而且,它能在对话之前预测词汇,甚至可以预测下一步输出。此前科学家曾用更大的光学元件创建出储备池计算系统,但电气工程和计算机科学教授卢伟(音译)率领的团队使用忆阻器创建的新系统所需空间更小,也更容易集成到现有的硅基电子设备中。

  智能语音交互是基于语音输入的新一代交互模式,通过说话就可以得到反馈结果。可以理解为人类与机器间通过自然语言完成信息传递的技术。语音交互的完整流程,如下图所示。通常,根据距离远近语音交互场景可分为两种:近场语音场景:通常通过按键激活,例如智能手机等便携设备。远场语音场景:通常通过唤醒词激活,例如智能音箱等固定设备。远场语音场景下,在产品策略上通常会采取两种方案,以提高唤醒的准确率:将唤醒词的音节长度

  vuex主要是vue的状态管理,如果我们在项目中只通过传参、缓存等方式来同步data中的值,一旦项目变得大了页面多并且很复杂的时候就会变得很难维护和管理。vuex就把我们频繁使用的值进行集中管理,可以在整个项目同使用state:存储状态(变量)。使用:$sotre.state.xxx getters:可以理解为state的计算属性。加工state成员给外界。使用:$sotre.getters.

  平稳时间序列分析 一个序列经过预处理被识别为平稳非白噪声序列,就说明该序列是一个蕴含着相关信息的平稳序列。在统计上,我们通常是建立一个线性模型来拟合该序列的发展,借此提取该序列中的有用信息。ARMA(auto regression moving average)模型是目前最常采用的平稳序列拟合模型。1.方法性工具 1.1 差分运算 一阶差分: ∇xt=xt−xt−1

  FC-SAN vs. IP-SAN详细技术比较 其实在前两年我们根本就没有讨论FC-SAN与IP-SAN优劣势的必要,因为在那个时候的存储区域网业界还是被光纤传输模式一统天下,并且在相当长的一段时间里面表现出了优异的性能、可靠性和可扩展性。但是在这一年多以来,随着IP-SAN存储设备的出现,其携便利的扩展性和低廉的价格向FC-SAN发起了一轮又一轮的冲击。