猪八戒学做网站之HTML5篇(2):编写网页的工具

news/2024/5/20 15:11:34/文章来源:https://blog.csdn.net/smallfools/article/details/4244930

    一杯清茶还没有喝完,小朱告诉我,他的网页做完了,惊得我下巴都快掉了。

    我张大着嘴巴来到小朱的电脑前,看到了他完成的网页,完成情况好像还不错。各位可以看一下,他的网页的完成效果:

 

    说实话,这页面,除了四周的白边之外,简直就是无缝天衣之作啊!

    我疑惑地问小朱:“这是你刚才做的吗?”

    小朱点点头:“如假包换!”

    “你以前做完网页吧?”我接问道。

    “正儿八经地做网页,这还是头一回。”小朱回答。

    “那是你太谦虚了!”我赞赏的点了点头。顺手在小朱的网页上点了一下鼠标右键,并选择“查看源文件”选项。这是我多年来的一个习惯,只要看到好的网页,就会不由自主地查看一下它的源文件,通过查看源文件,可以学习到自己不曾掌握的内容,也可以学习到别人编程的经验。

    但今天查看小朱的网页的源代码,主要问题是觉得他的网页背景不是全屏的,四周都留了一个边。经验告诉我,小朱是将网页的所有内容放在一个表格里,而且为表格添加了背景图片,而不是为整个网页添加背景图片,而这,正是一个错误所在。

    当打开网页的源代码之后,我看到的居然是这样的代码:

    这一下,我的32颗牙全惊得从嘴巴里掉了出来。

    这是什么源代码啊?!!小朱使用的居然不是初学者用的HTML,而是XHTML!他是一点也不会XML的人吗?

    我拖动了一下记事本中的滚动条,看到的是更雷人的内容:

     这种XHTML代码,可不是一般人都写得出来的!结论只有两个:第一个,小朱不是一般人,是个扮猪吃虎的人物;第二个,小朱还不是一般人,是头猪!

    “你不会告诉我,这个网页是你用源代码写的吧?”我问小朱。

    “源代码?什么是源代码?”小朱反问道。

    天哪,能说得出这种话的人,打死你我也不相信他会直接写源代码的。我突然想起了什么,继续问道:“你不会告诉我,你是用word写的网页吧?”

    小朱得意地说道:“猜对了!一百分!!”

    我有种要崩溃的感觉了:“你是怎么做的?”

    “很简单啊,”小朱回答道,“在word里,把图片插进去,然后另存为网页就行了。”

    我一声不吭,回到自己座位上,努力让自己不要吐血。我还年轻,不想就这样活活地被气死过去。

    小朱看我好像不太高兴的样子,有点紧张,拿起我的茶杯给我沏了一杯茶,端到我手上,问:“师傅,我做错了吗?”

    我喝了一口茶,平静平静心理,对小朱说:“别叫我师傅,尤其是千万别告诉人家你是我徒弟。”

    “别介,”小朱说,“我只是笨了点,但我很用功的,只要你教我,我一定会做好的。”

    我上下打量了小朱一下,小朱的样子倒是很诚肯,不像那种油嘴滑舌的人。我叹了口气,摇摇头对小朱说:“你啊,不但是笨,而且是笨得可以了。”

    “是啊,他们都叫我猪八戒呢。”小朱马上应道。

    “我看也像。”我点点头说,“Word是要来干什么的?Word的主要作用是文档编辑、文字处理,不是网页制作。”

    “我也在写文档的时候无意中发现Word可以另存为网页的,所以……”小朱看了我一眼,没敢继续说下去。

    我又喝了一口茶,继续说道:“你今天犯了两个错误,你知道吗?”

    小朱无辜地摇了摇头。

    “第一、你使用了错误的网页编辑工具。工欲善其事,必先利其器,你选择一个网页编辑工具这是没错的,但是你不应该选择Word。”我说道。

    “那我应该选择什么?”

    “网页编辑工具有很多,比如说Office套装里有FrontPage,这个是比较专业的网页编辑器。”

    “是吗?我怎么不知道?”小朱一边说一边走向自己的电脑,并在里面查看起来。

    过了一会儿,小朱说:“为什么我这台机器里没有啊?”

    “这是因为在安装Office的时候,没有选择安装FrontPage。”我向小朱解释道,“在Office 2003里,包含了FrontPage 2003,不过默认安装时,FrontPage 2003是不会被安装上去的,如果你想用的话,可以使用我的安装盘来安装。”

    “不用了,我这里也有Office 2003的安装盘,我自己安装吧。”小朱说完之后,翻了翻自己的包,掏出一张盘放在光驱里。

    “不对啊,我的Office 2003安装盘里没有FrontPage啊。”过了一会儿,小朱又问起来。

    “我说了我的安装盘里有,又没有说你的安装盘里有。”我笑道,“有些版本的Office 2003里就没有FrontPage。”

    我把我的Office 2003安装盘递给小朱,继续说:“可能是因为FrontPage使用的人少吧,2003已经是FrontPage的终级版了。现在的Office 2007中已经没有FrontPage了,微软将FrontPage分别分开成了Expression Web和SharePoint Designer。”

    “啊?都淘汰了啊?”小朱把嘴巴张得大大的,“那我还用不用这个啊?”

    “个人习惯问题,萝卜青菜各有所爱,你喜欢就用,不喜欢就不用,网页编辑器太多了。”我头也没回地说道。

    “那还有什么网页编辑器?”小朱穷追猛打着。

    “使用得比较多的,比较专业的,是Dreamweaver,Macromedia公司的,哦,不对,Macromedia已经被Adobe收购了,可以说是Adobe公司的了。”我说道。

    小朱点点头,我突然发现,肥肥的大脑袋点起来的时候挺可爱的,我想像他的耳朵要是也有猪八戒的那么大,点头的时候一扇一扇的,一定很好玩。

    “那你用的是什么网页编辑器呢?”小朱问。

    “UltraEdit-32。”

    “这个是不是比Dreamweaver好用?”

    “那也不一定,Dreamweaver是所见即所得的编辑器,和Word一样,你可以直接在里面插入图片、输入文字,Dreamweaver会自动生成HTML代码。使用Dreamweaver,傻瓜都会做网页。”我说道。

    “这个倒挺适合我的。”小朱轻轻地说道。

    我笑了笑,接着说:“UltraEdit-32是一个文本编辑器,和记事本类似,使用它只能直接写入HTML代码,而不能看到结果。”

    “是不是高手才直接写源代码的啊?”小朱问道,“那你为什么不直接使用记事本而使用UltraEdit-32呢?”

    我微笑了一下,没有回答他的第一个问题,直接回答了他的第二个问题:“UltraEdit-32可以给源代码着色,也就是说,它会将HTML标签使用不同的颜色显示出来,如果输入错误的话,就不会着色,所以在很大程序上减少输入的错误。另外,UltraEdit-32打开文件的速度非常快,几M、几百M的文件都可以很快打开,并且在一个UltraEdit-32窗口中可以编辑多个文件、可以多次返回……这些,都是记事本所不能比拟的。”

    “那使用UltraEdit-32必须对源代码比较熟吧?”

    “这是当然,虽然现在所见即所得的网页编辑器有很多,但是我一直固执地认为,要会编写网页,必须要懂HTML代码,这是学习做网页的基础。如果连这个基础都没有的话,别和我说这个人的水平有多高。”

    “哦,原来是这样啊。”小朱好像明白了一点了,“那我应该使用什么来编写网页呢?”

    “我觉得吧,对于初学者来说,FrontPage和Dreamweaver都是比较好的入门工具,但是在熟悉HTML代码之后,使用UltraEdit-32是比较好的工具。对于我个人而言,我通常使用Dreamweaver来设计网页,而使用UltraEdit-32来进行局布修改。”

    其实,使用UltraEdit-32来直接设计网页也未尝不可,只是那样做太累了。只有傻子才不会利用工具呢。

    “哦,”小朱又点了点头,问,“你刚才说我今天犯了两个错误,那第二个错误是什么呢?”

    我看了看表,已经超过下班时间5分钟了,我随手关了电脑,说:“这个嘛,明天再说。回家吃饭去!”

    说完,我拍拍屁股走出办公室。

    “师傅,你等等我!”

    我看着小朱在关他的计算机,没有回答他。

    “师傅,今天晚上我请你吃饭!”小朱还在喊着。

    我没有等下脚步,也跟着喊:“不吃你的啦,八戒!”

 

======================

原创不容易,转载请注明出处。(http://blog.csdn.net/smallfools)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_846797.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

猪八戒学做网站之HTML5篇(3):网页不是图片

一大早,被手机的闹铃吵醒。自从做了程序员之后,天天都感觉睡不醒。脑力劳动和体力劳动真不一样,体力劳动累了之后,睡一觉起来就什么事也没有了。而脑力劳动之后,怎么睡都睡不醒。说什么三十年前睡不醒,三十…

猪八戒学做网站之HTML5篇(5):Hello HTML

出了几天差,回来一看,猪八戒正在网上津津有味地看着什么呢。 猪八戒看见我回来了,马上站了起来:“师父,你回来啦!”一边说还一边接过我的行李包。 我把行李包递给猪八戒后问他:“我不在的这几天…

猪八戒学做网站之HTML5篇(6):标签!标签!

“师父,你在看什么呢?” “《南京!南京!》。”我头也不回地回答道。 “那我应该看什么呢?”猪八戒又问。 “标签!标签!”我还是头也没回地回答道。 “啥?”猪八戒一下子没有明白过来…

在VS2008中创建自定义控件(一)创建网站项目和自定义控件项目

本文目的: 1、创建一个创建网站项目。 2、创建一个自定义控件项目。 下文目的: 1、创建一个自定义控件。 2、将自定义控件添加到工具箱中,以便调用。 这两篇博文的最终结果如下图所示。 首先声明,用户控件和自定义控件是不同…

python从网站抓取特定内容

背景 测试需要模拟浏览器的userAgent,从网站上找到一批 http://www.fynas.com/ua 分析 非常普通的table元素维护 约有8K多条,为防止中途中断导致数据丢失选择读取一页写一页,单个文件可能吃力,选择100页数据放入一个文件的方式…

网站集成第三方登录--QQ

网站平台集成第三方登录--QQ 注:仅适用于线上测试,不提供本地测试(供新手参考)第一步:1、 登陆QQ互联开放平台首页 http://connect.qq.com/ ,注册开发者信息2、 选择菜单栏“管理中心”创建应用-网站3、 填…

网站集成第三方登录--sina

网站平台集成第三方登录--sina 注&#xff1a;仅适用于线上测试&#xff0c;不提供本地测试&#xff08;供新手参考&#xff09;第一步&#xff1a;1、 登陆新浪微博开放平台首页 http://open.weibo.com/ &#xff0c;登录后编辑开发者信息 及身份认证2、 开始创建应用 并将<…

iframe引入的网站不能全屏宽度有滚动条_程序猿进阶不能错过的最全前端性能优化秘籍(一)!...

很多人通常在完成了产品之后才会去考虑性能。把与性能相关的事情拖到项目的最后来做&#xff0c;所做的也不过是对服务器上的config文件进行一些微调、串联、优化以及部分特别小的调整。而现在&#xff0c;技术已经有了翻天覆地的变化。一个项目的性能是非常重要的&#xff0c;…

linux网络方面命令大全,网络操作命令 - Linux常用命令大全_Linux教程_Linux公社-Linux系统门户网站...

网络操作命令命令功能命令功能ftp传送文件telnet远端登陆bye结束连线并结束程序rlogin远端登入ping检测主机netstat显示网络状态8.1 ftp命令ftp命令用来传输文件&#xff0c;非常重要。如果在网络上看到一个很重要的文件&#xff0c;就可以用这个命令把那个文件传到自己的机器上…

如何将静态网站挂在github上

github.page是一个免费的静态托管服务&#xff0c;我们可以将静态网站托管在github上。具体的方法如下&#xff1a; 在github中新建一个username.github.io的公开仓库。&#xff08;username必须和你的github账户名完全一致。&#xff09;如果有静态网站的制作经验&#xff0c…

利用Lucene.net搭建站内搜索(4)---数据检索

前面的文章&#xff0c;我们已经对要检索的数据创建了索引&#xff0c;现在要做的就是为用户提供全文搜索的功能。通过Lucene我们还可以简单而高效地对搜索结果进行访问。此文和大家简单的说说利用Lucene.net进行数据的搜索。当我们查询Lucene的一个索引时&#xff0c;Lucene会…

50佳精美的单页网站设计作品欣赏(上篇)

单页网站是指只有一个页面的网站&#xff0c;这种形式的网站曾经非常流行&#xff0c;现在依然有很多人喜欢。不过&#xff0c;并不是每个网站都适合做成单页&#xff0c;一般都是内容比较少而且将来内容也不怎么增加的情况才适合这样做。如果你打算做一个这样的网站&#xff0…

Web 应用程序项目与网站项目比较分析

在 Visual Studio 中&#xff0c;我们可以创建“Web 应用程序项目”或“网站项目”。每种项目类型各有优缺点&#xff0c;所以我们要选择可以满足需要的最佳项目类型&#xff0c;应了解各项目类型之间的差异。今天将深入的学习这两种项目之间的异同。 项目文件结构 Web 应用…

旅游类建站要求

旅游建站要求&#xff0c; 第一大类&#xff1a;系统的建设&#xff0c;竟然你是技术员&#xff0c;我就不多说 1、系统采用松散构架&#xff0c;方便后期处理&#xff0c;管理员可自动修改、调整模版的设计或者模版中的图片文字等 2、后期修改模版网站要便于操作&#xff0c;…

php修改根目录,phpStudy如何修改端口或WWW目录(网站根目录)

方法1&#xff1a;phpStudy修改端口或WWW目录(网站根目录)非常简单&#xff1a;点击『其他选项菜单』-『phpStudy设置』-『端口常规设置』。打开Apache的配置文件httpd-conf文件&#xff1a;打开phpstudy界面 ->点击“其他选项菜单” -> 点击“打开配置文件” -> …

某网站安全检测之数据库手工注入

某网站安全检测之数据库手工注入 一、引子 长夜慢慢&#xff0c;无心睡眠…… 无意中翻到几年前听的一首名为《祖先的阴影》的摇滚&#xff0c;这么长久的历史&#xff0c;混合着许多的罪恶与功绩&#xff1b;这么“灿烂的文化”&#xff0c;夹杂着太多的愚昧与文明。美…

网站检测工具

2019独角兽企业重金招聘Python工程师标准>>> 15个在线网站检测工具 1. HTML Validator validator.w3.org/ 网页结构检测工具&#xff0c;支持HTML, XHTML, SMIL, MathML……. 2. CSS Validator jigsaw.w3.org/css-validator/ CSS验证。 3. Links Validator …

java写代码难吗_为什么这么多Java开发者会觉得用Java写网站很难?

原标题&#xff1a;为什么这么多Java开发者会觉得用Java写网站很难&#xff1f;用Java写个网站&#xff1f;这对于不少初学者来说&#xff0c;感觉难于上青天&#xff0c;许多的工作要做&#xff0c;许多知识没掌握......感觉所有东西都无从下手&#xff0c;是不是&#xff1f;…

关于建站和域名的杂谈

来谈谈关于建站的事&#xff0c;网上的教程很多&#xff0c;而且也都很详细&#xff0c;本人也是通过网上别人分享的经验一步一步走过来的&#xff0c;所以本着开源的思想&#xff0c;分享我建站以来遇到的各种问题&#xff08;本来不想写的&#xff0c;因为双休&#xff0c;想…

nodejs 使用express开发获取其他网站引用本站点js文件的参数

nodejs进行站点的开发其性能是很好的&#xff0c;在js 大行其道的天下&#xff0c;使用js基本上可以干好多只要我们能想到的东西&#xff0c;我们可以使用js文件进行用户验证等等。 这次我们就使用express 进行获取其他站点引用我们js 文件的处理&#xff08;其中js文件是带参数…