-
2021-06-13 11:00:34
一、制作网站前的准备
可以使用一种汉字输入方法,快慢不拘。
会用IE点击上网并浏览网页
知道一些最最基本的术语,例如说超级链接你知道点一下就能到别的网页去,这个相信你也会吧。
你会使用office 软件--没听说过?WORD知道吧?就是你打字的东东。
你肯定打过什么文稿之类的东东吧,那就得用到WORD,要不WPS也行,反正一定得会使用这样的软件,不然你就没办法实现制作网页的那些功能。
OK,假设你上面这些东东你全都会的话,那就可以制作网页啦。
二、制作网页前必须了解的东东
为了使我们这个教材真正实现谁都学得会,谁都看得懂,我决定不在这个教材里说任何专业的东东,我们是想做网页而不是想当网络管理员,更不需要为考什么等级而努力。
所以我将这教材定位在最最简单明了的基础上,有些地方写得恐怕你看了也会说一声“弱智”,不过请相信,网上一定还有比你还弱智的朋友等着这些提示呢。呵呵,那么,开始制作啦!
首先,我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003(没听说过吗?那我给你解释一下,你去街角的卖盗版盘的老板那问问,有FRONTPAGE2000全版的没有?老扳就会热心的给你一套OFFCE2003,说这就是了,然后要你买下),这个软件同 WORD,EXCEL之类软件一样,是OFFICE系列的一员,安装OFFICE的时候将它也装上,你就能做网页啦,别担心你不会用,我会手把手教你做的。
如果你不会装OFFICE,那就请你哪位哥哥帮你个小忙,请他为你装上,其实一点也不难装。
好,假设你安装好了FRONTPAGE2003(FRONTPAGE2000也可,不过使用起来没有FRONTPAGE2003顺手),我就是用的FRONTPAGE2003,所以教材上也以此为准。
喂,你先别得意,有了这个FRONTPAGE2003是可以做网页,不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢,你要学的东东多着呢,千万别得意哦。
三、正式开始啦
好,打开FRONTPAGE2003,第一次进入左边会有个烦人的什么视图窗,这东东用不着,关掉它!怎么关?记好了,方法如下:
点击上面那菜单条--选查看--在菜单上那个标有“视图栏”的小勾上点一下,呵呵!会了吧,为了简明起见,这个操作我将写为 菜单--查看--视图栏 记住了吗?这样你看着省心我打着省事,皆大欢喜 :-)
现在出现在我们面前的是一个空白的页面。
1、给这个网面起个名字,怎么起?请看方法:
菜单--文件--另存为……--(选择你想保存的文件名、网页标题、保存位置)
对了,你一定看到另存为的时候有个什么网页标题的更改按钮了吧,点一下你就可以改成你喜欢的网页标题了,例如说“欢迎来到我的主页”之类。
记好,一定要选保存。建议你保存的文件名为 index ,因为这个名字的页面是网站必须有的第一页,网站必须有这一页。对了,另存为的对话框最上面还有个“保存位置”,你可以选好你想保存的网页路径,一般保存在“我的文档”里。你可以自己建个新文件夹用来存放你的主页。
现在我们的网页文件己经出来了,名字叫“index。htm” 页面标题是“欢迎来到我的主页”,你可以试着用IE打开这个网页文件,在浏览器最上最左边的蓝色条上能看到这句话。你又会说了,空空的嘛,一个网页是出来了,上面上个字也没有!别急,咱这就往里加字!
你直接输入“欢迎来到我的主页!”这句话。
就会看到在网页的左上边出现了这句话,和打字一样,对了,就和打字一样,这么简单!点一下左上角那个小小的磁盘保存这个文件吧,或者用 Ctrl + S保存。
然后用浏览器IE打开这个文件,你就会看到你刚打的字了!其实FRONTPAGE2003页面下有三个标签,分别是“普通”、“HTML”、“预览”,用“预览”一样能看到。
不过我自己觉得不如另外用浏览器打开来得实在,呵呵,个人习惯,你尽可以用预览这个标签来看。
2、改变字体的大小和颜色
你可以用鼠标在你想改变颜色的字上拖动,使之成为反色字,就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具,--没有?那就用这个方法把它调出来!菜单--查看--工具栏--格式 ,出来了吧!
和WORD一样,格式的操作很简单,一看就会。
请注意,字体请不要设置得太怪,一般采用默认字体或宋体。
选择字体的大小可以从1号至7号不等。1号最小,7号最大。字符颜色选择请看看那个标有“A”字的小按钮,点一下它旁边的向下箭头。会出现好多颜色,你选一下就成了。这时你会发现选中的字大小和颜色变了,其实这些操作和WORD是一样的,你应当一看就会。
其它诸如缩进、排列序号、段落间距之类都和OFFICE一样,我就不多说了,不会的话可以看看有关WORD的书或自己琢磨一下,挨个试一试,这些很容易就学会的。
3、表格
表格是网页中很重要的一节,在网页中为实现好看的效果,必须使用表格,表格不难画,只需点中那个工具栏上的小小铅笔的按钮就能画了。
如果你的页面上没有表格工具,请使用 菜单--查看--工具栏--表格 来打开它。
表格无非就是这么横几道竖几道的框框,每一个格子叫单元格,这个很重要哦,你可以通过选中单元格按鼠标右键来选择相应的菜单。单元格有单元格的属性,表格有表格的属性,网页也有网页的属性,这一切都在右击鼠标键上。
呵呵,学会这些做网页就不愁啦。
通过拉动表格的边线可以改变大小,也可以通过右击鼠标选表格大小里直接输入数值来指定大小,后者更精确一些。一般来说表格宽度不应超过790,因为网页的大小定位在800*600格式下,超过了就会在网页下面出现拉动条,有点不好看,所以我用表格一般让它宽度为790,当然这要根据你想实现的网页效果来做。
4、单元格
一般网页都是由几个表格组成的,表格里的单元格里分别放着相应的图片,文字和插件。所以单元格是网页是最小的单位,每个单元格都有它的属性,一般来说,我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式,可以选择水平和垂直属性。
这些能很方便的给实现单元格内部的排版,再有就是单元格的颜色、行跨距什么的,一看就会,我想你能明白。设定这些属性的目的就在于改变各个单元格的样式,有了这些,单元格之间就能组成好看的页面了,多练练这方面的东东。
5、网页属性
网页的属性有许多,你可以点击右键选取择网页属性进入。
和我们初学者有关的就是背景啦,选择背景标签你就会看到相应内容,分别是格式和颜色两个内容。里面有个背景图片按钮,你可以从中点浏览打一张你喜欢的图片做背景,比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性,通过这个属性你可以改变链接的样式,比方说文字默认颜色啦,背景默认颜色及其它一些选取项,你都可以试试,一看就会的。
6、插入图片
网页上没图片那就称不上是网页了,好看的网页当然要有图片陪衬,不过为了能找到图片,建议你在你的网页文件路径下设一个名为“image"的文件夹,把你这网页的图片放里面去,这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。
插入图片操作很简单,通过下面这个方式就能做到了。 菜单栏--插入--图片--来自文件--选择想插入的图片。
你最好将想插入的图片放到 image 文件夹里,然后再插入,这样网页上所有的图片都包含在 image文件夹里了。方便也很实用。
插入后可以选择一些图片属性让它更符合你的页面,比方说图片大小啦,图片颜色优化什么的,这些都可以在图片上通过右击鼠标选图片属性来修改。
说了半天你应该明白个道理,想修改什么就可以选中它然后按右键选相应的菜单,这很方便嘛,你学会这个就己经学会做网页的一半了!
7、超级链接
网页上没超级链接那不成其为网页,你想让你的小站也拥有超级链接吗?哈哈,很EASY!这样来实现它!
选中你想使之成为超级链接的文本,比方说是“进入”两个字,选取中后仍是按鼠标右键,选弹出菜单上那个“超级链接……”就会出现一个对话框让你来设定超级链接。
你不会呀?简单极了!就是在 URL 里输入网址就行了。呵呵,比方说你输入我的小站的地址:“”保存一下网页。然后选预览或用IE打开这个网页文件,你会发现点击“进入”两个字就会进入到我的小站了,当然,你把超级链接改成别的网址点击它自然是到那个网址了。
记着,可以设定超级链接点击后是在新窗口打开还是在原窗口打开,这你只要在目标框架里选一下就成了。一般是设为网页默认值,你可以改变它使之成为新建窗口。
四、设计你自己的主页
以上提到的一些功能的使用你会了没?用这些功能就能做出相当漂亮的主页了!不信?好,你看看馨香小憩的一些页面不就是由这几个东东组成的吗?现在你就可以自己来设计一个主页了,相信你会做得比我好看的。
哦,忘了提一些东东了。有些东西你必须注意
1、图片不可太大,因为网络不快,图片一般在10K以下还能承受,超过10K就会影响浏览速度了,一般页面里可以有个总量为30K的图片,这是极限了,再多网页会半天也打不开的。
2、注意配色。网页好看是在于一个整体,而配色是很关键的,访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉,如果配色不好,访问者就不会有什么好印象了。
关于配色方面是见仁见智的事,你可以注意一些杂志、画报之类刊物上的配色,学学别人的经验。
3、总体布局。网页布局要和协,不要看起来显着头重脚轻或虎头蛇尾,学学报纸上的布局对你会大有帮助!
4、链接注意事项。一般你的网站不会只有一个页面,你如果想使页面可以用链接连起来。
只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index。htm,次页文件是 text。htm 那么只需在 URL里输入 "text。htm"即可,记着 “”是网上才用的东东,你在本地编辑是用不着的,当主页上传到网上时,它自动会变成 "你的主页地址"加上"text。
htm"了,这不用你担心,你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入 "image\xx。gif"之类。
5、关于图片。可以在很多地方得到好看的图片,不过为了使你的主页更好看,还是有必要自己画一些图片的。
比方说标志啦,美术字什么的,它会使你的主页更加妩媚动人。
入门可先用Frontpage2003,当了解了基础之后,再学习以dreamweaver为主的网页制作三剑客,包括图片处理和FLASH制作。如果想更专业一些,就要学习编程,但刚开始可学借用他人的程序作为模版,同时兼学程序设计原理,二者缺一不可。
学网页关键在于有兴趣、有恒心、有方法,则用不了一年,你一定可以学会做网页,可能谈不上高手,但肯定不会被人叫做菜鸟。
其他的如网页素材、gif动画图片库、网页模板、、网页特效、midi背景音乐、网页制作软件、字体下载、免费搜索代码等可参照参考资料
参考资料:
下面是我的网站。
是可以注册的。
全部
更多相关内容 -
Google浏览器网页,大部分网页出现无法加载样式
2022-01-20 19:57:26印象中没设置什么属性,然后最近本地调试前端页面css样式大部分涉及图片和背景的显示异常(部分加载不出来),看样式还得打开其他浏览器巨麻烦,以为是浏览器版本有bug,就一直搁置着。 网上的解决方案,如下图重置...最近在调试前端,谷歌浏览器右上角一直出现更新版本的红色提示。看了下自己安装的版本确实比较旧(Chrome_63.0.3239.84),也可能是太旧的缘故无法直接升级,后来下了这个版本(92.0.4515.159_chrome_installer_32)。印象中没设置什么属性,然后最近本地调试前端页面css样式大部分涉及图片和背景的显示异常(部分加载不出来),看样式还得打开其他浏览器巨麻烦,以为是浏览器版本有bug,就一直搁置着。
网上的解决方案,如下图重置就行(本来想重置,怕影响之前装的一些拓展插件)。
-
浏览器打开网页的时候样式不全,求教解答方法
2019-09-30 06:34:12![图片说明]...从网页源代码去找的话发现是这个CSS文件载入不了,报错如下,求教大神解决方法,是哪里设置错了吗,该如何快速的还原?求求大神有能力的远程帮我一下,重谢,我的QQ390651027,真的谢谢了 -
Chrome谷歌浏览器打开任何网页不加载css,刷新后才加载
2021-06-27 23:42:32本来好好的看着网页,然后我用电脑管家清理了一下垃圾,之后在使用Chrome打开任何网页就突然不加载css样式了,刷新页面后才能加载。 我不敢确认两者之间一定存在着关系,但是突然加载不了是真的… 解决办法很简单,...今天突然遇到个奇怪的bug
本来好好的看着网页,然后我用电脑管家清理了一下垃圾,之后在使用Chrome打开任何网页就突然不加载css样式了,刷新页面后才能加载。
我不敢确认两者之间一定存在着关系,但是突然加载不了是真的…
解决办法很简单,就是清理一下浏览器缓存
-
idea运行javaWeb打开后没有CSS样式效果
2021-12-10 16:48:36询问老师该问题后,老师帮我检查了代码,检查了css能否访问,查看了过滤器,清除了idea缓存和谷歌游览器缓存,但是最终都没有解决这个问题 最后将地址复制到火狐游览器运行,发现可以显示出css样式 二、删除JSP页面...记录谷歌游览器在运行javaWeb时遇到的一个问题
项目在之前能够在谷歌游览器正常运行,但是今天项目一运行,发现css样式效果不显示了,询问了老师也百度了下总结出来以下两个解决方案,建议都试试
一、更换游览器
询问老师该问题后,老师帮我检查了代码,检查了css能否访问,查看了过滤器,清除了idea缓存和谷歌游览器缓存,但是最终都没有解决这个问题
最后将地址复制到火狐游览器运行,发现可以显示出css样式
二、删除JSP页面开头的
因为我的页面是由html改的JSP页,所以
去掉 !doctype html 这个框即可
最后web能够正常运行显示
我最终决定采用第二种方法,因为第二种方法不需要我每次重启服务器都重新到另外一个游览器去再次运行
-
使用火狐的web developer禁用网页样式图文详解
2020-09-22 13:34:09要想使用火狐的web developer禁用网页样式,前置条件是已安装了web developer插件,下面是具体的操作步骤,大家可以参考下 -
org-logseq:Org-logseq允许您打开Logseq样式的页面并阻止与Org Mode一起的链接
2021-03-30 20:42:44Org-logseq允许您打开样式的页面,并与Org Mode一起阻止链接。 特征 在您的组织文档中以logseq样式的方式打开链接。 打开组织模式不支持的块ID。 创建一个空白的excalidraw文件,并将其插入到该点。 安装 Org-... -
单独测试网页时有css样式,但运行django项目后网页没有加载css样式
2020-02-15 21:15:03在python manage.py runserver 前单独测试html文件有css样式,但是运行后系统不能加载css。...所以尽管你之前测试html没有问题,但是当系统运行后找不到你的css样式。 解决方法: 1.配置settings文件 ... -
unity打开网页
2018-12-12 11:56:39unity里面打开网页接触了一些,没做深入研究,仅以简单展示网页为主。分为两类,一是PC端打开网页,二是android端打开...如果网页不是单独一张二维码图片,有其他文字,样式,js等,使用插件WWebView(该插件开通了... -
浏览器打开网页的过程
2021-06-13 17:39:37注意这里的icon,地址是一张图片,以及main.json是没有发现在请求列表的,可能之前就有了缓存3 .浏览器又发出css以及js文件请求,服务器返回这个css,js文件4 .浏览器继续载入html中body部分的代码,并且cs... -
浏览器自动填充表单导致网页样式丢失原因分析及解决
2020-09-22 14:22:29是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码,在打开这个页面的时候chrome自动填充用户名密码,同时用webkit默认样式替代网页样式,把chrome保存的这个网页的用户名密码清掉就可以了 -
为什么网页打不开? 网页打不开的原因与解决办法小结
2020-10-01 11:26:18经常会有朋友问这个样一个问题:有些网站可以打开网页,部分网站为什么网页打不开?并且打不开网页的这些网站别人可以正常访问 -
网页打开慢的原因及分析
2018-08-30 15:47:19... ① 图片地图:把多张图片整合到一张图片中,以位置定位超链接。 ...③ 合并JS脚本和CSS样式表。 ④ 使用外部JS和CSS文件。 2、原因二:接收数据时间过长,如下载资源过大 解决:对HTTP... -
解决网页打开json文件中文乱码情况
2020-12-01 16:14:36解决网页打开json文件中文乱码情况 原因:保存json文件的格式不对 解决办法:另存json文件,保存的时候将编码类型修改为UTF-8,如图所示。将新json文件替换掉原json文件就好啦 -
关于电脑QQ、微信打得开,但百度等网页打不开或打开后样式不对的问题解决方法
2020-06-16 11:58:22关于电脑QQ、微信打得开,但百度等网页打不开或打开后样式不对的问题解决方法 1. 用管理员的方式打开命令提示符。 2. 输入命令 ipconfig /flushdns 3. 再输入命令 netsh winsock reset 4. 最后重启计算机后,网页... -
Android中WebView加载的网页被放大的解决办法
2020-08-31 20:02:44主要介绍了Android中WebView加载的网页被放大的问题的解决办法,非常不错,具有参考借鉴价值,需要的朋友参考下 -
webstorm打开的html页面与本地打开的同一个html样式显示不一样
2021-02-11 15:38:39同样的一个页面,使用webstorm自带的服务器打开,和在本地打开后显示的样式不一样不知道是什么原因,请大神指点。原代码:Document* {padding: 0;margin: 0;}.father {width: 1000px;height: 560px;margin: 0 auto;... -
一个网页从打开到显示的全过程
2019-11-09 22:33:49@TOC一个网页从显示到打开的过程 欢迎使用Markdown编辑器 1.加粗样式 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: ... -
CSS+div网页设计 电脑浏览器打开网页正常 但手机浏览器打开col-sm-4位置乱了
2017-08-29 06:19:22如题,电脑浏览器打开网页正常,但手机浏览器打开原先在一行的两个col-sm-4变成了两行,如图 这是用电脑上的浏览器打开的,都正常 ![图片说明]... -
网站css样式不加载是什么原因?
2021-06-13 07:53:50有时当我们打开网页时,网页布局完整,但却没有任何布局样式显示。这是什么原因?为什么网站css样式不加载了?下面给大家介绍一些无法加载css样式的原因。网站css样式不加载是什么原因?网站css样式不加载,可能是... -
网页打开速度慢的原因及N种解决方法
2019-08-20 21:25:33此文在优化网页打开速度及SEO方面,以网站浏览者,网站制作者,及服务器管理员的身份分别阐述了我们应该如何做才能解决网页打开慢的问题,向作者致敬 互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃。... -
ie怎么加载不了css样式?
2021-06-13 00:54:59CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对... -
静态网页作品-精美个人主页源代码
2018-11-08 02:46:29针对很多人为了交作业在网上找静态网页作业,帮一个学生做的个人网页,经过美化修改,第一次发出来供初学者学习参考。 包含6个独立页面,分别为首页index.html、about.html、flash.html、message.html、photo.html、... -
从浏览器输入网址,到网页打开,全过程解析
2021-03-09 10:34:04说到一个经典面试题:从浏览器地址栏输入网址,到网页彻底打开,中间经历了什么。 在结合曹大给的分析和自己查阅相关资料。遂整理出了这篇详细的文章供大家参考。 背景分析: 这题考查的是面试者对整个上网概念... -
网页显示只能显示到网页标题的文字,不能显示具体网页的样式.
2019-12-23 23:42:51controller写了好了方法,其他所有都没有错,但是网页显示只能显示到网页标题的文字,不能显示具体网页的样式. @Controller @RequestMapping("/login") public class LoginController { @RequestMapping("/to_login")... -
网页不显示样式的解决方向之一
2017-08-30 19:00:03当网页出现内容显示正常,但是没有样式加载的情况。这时,要先检查css文件是否成功加载。 如果加载成功,再检查css内容的问题或者是编码问题;如果加载失败,这时要检查css文件引用路径是否正确,或者nginx/Apache... -
浏览器网页链接打开本地exe程序
2018-08-29 14:05:29浏览器网页超链接打开本地exe程序的方法 一 、加注册表 新建 aclient.reg 文件,加入以下代码,双击运行aclient.reg,就会将以下信息加到注册表中 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\a... -
如何在网页打开CAD,DWG文件,(在线CAD)在线CAD平台,H5前端显示CAD,网页CAD
2020-12-21 15:38:01CAD图纸信息搜索提取、测距离、算面积、批注、捕捉、正交、曲线离散、偏移、打断、阵列、扩展数据读写、扩展记录读写、构造选择集、动画、自定义实体、组、超连接、Undo、Redo、字典、图层、标注样式、线型样式、... -
应用css样式美化网页.pptx
2020-03-10 00:09:521.创建CSS样式 1选择窗口-CSS样式快捷键为Shift+F11命令打开CSS样式面板 2单击CSS样式面板中的新建规则样式按钮打开新建CSS样式对话框或者选择文本-CSS 样式-新建来打开新建CSS样式对话框如图8-8所示 对话框中各项... -
html5 网页全屏显示
2021-06-08 17:38:481.统一样式因为不同的浏览器的样式不一致,所以,最好统一样式:-webkit-full-screen {/* properties */}:-moz-full-screen {/* properties */}:-ms-fullscreen {/* properties */}:full-screen { /*pre-spec *//* ...