简易网页模板图片展示:HTML入门教程——打造基础网页攻略

如何用HTML编写一个基础的网页

基础的HTML网页可直接通过文本编写,无需安装特定编辑器。

1、在Windows操作系统中,于桌面上鼠标右键新建一个txt文本,并命名为"最基础网页",这仅是为了便于识别,实际上并不影响我们的操作。注意我们需要提前在文件属性中设置显示扩展名。

2、打开文件夹属性设置,将文件扩展名显示出来,后续我们需要对文件扩展名进行操作,不同操作系统的设置位置有所不同,我们可以直接搜索"文件夹属性"来查找修改。

3、然后输入最基础的HTML文本语言。

代码如下:

最基础的网页

4、保存并关闭txt文本,然后修改我们txt文本的扩展名为html,此时会弹出警告框,提示我们修改后可能会导致文件不能使用,这是操作系统的一个处理逻辑,为了防止无意或恶意的损坏文件的行为。

5、无需担心,因为这在我们自己的掌控之下,确认警告,点击"是",然后双击打开我们自己的第一个html网页,就可以看到一个最基础的html网页了。

自行创建一个网站

建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,会打字,懂基本电脑知识,反正不要太笨就可以了,呵呵。当然,这些不是一定必须的。

第一阶段:开始时最好是学习一些网页编辑软件和基础网页脚本语法,如:Dreamweaver软件,HTML语法(百度一下:HTML入门),CSS语法(百度一下:CSS入门),这样可以使您更了解网页设计与运营的原理。最好使用教程来学习,结合教程边学习边设计,这最多花你一周时间,如果有时间再学习一些javascript脚本语法(百度一下:javascript入门)。

第二阶段:学会使用网页设计软件和基础语法后,就可以设计一个较完整的网站了。当然为了让网站做得更美观,功能更强大,你就需要学习一些动态编程语言,常用的有ASP,PHP和ASP.NET,推荐后两种,因为ASP再过一段时间会被淘汰,后两种程序区别自己上网搜索吧,本人更倾向于学习.NET,面向对象,功能太强了,微软的东西就是强大。

如果你没有精力去学习这些复杂的动态编程语言,你完全可以利用现成的网站管理系统(实际也叫建站软件,比如PageAdmin系统、shopex系统、discuz系统等都比较优秀),这也是目前比较流行的方法,省时、省力。

第三阶段:结合你已经掌握的知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。

工具

1、网页制作完成后肯定是要发布上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到服务器公司先购买一个个人空间,大概有个20M以上的就可以了,当然也可以在自己电脑上安装IIS来模拟服务器运行(这里不详细说了,有兴趣的朋友百度一下相关知识,这个是很容易的)2、图片处理软件推荐firework或photoshop,HTML编辑软件推荐Dreamweaver,当然如果你会HTML语法,那用记事本直接编辑会更高效。

设计

开始时建议去下载一个比较简单的网页,在设计软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教程,进度会快很多,记得也牢一些。

其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了

网站设计八步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以设计网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会设计网页,于是他们认为网页设计非常简单,就匆匆忙忙设计自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集资料

明确了网站的主题以后,你就要围绕主题开始搜集资料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集资料,搜集得资料越多,以后设计网站就越容易。资料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的资料去粗取精,去伪存真,作为自己设计网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在设计网页之前把这些方面都考虑到了,才能在设计时驾轻就熟,胸有成竹。也只有如此设计出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的设计工具

一个网站的设计成效,很大程度上取决于设计者的策划能力,策划网站就如同建筑师设计大厦一般,图纸设计完善后,方能建造一座美丽的建筑。网站策划涉及诸多方面,包括网站的结构、栏目的配置、网站的风格、色彩搭配、版面布局、图文的运用等,你只有在设计网页前将这些方面都充分考虑,才能在设计过程中游刃有余,胸有成竹。唯有如此,设计出的网页才能具有独特性、特色,更具吸引力。如何策划网站的每一项具体内容,我们将在下文进行详细阐述。四、挑选合适的设计工具

尽管选择何种工具并不会影响你设计网页的质量,但一款功能强大、操作简便的软件往往能起到事半功倍的效果。网页设计涉及多种工具,首要便是网页设计工具,目前大多数网民使用的是所见即所得的建站系统软件(前文提到的网站管理系统)。除此之外,还有图片编辑工具,如firework、Photoshop等;动画设计工具,如Flash等;网上有许多这方面的软件可供下载,你可以根据需求灵活运用。

4、如果你已完成了页面,就需要考虑将网页发布到何处,也就是我们常说的发布空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(拥有发布空间的标志是你拥有了FTP账号,这需要申请),也可以按照我前面所述将电脑配置为服务器(需要安装IIS等软件,这可以在百度上查找相关信息)

五、设计网页

素材准备齐全,工具也挑选好了,接下来就需要按照策划一步步地将自己的想法变为现实,这是一个复杂而细致的过程,一定要按照先整体后局部、先简单后复杂的原则进行设计。所谓先整体后局部,是指在网页设计时,先设计好整体结构,再逐步完善局部结构设计。所谓先简单后复杂,是指先设计出简单的内容,再设计复杂的内容,以便在出现问题时便于修改。在设计网页时,要灵活运用网站管理系统后台功能,这样可以大大提高设计效率。

六、上传测试

网页设计完成后,最后需要将其发布到Web服务器上,才能让全球的朋友观看,目前上传工具众多,推荐LeapFTP软件,你可以很方便地将网站发布到你自己设计的网站存放服务器上。网站上传测试完毕后,就可以将网址告诉朋友或客户,让他们来浏览。

七、推广宣传

网页制作完成后,还需不断进行宣传,这样才能让更多的朋友了解它,提高网站的访问量和知名度。推广方法多种多样,例如在搜索引擎上注册、与其他网站交换链接、加入广告链等。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。
THE END
分享
二维码
< <上一篇
下一篇>>