【你也能从零基础学会网站开发】Web建站之HTML+CSS入门篇 网站开发的基本概念与站点文件的管理

🚀 个人主页 极客小俊
✍🏻 作者简介:web开发者、设计师、技术分享
🐋 希望大家多多支持, 我们一起学习和进步!😄
🏅 如果对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注

网站概述

因特网上一块固定的面向全世界发布消息的地方,由域名(也就是网站地址)和网站空间构成,通常包括页面和其他具有超链接文件的页面。

浏览网页时在浏览器中看到的一个个页面就是网页,而多个相关的网页的集合就构成了一个网站这个应该大家都明白吧!

而域名又跟IP地址进行了绑定 , 范围如下

IPV4   0.0.0.0~255.255.255.255  X.X.X.X
IPV6   0.0.0.0.0.0~255.255.255.255.255.255

这也就是俗称的域名解析 意思就是把我们的远程站点IP地址 替换为一个好记忆的名称,方便用户访问,所谓站点的域名IP之间的关系简单的说就是这样!

网站的组成部分 域名+网站空间+网站源码
建设网站需要考虑到的因素 有如下
1)网站的客户群体
2)网站的内容方向和性质
3)网站的功能描述和结构分析
4)网站的用户体验
5)网站的盈利方式
6)网站的未来发展方向
网站的分类
1. 根据网站所用到的编程语言分类:例如Html(table/DIV+CSS) 、asp网站、php网站、jsp网站、.net网站 等等。。。
2. 根据网站的用途分类:例如门户网站(综合性网站)、行业网站、娱乐网站等
3. 根据网站的功能分类:例如单一网站(企业网站)、多功能网站(网络商城)
4. 根据网站的持有者分类:例如个人网站、商业网站、政府网站等。
5. 根据网站的商业目的:营利弄网站(行业网站、论坛)、非营利性型网站(企业网站、政府网站)
6. 根据上网的模式:www网与wap(Wireless Application Protocol)
7. 网站搜索(比如百度、google、搜狐、雅虎等)

以上这些概念是在网站开发之前你必须要有的一些基本认知!

网站的站点是什么?

所谓站点其实你可以看做是一系列文档的组合,这些文档之间通过各种链接关系起
来,可能拥有相似的属性,站点实际上对应的是一个文件夹,我们设计网页就
保存在这个站点(文件夹)中,存储在本地机器中的站点(文件夹)称为本地 站点,发布到WEB服务器上的站点(文件夹)则称为远程站点

规划站点

规划站点,不像直接设计编写那么简单,事先需要做许多准备工作,不仅要
准备建设站点需要的素材文字资料、图像以及媒体文件素材,还要设计好资料整
合的方式,并根据资料确定站点的风格特点, 同时在内部还要整齐、有序地排
列归类站点中的文件,否则杂而乱的资料堆积到一起,不仅不利于将来的维护
和(包括站点的管理,) 同时还会因为页面间极为混乱的关系而导致站点容易出
现错误, 这都是在网站开发之前必须要考虑的事情, 很多人忽视了这个问题!

初学者的规划方案

对于刚刚接触的朋友来说,下面主要提两点需要注意的地方,来进行合理的规划我们的网站站点结构!

确定站点风格

风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受
访问互联网时,可以看到形形色色的站点,每一个站点都有自己的特色,不同类型的站点风格特色更不相同.站点的风格是整个网站的灵魂,没有风格,就不具有自己的特色,更谈不上吸引用户访问站点。因此站 点设计者通常在设计之前都要规划好站点的风格。

一个站点究竟使用什么样的主题,要根据建站的性质来确定。公司站点主要是向外界展示公司的形象,这个整体形象包括站点的标志,色彩,字体,标语,版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素,介绍公司情况以及推销自己的产品,政府站点侧重网上办公,将办公的材料放置到网上供人查阅,个人站点则希望将个人的兴趣爱好展示出来,让别人通过自己的站点了解自己,因此个性化更强一些。

规划站点结构

一般来说,一个站点包含的文件很多,大型站点更是如此.如果将所有的文件混杂在一起,则整个站点显得杂乱无章,自己看起来也很不舒服且不易管理,因此需要对站点的内部结构进行规划。

所以通常对于刚刚开始接触网站开发的新手,应该将各个文件分门别类地放到不同的文件夹下,这样可以使整个站点结构看起来条理清晰,井然有序,使人们通过浏览站点的结构,就可知道该站点大概内容。

这样做主要是为网页设计人员在修改管理页面文件时提供方便。在你电脑里除C盘外要新建一个站点的文件夹,命名如myweb,就是我们的站点, 然后在这个站点文件夹里再新建几个文件夹,来分别存储资源!
如图

用Dreamweaver建立站点管理文件

方法确实很简单,在Dreamweaver中几步就可以搞定, 具体操作如下图:


如果一开始这一点你都没有做好,我个人建议千万别写代码,后期你会遇见很多问题!

"👍点赞" "✍️评论" "收藏❤️"

大家的支持就是我坚持下去的动力!

如果以上内容有任何错误或者不准确的地方,🤗🤗🤗欢迎在下面 👇👇👇 留个言指出、或者你有更好的想法,
欢迎一起交流学习❤️❤️💛💛💚💚

更多 好玩 好用 好看的干货教程可以 点击下方关注❤️ 微信公众号❤️
说不定有意料之外的收获哦..🤗嘿嘿嘿、嘻嘻嘻🤗!
🌽🍓🍎🍍🍉🍇

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

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

相关文章

笔记本上使用usb蓝牙适配器

注意 必须先禁用笔记本上原来的蓝牙功能 禁用笔记本原来的蓝牙功能 使用usb蓝牙适配器

matlab读取hdf5格式的全球火灾排放数据库Global Fire Emissions Database(GFED)数据

1.引言 火灾是大气中痕量气体和气溶胶的重要来源,并且是全球尺度上最重要的干扰因素。此外,森林砍伐和热带泥炭地火灾以及火灾频率增加的地区,都会增加大气中二氧化碳的积累。烧毁面积提供了生物质燃烧事件期间受火灾影响土地的估算&#xff…

实时智能应答数字人搭建

语音驱动口型的算法 先看效果: 你很快就可以帮得上我了 FACEGOOD 决定将语音驱动口型的算法技术正式开源,这是 AI 虚拟数字人的核心算法,技术开源后将大程度降低 AI 数字人的开发门槛。FACEGOOD是一家国际领先的3D基础软件开发商,…

分类算法(Classification algorithms)

逻辑回归(logical regression): 逻辑回归这个名字听上去好像应该是回归算法的,但其实这个名字只是在历史上取名有点区别,但实际上它是一个完全属于是分类算法的。 我们为什么要学习它呢?在用我们的线性回归时会遇到一…

Xss-labs-master 1-16关

第一关 <?php ini_set("display_errors", 0); $str $_GET["name"]; echo "<h2 aligncenter>欢迎用户".$str."</h2>"; ?> <center><img srclevel1.png></center> <?php echo "&l…

OpenAI-Sora学习手册

通过Sora看2024红利&#xff1a;文生视频&#xff0c;虽然AI不一定是风口&#xff0c;但一定是未来深入到生活工作&#xff0c;乃至思考的必备工具。 目录 Sora介绍 Sora基础介绍 Sora官方网址 Sora的价值 1.物理世界的交互 2.创意世界的绽放 3.多角色、更精准、更细节…

两天学会微服务网关Gateway-Gateway网关限流

锋哥原创的微服务网关Gateway视频教程&#xff1a; Gateway微服务网关视频教程&#xff08;无废话版&#xff09;_哔哩哔哩_bilibiliGateway微服务网关视频教程&#xff08;无废话版&#xff09;共计17条视频&#xff0c;包括&#xff1a;1_Gateway简介、2_Gateway工作原理、3…

shell脚本一键部署docker

Docker介绍 Docker 是一个开源的平台&#xff0c;用于开发、交付和运行应用程序。它利用容器化技术&#xff0c;可以帮助开发人员更轻松地打包应用程序及其依赖项&#xff0c;并将其部署到任何环境中&#xff0c;无论是开发工作站、数据中心还是云中。以下是 Docker 的一些关键…

ChatGPT提问技巧——控制温度和TOP-P样本

ChatGPT提问技巧——控制温度和TOP-P样本 “控制温度和Top-P抽样”在自然语言处理中&#xff0c;控制温度是指通过调整生成文本的随机性和多样性&#xff0c;而Top-P抽样是一种生成文本的策略&#xff0c;它选择概率最高的前P个词作为候选词汇。这两个技术常用于生成文本的质量…

ChatGPT在地学、GIS、气象、农业、生态、环境等领域中的应用

以ChatGPT、LLaMA、Gemini、DALLE、Midjourney、Stable Diffusion、星火大模型、文心一言、千问为代表AI大语言模型带来了新一波人工智能浪潮&#xff0c;可以面向科研选题、思维导图、数据清洗、统计分析、高级编程、代码调试、算法学习、论文检索、写作、翻译、润色、文献辅助…

DataFunSummit 2023:洞察现代数据栈技术的创新与发展(附大会核心PPT下载)

随着数字化浪潮的推进&#xff0c;数据已成为企业竞争的核心要素。为了应对日益增长的数据挑战&#xff0c;现代数据栈技术日益受到业界的关注。DataFunSummit 2023年现代数据栈技术峰会正是在这样的背景下应运而生&#xff0c;汇聚了全球数据领域的精英&#xff0c;共同探讨现…

Android应用开发data android:schemes标签的作用

文章目录 data android:schemesAndroidManifest.xml 中 <data> 元素的属性详解 data android:schemes 在 AndroidManifest.xml 文件中&#xff0c; 标签的作用是指定该应用可以处理的 URI 方案。 URI 是统一资源标识符&#xff0c;它是一种用于标识资源的标准方法。URI…

【三】【SQL Server】如何运用SQL Server中查询设计器通关数据库期末查询大题

数据库学生选择1122 数据库展示 course表展示 SC表展示 student表展示 数据库学生选课1122_1 第一题 第二题 第三题 第四题 第五题 数据库学生选课1122_2 第六题 第七题 第八题 第九题 第十题 结尾 最后&#xff0c;感谢您阅读我的文章&#xff0c;希望这些内容能够对您有所启…

列表吸顶分组之按首字母分组国家选区号

列表粘性分组之按首字母分组国家选区号 Android原生版本 直接先看UI图,效果如下 本来看起来也不难,我就想着上面常用区号那块不动,下面的列表滑动就行,但IOS说他滑动的时候上面也滑上去了,好吧,这也行;但最终效果做出来后,IOS滑动后会有按照国家名称首字母进行粘性分…

mysql从旧表 取出部分列并保存到新表几种方式介绍

在MySQL中&#xff0c;从旧表取出部分列并保存到新表有多种方式&#xff0c;主要包括以下几种&#xff1a; 1. 使用INSERT INTO ... SELECT语句&#xff1a; 这是最常用的方法。通过SELECT语句从旧表中选择需要的数据&#xff0c;然后使用INSERT INTO语句将数据…

cesium-切分地图

在cesium中只看想看到的部分地图&#xff0c;其他的隐藏。 做法如下 import {ArrowRight} from element-plus/icons-vue import {onMounted, ref, watch} from "vue"; import * as Cesium from "cesium"; import InitCesium from "../js/InitCesiumH…

快速了解Redis

Redis是什么&#xff1f; Redis是一个数据库&#xff0c;是一个跨平台的非关系型数据库&#xff0c;Redis完全开源&#xff0c;遵守BSD协议。它通过键值对(Key-Value)的形式存储数据。 它与mysql数据库有什么区别&#xff1f; redis通过键值对(Key-Value)的形式存储数据&…

【AI视野·今日Robot 机器人论文速览 第八十三期】Wed, 6 Mar 2024

AI视野今日CS.Robotics 机器人学论文速览 Wed, 6 Mar 2024 Totally 30 papers &#x1f449;上期速览✈更多精彩请移步主页 Interesting: &#x1f4da;SpaceHopper,外星探索多功能三足机器人 (from Robotic Systems Lab, ETH Zurich) Daily Robotics Papers A Safety-Criti…

《探索虚拟与现实的边界:VR与AR谁更能引领未来?》

引言 在当今数字时代&#xff0c;虚拟现实&#xff08;VR&#xff09;和增强现实&#xff08;AR&#xff09;技术正以惊人的速度发展&#xff0c;并逐渐渗透到我们的日常生活中。它们正在重新定义人与技术、人与环境之间的关系&#xff0c;同时也为各行各业带来了全新的可能性。…

LeetCode刷题---填充每个节点的下一个右侧节点指针 II

题解:LeetCode题解 解题思想&#xff1a; 通过创建辅助指针来解决该问题 当当前节点cur不为空的时候&#xff0c;创建辅助节点dummy&#xff0c;使其一直作为每一层的第一个节点的前一个节点。 创建辅助指针pre&#xff0c;pre初始指向dummy&#xff0c;之后通过pre来填充当前层…